teleren/devto huggingface dataset:
Struggling to get away from computers
Tags: discuss, webdev, mentalhealth
Published: 2020-06-18 06:04:55

---
title: Struggling to get away from computers
published: true
description: 
tags: #discuss #webdev #mentalhealth
//cover_image: https://direct_url_to_image.jpg
---

Everything I do, I do with a computer. I design, I code, I learn things and I entertain myself with a computer. This can be good but **I'm on my computer all the time**.

I go the GYM, anything else I can do to get away ? Did you struggle to get away too? If you overcame this, how did you do it?
Road signs and writing for beginners
Tags: beginners, thought
Published: 2020-06-18 06:03:44

This post was originally published on [my blog](https://dzhavat.github.io/2020/06/18/road-signs-and-writing-for-beginners.html).

---

I was driving on the highway a few days ago and thought of something interesting. Somehow I found similarity between road signs and writing tutorials for beginners. Let me elaborate.

Say you’re driving on the highway. While doing so, you pass by all kinds of road signs. One that comes quite often is the speed limit. It servers two main purposes. One is to remind YOU - the driver already on the highway - what the currently lawful speed limit is. It’s not that you forgot about it. After all, you saw it just a few minutes ago. But seeing it again confirms an information you already have.

Its second purpose is to give information to the new drivers that are merging onto the highway. They are joining from different roads and at different times, and they are just about to see the speed limit sign for the first time.

![Cars driving on the highway](https://dev-to-uploads.s3.amazonaws.com/i/wynf0g3ughuvljcuotkr.jpg)

Now compare this to a “getting started” tutorial. It can be about HTML, CSS, JavaScript, anything. For the developer who’s been working with these technologies for some time, seeing yet another “getting started” tutorial will not be something new. He/she probably knows what inside without even looking at it. However, this tutorial servers some very important purposes. It’s an opportunity to refresh his/her knowledge. It’s also a confirmation that his/her knowledge is still relevant.

As for the person wanting to become a developer, this “getting started” tutorial will be the first opportunity to learn and get introduced to some new information. He/she is about to be joining an exciting new “highway” among many others already “driving” on it.

![“Getting started with ...” are for experienced and beginners alike](https://dev-to-uploads.s3.amazonaws.com/i/k44bh6f2e6qo5l8pji26.jpg)

I admit that in the past I used to get annoyed by such tutorials. I was like “Oh, come on! Not another one! Please write something that will actually teach me something.” I’m sorry about that. I didn’t truly understand it back then. I see the point now.

So what’s the lesson?

Don’t dismiss “getting started” tutorials because you’re already familiar with the technology. Even if you don’t find it relevant, know that for someone somewhere this will be their first opportunity to learn something new. The least you could do is respect the time and effort put into it. Then share it with whomever needs it.

---

Photo by [Ksenia Kudelkina](https://unsplash.com/@kseny) on [Unsplash](https://unsplash.com/photos/zS1kn5DQm1M).
Top 5 competitive coding website 
Published: 2020-06-18 06:00:40

Competitive Coding 



Now-days competitive coding is very important for coding interviews and if you want to get a job in a big product based IT company then you should learn competitive coding, So here we created a catalog of top 5 competitive coding interview websites for you.



1. InterviewBit

If you have no more time to practice coding interviews and coding round then this website for you. In this website, you will learn and practice on almost all coding interview questions asked by big tech companies. This website also helps you to find previous year question that asked by amazon, google apple etc.
2. Codeforces

Codeforces is typically used for preparing competitive programming contests and this website sponsored by telegram. Codeforces help you to participate in weekly coding contests and you can earn some parks, swag by this website So, Codeforces is also good for competitive programming.
3. CodeChef
Fore more information vist 👇
https://www.codersgeek.in/?m=1
GFTW Web monetization guest book!
Tags: gftwhackathon, fauna, svelte, showdev
Published: 2020-06-18 05:29:31



## What I built 😅

Ok so I started and finished this thing... today. It's really late, as in four days past the deadline kind of late, so it won't be eligible for the actual hackathon... BUT, I just heard about the hackathon (and the associated Grant for the Web request for proposal), and I decided I had to build a small sample app that uses Web Monetization in order to learn more about it!

Also, this seems like the only project built on Svelte/Sapper and using Fauna and Vercel, so that's exciting! Someone'll probably glean something from this effort.

Ok! So this is a guest book from the 90's that pays the people who sign the guest book with their username and payment pointer. The payment system is based on the Probabilistic Revenue Sharing example. Svelte pulls a new pointer every few seconds and swaps out the current pointer. Basically, the more messages you leave, the more you'll get paid.


### Submission Category: 

Exciting Experiments

## Demo

Link to the live project: https://gftw-guestbook.vercel.app/


## Link to Code

{% github https://github.com/janzheng/web-money-guestbook %}

## How I built it 

The demo is built on Svelte/Sapper, uses Fauna as a back-end database, and is deployed on Vercel (formerly Zeit Now) as a JAMStack project.

I had to figure out Fauna along the way (it's excellent for JAMStack projects), and discovered all the limitations of Web Monetization. For example, there's no way to authorize / recognize the same payer each time (you can't attach an identity to the payer).

The original idea for the hackathon was for people to designate a certain amount of $ to pay someone for content (e.g. like paying for a Substack subscription), but it seems this is impossible using Coil / Web Monetization right now, since it mostly focuses on the (outdated) model of time spent on a site. If Web Monetization supported other developers to build out a Coil-like experience (where you can charge users subscription $5-10/mo through Web Monetization), that would be incredible. But alas.
Final Project - Flatiron
Tags: react, 100daysofcode, rails, javascript
Published: 2020-06-18 05:29:03

# HeyKids!

I have been waiting patiently for the immersive full-time cohort to end. I'm not it wasn't challenging at all, but I honestly never really felt under pressure. 

Final project review has come. I wanted to build something different than the majority students build like, twitter/facebook clones, recipe apps, google maps app just something beyond CRUD.....

I decided to build an education application for children called HeyKids! that teaches math, pronunciation, and vocabulary. I wanted to implement IBM's Watson AI for Speech Recognition, but I was running into issues with Rails and IBM's SDK, so I started working with Google's Speech API.

## Login System

![login-screen](https://media.giphy.com/media/j6MGkwRuTcSEKRwf5W/giphy.gif)

I used JWT for authentication and to maintain user's logged in state, on server side BCyrpt encryption magic is taking care of storing sensitive user information.

## State management

Redux-Thunk. I feel like the learning curve on Redux is insane. In the beginning you honestly have zero idea what's going on, but once you get comfortable with it, it's super easy.

You also have to keep that in mind that these actions are async.

## Voice Recoginion

Google Voice API Speech-To-Text
Honestly it didn't take me to long to learn how to use the API, the docs are amazing.

## Game

![game](https://media.giphy.com/media/iEvD2dt7ijQ58VKglS/giphy.gif)

The game has three categories:

  - Math problem solving
  - Word spelling exercise
  - Identifying objects based on a picture

Each section have different gamerules. If you give the correct answer you get a "score" else you get a "mistake" that persist to the database right away, and renders to client side through a Redux action.

Here is a demo video about how the game works and operates. I'm planning to deploy it on laptop/desktop browsers, and I have already started working on a React Native app for cell phones and tablets.

<a href="http://www.youtube.com/watch?feature=player_embedded&v=wM73oi22ajk" target="_blank"><img src="http://img.youtube.com/vi/wM73oi22ajk/0.jpg"/></a>

Keep coding,
Olly
How I setup my Digital Ocean Ubuntu 20.04 Server?
Tags: beginners, ubuntu
Published: 2020-06-18 05:24:37

---
title: How I setup my Digital Ocean Ubuntu 20.04 Server?
published: true
description: Quick setup note, all commands, no need to google anymore.
tags: beginner,ubuntu
---

My personal note to setup ubuntu server, my old note is in Quiver.

Before creating a droplet, make sure to select the SSH-KEY that is used login to server.

To generate new key, use this command and input the path you want to store the new key.
```
ssh-keygen
```

After creating a droplet, ssh into server using

```
ssh -i ~/.ssh/ssh_key root@server_ip
```

Create a new user, for example `ubuntu`

```
adduser ubuntu
```

Make ubuntu a sudoer so that `ubuntu` can be used instead of `root`

```
usermod -aG sudo ubuntu
```

Swap user to `ubuntu` and copy ssh public key to `~/.ssh/authorized_keys`

```
su ubuntu
cd ~
mkdir .ssh
vim authorized_keys  # paste the ssh public key here
exit  # back to root user
```

`exit` again to close this session.

Try login using `ubuntu` user. If done correctly, there should be no password prompt.

```
ssh -i ~/.ssh/ssh_key ubuntu@server_ip
```

make `ubuntu` sudo without supplying password

```
sudo visudo
```

Add this line to the last part

```
ubuntu ALL=(ALL) NOPASSWD:ALL
```

`ctrl+x` `y` `enter` to exit the editor

`exit` to close the session.

SSH back in 

```
ssh -i ~/.ssh/ssh_key ubuntu@server_ip
```

run `sudo date` there should be no password prompt.

Now disable root ssh login

```
sudo vim /etc/ssh/sshd_config
```

Change `PermitRootLogin yes` to `PermitRootLogin no`

Add a line `AllowUsers ubuntu` to allow `ubuntu` to login.

Then restart ssh.

```
sudo service ssh restart
```

Now `exit` to close session again and test logging back in to server.

```
ssh -i ~/.ssh/ssh_key ubuntu@server_ip
```

Finally
```
sudo apt update
sudo apt upgrade
```
NOTE: To change SSH Port from 22 to something else

```
sudo vi /etc/ssh/sshd_config
```

Change `Port 22` to the port you want.

Restart SSH `sudo service ssh restart` and then to SSH, use 

```
ssh -i ~/.ssh/ssh_key root@server_ip -p PORT
```

Done! Next, try using `ansible` to setup other softwares.
Also checkout firewall before using in production.
Digital Advertising and marketing Courses With Placement In Bangalore
Published: 2020-06-18 05:10:48

It is advisable come up with a digital advertising and marketing technique if in case you have a brand new business or you have a new business plan. One of the best part about Chee-Ron's is they have a flexible time schedule, classes are taken individually and correct knowledge is shared in all the aspects of digital advertising Even the added benefit which Chee-Ron's has is they provide online classes as generally it becomes difficult to reach the place. Please be told that we're conducting a FREE DEMO CLASS on Tomorrow in Jayanagar department, in BTM structure Office and in Marathahalli Institute for Advanced internet advertising Training. <a href="https://www.excelr.com/digital-marketing-training-in-bangalore
">digital marketing courses bangalore</a>   


Whenever you full the digital marketing training from the institute at Academy, your confidence degree can be high and you may easily get the job as desired. I strongly suggest this institute for digital advertising courses in marathahalli. Name us or fill the short enquiry form to get standardised quote about Digital Marketing Training as soon as doable.

Our Digital Marketing Coaching in Bangalore Course Fees may be very average compared to others. Hold pace with WEBSITE POSITIONING, engines like google and web advertising trade traits and developments. With the internet becoming an integral a part of everybody's life, the way of selling products and services too has advanced and every model and business is using technology to succeed in out to the maximum number of folks.

We're the one Digital Advertising and marketing Coaching Institute who can share video critiques of all our college students. A course in advertising from a reputed institute not simply helps you perceive different facets of marketing and makes you techno-friendly, but it also helps you in understanding the minutes of business strategies. The above listed are solely among the elements of a advertising course and together with that interactive session with trade specialists, doubt clearing classes, practical assignments and surveys are conducted every so often.

Apart from engaged on projects for each module during the digital advertising and marketing training program, you can be discussing various case studies. Our learners can expect an eclectic mixture of case research, digital marketing tools, and the hallmark methodology of learning by way of a live web site. One of many programs that cowl Digital Advertising and marketing intimately is the Complete Digital Advertising and marketing Course Bundle that includes 25+ courses.

We are located at : 
Location : 
ExcelR - Data Science, Data Analytics Course Training in Bangalore
 #49, Ground Floor, 27th Main, Near IQRA International School, opposite to WIF Hospital, 1st Stage, BTM Layout, Bengaluru, Karnataka 560068
Phone: 1800-212-2120/ 070224 51093
Hours: Sunday - Saturday 7AM - 11PM
Github is experimenting with Visual Design
Tags: github, git
Published: 2020-06-18 04:48:12

---
title: Github is experimenting with Visual Design
published: true
description: Github is experimenting with Visual Design
tags: github, git 
cover_image: https://github.githubassets.com/images/modules/open_graph/github-mark.png
---

Just noticed today that Github is experimenting with their visual design. Here is the design for repository. Seeing change on regularly used application hits somewhere! :D 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hhybr9gdqmfbhp49kqxx.png)


You can also check it by enabling them from feature preview. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/246e396frcl2hfxxgpjg.png)

Cover image: Github
Loop micro-optimization
Tags: javascript, microoptimization
Published: 2020-06-18 03:55:47

![loop](https://dev-to-uploads.s3.amazonaws.com/i/nf3izx9rs3xo0kyo6twk.png)

Because:
1. For loop uses one less variable
2. Count down to 0 is usually faster because it's more efficient to compare to 0 than others.
AR.js Studio - versão beta
Tags: arjs, arjsstudio, aframevr, webxr
Published: 2020-06-18 02:29:23

---
title: AR.js Studio - versão beta
published: true
description: Anúncio do lançamento da versão beta do AR.js Studio
tags: arjs, arjsStudio, aframevr, webxr
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/7d8nx1bv12cnzxrsvg8b.png
---
No dia 16 de junho de 2020, ocorreu o lançamento da versão beta do AR.js Studio, uma plataforma de criação de conteúdos em realidade aumentada para web. Foi idealizada e é liderada por [Nicolò Carpignoli](https://nicolocarpignoli.github.io/me/), atual mantenedor do [AR.js](https://github.com/AR-js-org/AR.js), que convocou em fevereiro deste ano e montou uma equipe de desenvolvedores e designers espalhados pelo mundo para que conteúdos de Realidade Aumentada na Web possa ser criada por qualquer pessoa, sem que precise saber programar. O projeto é open source e gratuito para todos. Como a versão é beta, ela está na fase de testes e recebimento de feedbacks. Mas já está disponível ao público. 

Por enquanto, a plataforma ainda está somente no idioma inglês.

Atualmente, os recursos disponíveis são:

 - RA baseado em marcador (imagens, vídeos, modelos 3D);
 - RA baseada em localização (imagens, vídeos, modelos 3D);
 - Deploy para o [Github](https://github.com/) (é necessário ter conta) e obteção imediata da URL;
 - Exportação do código como arquivo ZIP.

Tudo sem precisar programar, gratuito e de código aberto.

Mais recursos e melhorias estão sendo desenvolvido e chegarão em breve!

Clique abaixo para acesso a plataforma:

[AR.js Studio](https://ar-js-org.github.io/studio/)
Python Data Structures Tutorial
Tags: python, webdev, machinelearning
Published: 2020-06-18 01:59:05

Tutorial on data structures in Python: Lists, Tuples, Sets and Dictionaries. Also explains sequence and string functions, slicing, concatenating, iterating, sorting, etc. with code examples. 

This course combines conceptual lectures to explain how a data structure works, and code lectures that walk through how to implement a data structure in Python code. All the code lectures are based on Python 3 code in a Jupyter notebook. 

Data structures covered in this course include native Python data structures String, List, Tuple, Set, and Dictionary, as well as Stacks, Queues, Heaps, Linked Lists, Binary Search Trees, and Graphs.

What you’ll learn
* An in-depth look at native Python data structures: Strings, Lists, Tuples, Sets and Dictionaries
* Introduction to Queues, Stacks, Heaps, Linked Lists, Binary Search Trees and Graphs, including concepts of how they work, pros and cons, and how to Implement and use them in Python.

{% youtube a_agPzERnKI %}
Getting started with web scraping in Python
Tags: python, beginners
Published: 2020-06-18 01:24:56

Web scraping is one of the popular ways to gather data from online. If the data that is publicly available does not provide an API for data access, web scraping could be used to gather and analyze the data. In this article, let’s learn the basics by performing web scraping on a sample website. 

<h4>Steps involved in web scraping</h4>
* Identify the target website from which information is needed
* Send a GET request to the website
* Receive HTML page as response from the website
* Parse the HTML document to identify HTML elements containing desired data
* Extract the HTML elements containing data
* Cleanse HTML elements to only contain desired text
* Extract desired text and store it for later use

![Web_Scraping](https://dev-to-uploads.s3.amazonaws.com/i/k3qsm22bvhp93x3nbxme.png)

<h4>Libraries used for web scraping</h4>
Below libraries are used for sample web scraping. Install them in Python project’s virtual environment.  
```python
# used to perform GET request
pip install requests
# used to parse HTML
pip install lxml
# used to process html content and get the desired data
pip install beautifulsoup4
```
<h4>Sample scraping</h4>
We are going to use <a href="http://quotes.toscrape.com/">Quotes to Scrape</a> website to try our scraping. Our task is to get quotes and authors from the site, and print them in a tuple format.
```python
import requests
from bs4 import BeautifulSoup

# URL for web scraping
url = "http://quotes.toscrape.com/"

# Perform GET request
response = requests.get(url)

# Parse HTML from the response
soup = BeautifulSoup(response.text, 'lxml')

#Extract quotes and quthors html elements
quotes_html = soup.find_all('span', class_="text")
authors_html = soup.find_all('small', class_="author")

#Extract quotes into a list
quotes = list()
for quote in quotes_html:
    quotes.append(quote.text)

#Extract authors into a list    
authors = list()
for author in authors_html:
    authors.append(author.text) 

# Make a quote / author tuple for printing    
for t in zip(quotes, authors):
    print(t)   
```

<h4>Final thoughts</h4>
Web scraping is one of the fundamentals skills to learn. But one needs to be responsible and abide by the legal terms before starting to use any website for web scraping on a regular basis.
How to Import HTML into Google Docs?
Published: 2020-06-18 08:31:24

---
title: How to Import HTML into Google Docs?
published: true
date: 2020-06-18 01:02:42 UTC
tags: 
canonical_url: https://www.ma-no.org/en/software/how-to-import-html-into-google-docs
---

Google Docs is a very flexible word processor in several ways, but what some people don't know is that you can embed HTML into a Google Doc.There are 3 ways to do this. One is copying an HTML document directly from a browser and pasting it into a Google Doc. The other is a trick using the HTML import function in Google Sheets to customize the HTML formatting that you can then embed into a Google.The third one, using Word.1. Embed an HTML page in a Google DocIf you are preparing a document that requires information from the web, the… !

[Read all](https://www.ma-no.org/en/software/how-to-import-html-into-google-docs)
Inversion Of Control: Pt 0 - Introduction
Tags: showdev, javascript, react, webdev
Published: 2020-06-18 00:58:35

I've been wanting to write an article about using "Inversion of Control" for a while.  Inversion of Control is a very powerful technique that:

* Deals well with shifting requirements
* Handles customised versions of software for different clients (including in multi-tenant systems)
* Works brilliantly with distributed teams working on the same code base
* Reduces the amount of time spent testing core components and checking whether you broke one
* Is not something in any way specific to games

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4305tr923j0ydt52z9fl.gif)

IoC has been a core part of my architectural toolbox for many years, but here's the rub, with simple examples it's just too easy to say "Oh that just makes it complicated".

To address this I've decided to make a project that is not totally trivial.  In this case a game.  I intend to write a few articles discussing how IoC works in this context.

The game uses [js-coroutines](http://js-coroutines.com) for animation and a new event bus that I will go through in detail.

For now I thought I'd just show off the project.  A simple game with an annoying control system!  You push floating apples around (and have to master the technique for doing it). Pop some bubbles along the way.

{% codesandbox v8mxq %}
Force create-react-app to use npm
Tags: react, yarn, javascript
Published: 2020-06-18 00:39:33

I had to install yarn recently to work on an open source project that used yarn. Now whenever I go to create a react app it default to yarn. create-react-app is a facebook product aswell as yarn, so if it detects yarn on your system it will create a react app with yarn. I don't mind yarn but I prefer npm so I love this flag you can use with create-react-app. if you add `--use-npm` to the end the of your create-react-app command it will force it to create the app with npm
WeChat OA API Tracking
Tags: wechat, wechatapi
Published: 2020-06-18 00:30:03

Creating a page to help tracking the API changes on WeChat Official Account. 
 
![WeChat OA API](https://dev-to-uploads.s3.amazonaws.com/i/l10zjmpezejqwkma8rjk.png)

#### 15/Jun/2020 ChangeLog
Coupon expiry reminder function will be removed on the 15 of June 2020.

#### 2/Jun/2020 ChangeLog
WeChat OA Link shortening API : Monthly domain change limit for long links has changed to 10 maximum. Beyond this limit will cause “45104 reach max domain quota limit“ response.

#### 10/Apr/2020 ChangeLog
WeChat group message with media_type text, will have the following changes:
- The content limit will be **reduced to 300 characters** from 600 characters
- Remove anchor link support, all A tag (links) in text message will not be translated into hyper links.