teleren/devto huggingface dataset:
Coronavirus & U: How to move your in-person business online
Tags: javascript, corvidbywix, business
Published: 2020-03-20 00:16:28

This novel Coronavirus is rapidly changing how we do business on a daily basis. Everyday we wake up something new has changed. Conversations with friends reveal that companies are making the move to remote permanent. Any many others believe this will completely change the future of work. And this got me thinking: how do all the changes affect my friends who run in-person business? And how can I step up and help them during this time?

![Classroom teaching](https://dev-to-uploads.s3.amazonaws.com/i/qhgxf9lxyu18tnoaaho6.jpg)

I reached out to some freelance friends, and we started discussing how this rapidly changing work environment has affected them. Many have had clients cancel or their programs have been shut down completely. Some have taken drastic measures to try to make sure they can keep their businesses alive by moving their in-person lessons to virtual. But this adds additional work to their plates. When running their business as a freelancer, they were just the teacher. Now having to orchestrate multiple parent's schedules with both parents and students at home, finding tools that work the best, and reinventing their programs online. 

The burden of moving whole programs online has shutter the doors to some of their schools due to additional logistics of online scheduling, payments, and tools. But this is where I hope to come in! As a Developer Advocate for Corvid by Wix, I am going to explore how to help build a killer online presence so you don't have to shutter your doors if you need to move you business to the digital realm.

![Dev Mode in Wix](https://dev-to-uploads.s3.amazonaws.com/i/3uqege7cgixqqw280ovq.png)

Wix has built in [bookings](https://www.wix.com/corvid/example/timetable) and payments systems, but with the support of Corvid, we can [integrate with 3rd Parties](https://www.wix.com/corvid/forum/community-discussion/example-send-email-with-the-sendgrid-rest-interface) likes Zoom, Patreon, or Google Calendar which many of my freelancing friends are using for online classes, arts supports, and scheduling respectively. So stay tuned as we dig into these integrations and explore how it helps the freelance community in this increasingly digital age!

If you have a similar story, I am would love to hear it and can help you set up a site and a coupon for a free year in exchange for your interview time!
VR Phone game #howhardcanitbe
Tags: android, vr, opengles2, devlog
Published: 2020-03-20 00:13:29

#The Beginnings
I have previously made small openGL games for android devices, so when my daughter got a VR headset for her birthday I thought **_How hard can it be to create my own VR game_**.

#The Plan
So as far as a plan goes: 
<ul>
<li>To display the 3D world in "real" 3D, I plan on having a left and right quad, each filling half the screen and rendered with a texture which is generated from the same world with slightly different camera angles.</li>
<li>I wanted to make use of a controller to interact with the world, as this was the one downfall of a lot of the free games that I tried.</li>
<li>I will need to make use of the phones gyro so the player can look around.</li>
<li>Finally, having only ever developed Android apps in Java and hearing so many good things about Kotlin, I wanted to give the language a try.
</ul>

#Getting Started
Whenever I start any openGL Android project I always start with the [Android developer's Displaying graphics with OpenGL ES tutorial](https://developer.android.com/training/graphics/opengl).
Thankfully, since the last time I went through the tutorial, they have added Kotlin examples which makes the process of changing languages a lot easier. 

#What's Next
The next post shall include generating the two Quads, rendering a scene off screen using framebuffers and applying these as textures to the Quads.
JavaScript Quiz
Tags: job, react, javascript, frontend
Published: 2020-03-20 00:09:00

Hello there!

I' working on JavaScript Quiz. I have already working software where you can type your source code and check if your solution is correct. Next two weeks I need to create some questions to give you as many challenges as I can. 

Maybe do you have some questions/tasks which you get during recruitments? I will be really grateful if you share with me some interesting tasks in comments.

For example one of my tasks is ...

Write `FizBuzz(N)` function which gets one parameter N > 0. The function should build a string with numbers from 1 to N. 

If the number is divisible by 3 instead of the number you should put "Fizz".

If the number is divisible by 5 instead of the number you should put "Buzz".

If the number is divisible by 3 and 5 instead of the number you should put "FizzBuzz".

Ok, it's not so simple :) **Because you can't use % (modulo operator).**


### Question to you!

Do you need some inspiration? Maybe you just want to talk about programming with other people? And finally, maybe you want to help other people learn more about programming? 

If it's true 
**JOIN TO OUR SLACK CHANNEL --> https://octocode.io/slack**
15 app ideas for beginners
Tags: javascript, node, beginners, ideas
Published: 2020-03-20 00:07:20

Hello crew! 

Every day I work with newbies who want to be code ninjas :) I always repeat that the best way to learn how to code is to start code. Simple as that. You can watch millions of hours of tutorials but when you start code always you must beat problems. Reality is not the same that tutorial :) 

"The best" type of programmers which you can see ex. on Instagram are people who "still learn" but they only learn. They don't start any project, they don't finish and release any project end-to-end. IMHO even the smallest project but done is worth more than the best tutorial. So today I want to give you some inspiration. Here you have my 20 ideas of simple apps which newbie can do. 

####1. Music player
You can use no copyright music like here: https://www.bensound.com/

####2. URL Shortner
The user gives you a long URL and you can provide a shorter version. Like https://tinyurl.com/

####3. Scientific calculator
It's a nice idea to show that you can do the Math.

####4. PC Automation
For example, it can be a script that moves imported images to your google drive folder for automatic synchronization.

####5. Web crawler
Just choose any website and try to write a script that automatically gets some data from it.

####6. Speed typing test
It can be awesome even for you. Coders should type fast and correctly.

####7. Random password generator
You can give users a choice of how strong it should be.

####8. Instagram bot
Like for like, comment for comment. I don't like stuff like that. But it's just for fun and practice.

####9. Twitter bot
Automatically likes for everyone? Sound's great!

####10. Image downloader
You can use a web crawler and try to download every image from websites. Feel like Mark Zuckerburg!

####11. Alarm clock
Great idea for sleepy heads.

####12. Linkedin bot
You can automate making business connections.

####13. Hobby website
Just make a website about what you love. It's the best project to practice RWD.

####14. Classic snake game
To highlight your version you may make special effects or animations.

####15. Quiz app
This is one of my current projects! Quizzes will be live forever :D

### Question to you!

Do you need some inspiration? Maybe you just want to talk about programming with other people? And finally, maybe you want to help other people learn more about programming? 

If it's true 
**JOIN TO OUR SLACK CHANNEL --> https://octocode.io/slack**
One Click Deploy TerminusDB to Cloud
Tags: database, dataops, cloud, opensource
Published: 2020-03-20 00:36:50

---
title: One Click Deploy TerminusDB to Cloud
published: true
date: 2020-03-20 00:00:00 UTC
tags: Database,Dataops,Cloud,Open Source
canonical_url: http://blog.terminusdb.com/2020/03/20/deploy-heroku/
cover_image: http://blog.terminusdb.com/assets/images/francesco-ungaro-2ilsr-Qdfuw-unsplash.jpg
---

Many people didn’t know that you can deploy TerminusDB easily on cloud. To demonstrate, we have set up [this repo](https://github.com/terminusdb/terminus-heroku).

![GitHub repo: terminusdb/terminus-heroku](http://blog.terminusdb.com/assets/images/terminus-heroku.png)

There is a button, which automatically pushes TerminusDB on a Heroku dyno. All you need to do is to fill in an app name and log in.

![Log in to Heroku](http://blog.terminusdb.com/assets/images/heroku-login.png)

However, this repo is meant to be used for people to experiment, try out TerminusDB or for following tutorials. It’s NOT meant for production which you may want more stable cloud cluster set up which let you preserve your data store. (We have productional TerminudDB on cloud for our internal projects).

So here you go, we made it easy for you to play around with TerminusDB and do some graph visualisation and analysis. Which tutorials do you want to try out?

- [My First TerminusDB Graph Visualisation — Bike Share Data](http://blog.terminusdb.com/2020/01/14/my-first-terminusdb-graph-visualisation-bike-share-data/)

- [TerminusDB graph visualisation of Dublin Council voting data](http://blog.terminusdb.com/2020/01/15/are-you-supporting-the-right-politician/)
NodeJS and MongoDB application authentication by JWT
Tags: node, jwt, mongodb, authentication
Published: 2020-09-16 05:47:53

---
title: NodeJS and MongoDB application authentication by JWT
published: true
date: 2020-03-20 00:00:00 UTC
tags: NodeJS,JWT,MongoDB,Authentication
canonical_url: https://www.loginradius.com/engineering/blog/Nodejs-and-MongoDb-application-authentication-by-JWT/
---

In this blog, we’ll be implementing authentication with JWT in a NodeJS web application. For this, we’ll be using `jsonwebtoken` package. What is JWT? JWT(JSON Web Token) is a token format. It is digitally-signed, self-contained, and compact. It provides a convenient mechanism for…

   
[Read On](https://www.loginradius.com/engineering/blog/Nodejs-and-MongoDb-application-authentication-by-JWT/)
OOT is recrOOTing!
Tags: recruitment, onlineharassments, uxdesigner, userresearch
Published: 2020-03-20 14:52:27

---
title: OOT is recrOOTing!
published: true
date: 2020-03-20 00:00:00 UTC
tags: Recruitment,Online Harassments,UX Designer,User Research
canonical_url: https://cheuk.dev/2020/03/20/oot-recruit/
cover_image: https://cheuk.dev/assets/images/jason-leung-F2WX4BTIkpQ-unsplash.jpg
---

## OOT is recrOOTing!

We’re an [open-source project](https://www.optoutools.com/) building tools to help women engage with healthy online discussion. We rely on donations and people’s time to build tools that fight online misogyny and harassment. If you can spare some hours of your week then take a look at the roles we need desperately need and see if you can help.

## User researcher

If you believe women should have equal access to digital spaces and want to help OOT better understand online misogyny using qualitative and quantitative data, then reach out! We need user researchers to actively engage with the community, compile research, and act as user advocates within the OOT maintainer community to help ensure we’re building tech that really protects the most vulnerable online. You’ll work closely with our social scientists and data scientists to make sure we’re building and researching the right things.

## UX & Graphic Designer

If you have an interest in designing products that live at the intersection of natural language processing, machine learning, politics in digital conversational spaces and feminism, then contact us! The role will be focusing on the usability of our browser extension and make our website look sweeet!

## Yes, I am here!

If one of the above describes you and you are interested in joining the team, please email to [opt.out.tool@gmail.com](mailto:opt.out.tool@gmail.com) we would love to hear from you.
My Favorite Youtube Channels
Tags: youtube
Published: 2020-03-19 23:32:46

I was thinking about how there are really cool YouTube channels that we follow and that can help other people.

Based on that, my intention here is to share some of the channels I watch the most on YouTube.

## English Channels

### Tech/Programming

- [Wes Bos](https://www.youtube.com/channel/UCoebwHSTvwalADTJhps0emA);
- [Kent C. Dodds](https://www.youtube.com/channel/UCz-BYvuntVRt_VpfR6FKXJw);
- [Andy Sterkowitz](https://www.youtube.com/channel/UCZ9qFEC82qM6Pk-54Q4TVWA);
- [Fun Fun Function](https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q);
- [Computerphile](https://www.youtube.com/channel/UC9-y-6csu5WGm29I7JiwpnA);
- [sentdex](https://www.youtube.com/channel/UCfzlCWGWYyIQ0aLC5w48gBQ);

### Life/Minimalism

- [Matt D'Avella](https://www.youtube.com/channel/UCJ24N4O0bP7LGLBDvye7oCA);
- [Nathaniel Drew](https://www.youtube.com/channel/UCrdWRLq10OHuy7HmSckV3Vg);
- [Better Ideas](https://www.youtube.com/channel/UCtUId5WFnN82GdDy7DgaQ7w);

### Productivity

- [Mariana's Study Corner](https://www.youtube.com/channel/UCEHp_b02I0GvTYCBPX_0w1g);

### Music

- [Chillhop Music](https://www.youtube.com/channel/UCOxqgCwgOqC2lMqC5PYz_Dg);

------

## Portuguese Channels

### Tech/Programming

- [Filipe Deschamps](https://www.youtube.com/channel/UCU5JicSrEM5A63jkJ2QvGYw);
- [Fabio Akita](https://www.youtube.com/channel/UCib793mnUOhWymCh2VJKplQ);
- [Rocketseat](https://www.youtube.com/channel/UCSfwM5u0Kce6Cce8_S72olg);

### Life/Minimalism

- [Pinho](https://www.youtube.com/channel/UC7Xog4-zhRQKbahvs27I7Ow);

### Movie

- [Invasão HQ](https://www.youtube.com/channel/UC4faEZ010FKfB4HMAgD2Hzw);

------

## Wrapping Up

Feel free to share your favorite channels in the comments, I will be happy to see new content. ✌🏻
Getting tap location in NativeScript
Tags: nativescript, ios, android, tutorial
Published: 2020-03-19 23:31:46

---
title: Getting tap location in NativeScript
published: true
description: How to get the tap x/y location in NativeScript.
tags: NativeScript, iOS, Android, Tutorial
---
Until now, if you wanted to get the `x`/`y` touch coordinates from a `tap` event you needed to drop down into the underlying native code.

As of `v6.5.0` NativeScript exposes this functionality for you and provides a `TapGestureEventData` interface. You use it like this;

```ts
import { TapGestureEventData } from "@nativescript/core";

export function myTapHandler(args: TapGestureEventData): void {
  const x = args.getX(); // x coordinate in DP
  const y = args.getY(); // y coordinate in DP
  const pointers = args.getPointerCount(); // number of pointers.
  const fingers = pointers > 1 "fingers" : "finger";

  console.log(`You tapped at (${x},${y}), with ${pointers} ${fingers}`);
}

// You tapped at (67, 123), with 1 finger.
// You tapped at (321, 45), with 2 fingers.
```

The `TapGestureEventData` is exposed for both `tap` and `doubleTap` events.

The returned coordinates are in Device Pixels ***(DP)***. To convert them to Device Independent Pixels ***(DIP)*** use;

```ts
import { layout } from "@nativescript/core";

export myTapHandler(args: TapGestureEventData): void {
  const x_dp = args.getX();
  const x_dip = layout.toDeviceIndependentPixels(x_dp);
  
  console.log(`Your x coordinate is (DP: ${x_dp}, DIP: ${x_dip})`);
}

// Assuming a screen scale of 3.
// Your x coordinate is (DP: 63, DIP: 21)
```

There is an open [issue](https://github.com/NativeScript/NativeScript/issues/8427) requesting a standardisation of UI values provided by the NativeScript API. The issue requests all API properties and methods that hold or provide UI coordinates or view dimensions are in **DIP**. If the core team accepts the standardisation you will no longer need to do this conversion.

  -  If you need to convert ***DIP*** to **DP** use `layout.toDevicePixels(dip);`
My Dividend Meter
Tags: angular, authguard, firebase, googlecloudfunctio
Published: 2020-06-04 14:10:42

---
title: My Dividend Meter
published: true
date: 2020-03-19 22:31:45 UTC
tags: Angular,AuthGuard,Firebase,Google Cloud Functio
canonical_url: 
---

I recently completed a web app and thought I’d share a little bit more information about it.

I’ve long been interested in dividend stocks and have used a tool in the past based on an Excel spreadsheet. I’ve turned this into a web app that can be dynamically updated with no need for spreadsheets, macros or manual setup. MVP is setup and working with more features and automation coming soon.

![](http://www.jarodms.com/wp-content/uploads/2020/03/my-dividend-meter.png)

Check it out here: [https://mydividendmeter.com/](https://mydividendmeter.com/)

This app was built with Angular, Firebase, Google Cloud Functions, and a MongoDB database.

The stock data is being retrieved from IEX Cloud’s freemium API at  [https://iexcloud.io/](https://iexcloud.io/). this is a great service and allows beginners to get started with some basic API’s. If I get more traffic, I will definitely need to upgrade.

### The Backend – Firebase

- Firebase Authentication – allows for users to signup with either their Google account or an email address.
- Cloud Firestore – Stores the users preferences and stock choices. Stock prices aren’t stored here, just the portfolio of the user in Collection. This includes Ticker Symbol and Stock Count. User Info includes things like Income Goal and subscription type.
- Google Cloud Functions – Used to retrieve custom stock data information from the MongoDB.   
_Note:_ This was an interesting part to me that I will hopefully write about in the future. I have a custom build process so that when I use the functions in my _local_ dev environment, I access a _local_ MongoDB. When I deploy to GCP, I use the cloud mongoDB Atlas instance. This switch happens automatically with the deploy so I don’t have to manually change any code.

### The Frontend – Angular

- All pages and the menus are built using Angular. This includes the form input. Ng-Bootstrap is used for styling.
- Custom AuthGuard used to limit access to certain pages

The post [My Dividend Meter](http://www.jarodms.com/2020/03/19/my-dividend-meter/) appeared first on [JarodMS](http://www.jarodms.com).
XD to HTML & CSS Tutorial
Tags: css, html, tutorial, xd
Published: 2020-03-19 22:55:13

Just pushed another tutorial.  This time we cover converting an Adobe XD mockup into a full responsive HTML & CSS website!  We build the layout using the modern CSS Grid, as well as using Flexbox for menus and other 'inner' elements.  Hope you enjoy!
___
Please consider subscribing to the [YouTube Channel!](http://www.youtube.com/FollowAndrew?sub_confirmation=1)
___
{% youtube wAUQSuiflbE %}

Here are a few of the CSS tips & tricks used in the video

* **CSS Grid Template Columns** - To create a 6 column grid
* **CSS Grid Template Rows Rows** - To create rows based on fixed height and content height
* **CSS Grid Template Rows Areas**s - To align each of our main content areas into the grid via grid-area names
* **CSS Grid Areas** - Define the area names of each of our main content divs
* **CSS Media Queries** - Adding a simple media query to make our CSS wireframe responsive
Up your DAO UX game with webhooks
Tags: blockchain, microservices
Published: 2020-03-19 22:53:56

Hey everyone! 

We recently built an app on Aragon, which allows any Aragon DAO application to connect to any webhook. 

Connecting webhooks to Decentralized Autonomous Organizations opens the door to features like:

### Notifications
Get notified of any (or every) event happening within your DAO without needing to actively check.

### Synchronize existing tools
Synchronize your existing tools outside the blockchain, such as invoice systems, issue trackers, communication channels, etc..

### Set and forget
Be reactive instead of active on DAO decisions. Either be lazy or just avoid thinking about it when you don’t need to.

### Expand your DAO
Open up endless possibilities of Aragon integrations to applications and technologies in the outside world.

## How does it actually work?
When a new webhook connection is added to this application, a new MESG Process is created based on requirements. The process is then published on IPFS.

Engines on the MESG Network then listen for every event on Ethereum that shows the creation of a new MESG Process. The new process is then fetched from IPFS, and deployed on the same network (currently the MESG testnet).

For each process deployed, the MESG Network autonomously triggers the action when the events listed in the process occur.

[Check out the app and how to install it](https://blog.mesg.com/aragon-dao-integration-milestone-2/?utm_source=devto). It's out now, built using   MESG's open platform for business applications. Have at it!
You should try GitHub Actions Now!
Tags: github, javascript, cicds, githubactions
Published: 2020-03-19 22:33:12

## Introduction

Talking to my teammates here at Catho, a discussion arose about the tests and linters that should be run by the reviewers when there was a new PR in our new project.

We know that there are several tools that automate this process, but our use case is very specific and we would need to keep opening calls to ask for authorization to install these tools/bots. Then someone commented on **GitHub Actions**.

I had heard of them, but I had no idea of their flexibility and simplicity, I decided to study a little about them and then I had an idea to create an action that would solve our use case and still help me to understand how a GitHub Action works. And so [VAR.js](https://github.com/marketplace/actions/var-js) was born, if you can give it a star, I'll be happy 😊.

VAR.js in "action":
![VAR.js in action](https://dev-to-uploads.s3.amazonaws.com/i/8phmty3wmodsmhmpk7kz.png)

## Create your own!

GitHub gives awesome documentation that you can easily get started with only it to create your own action, [take a look](https://help.github.com/en/actions).

If you want to create your action but is lazy to follow the documentation, GitHub also provides a very funny and interactive course to create your first **hello-world** action, you can do it in less than an hour and at the end, you will have a ready functional basic structure of an action project, [take a look](https://lab.github.com/github/hello-github-actions!).

If you want a little more motivation, GitHub is also promoting a **hackathon** just about actions, if you have a good idea, I really encourage you to hurry and submit your action, entries will be accepted until **31/03**, [check it now](https://githubhackathon.com/).

## Using an action

To use an action is very very very simple. You only need to create a folder on your project root called `.github` and inside it, another folder called `workflows`, and then inside this folder, you will create a **YAML** file, containing specifications of the actions you want to **run** and **when**, here are an example:

```yaml
name: Your workflow
on:
  - push
  - pull_request
jobs:
  lint:
    name: Linting project
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: VAR.js
        uses: MutterPedro/varjs@v1.0.1
        with:
          SCRIPT: "format"
```

Here I am running my action **VAR.js** when there is a new **push** or a **pull request** in my project. You can find more information about the meaning of these specifications and folders pattern on the documentation and the course I mentioned above.

## Conclusion

In addition, I was delighted with GitHub Action and strongly bet on its growth in the near future. We already have a huge diversity of actions, but it is just the beginning.