teleren/devto huggingface dataset:
Joining Twitter
Tags: personaldevelopment, 100daysofcode
Published: 2020-08-22 19:44:59

I joined Twitter a few days, and I was not initially clear about how it was going to be beneficial to me since I never used Twitter or seen it other than just people using it for activism or politics, however once I saw the rich and supportive community of web and software developers, I was flabbergasted. 

I don't think I could such vibrant access to tips, tricks, insights, and advises better than the Twitter platform, all provided by friendly people who genuinely want you to grow and succeed. Its where a lot of people from different parts of the world who share similar interests express themselves and be a part of a community. I must say, it is really encouraging to see others also deciding to code and learn and struggle, giving a sense that you are **not alone** in your journey. 

A lot of people come from completely different backgrounds and start taking interest in coding, regardless of age or programming experience. They are all in the same boat and are trying their best in what they decided to do, *so you got to as well*!


###Next Steps? 

[Join Twitter](https://twitter.com/)! Become a part of a community you are interested in (i.e Sports, Books, Movies, Science, Tech, or even *Stars Wars*) and share your thoughts, tweet silly things, connect with others, and/or just have fun! It is totally okay to have a change of interests.

![have fun!](https://media.giphy.com/media/eJG7gmdEuYjnIZv5W8/giphy.gif)

Expose yourself to different opportunities, no matter how scary the initial thought is. *Why?* Because you get to experience challenges, obstacles and mistakes. These are actually blessings in disguise where *the more you face them, the more you learn*.

I hope you keep persevering in whatever hardship you may be in and give your best, but to also go out there and try new things and become involved in something beyond yourself.

These are my thoughts on Twitter. What about yours? :)
Control your Intel Edison in Realtime with Websockets (and ngrok)!
Tags: iot, hardware, ngrok, websockets
Published: 2020-08-22 19:42:33

***(Note: these posts are migrated from my previous [medium.com](https://medium.com/@monkeytypewritr) blog)***

*First off, I would like to thank [Nathan Meryash](https://medium.com/u/8a9d5e8e66bc) for his suggestions! In my next few posts, I will describe using different cloud services and technologies for your IoT project.*

Following up with [Control your Intel Edison in Realtime with Websockets!](https://dev.to/w4ilun/updated-control-your-intel-edison-in-realtime-with-websockets-l9a), this post briefly describes how you could expose your connected device to the public web using [ngrok](https://ngrok.com/). This is useful if you would like to be able to control your device from outside of your home network, without having to setup port forwarding and/or DDNS.

[ngrok](https://ngrok.com/) is a service that “exposes a local server behind a NAT or firewall to the internet”. There is no signup required and you get a public URL accessible from the Internet!

![Image courtesy of ngrok [https://ngrok.com/](https://ngrok.com/)](https://cdn-images-1.medium.com/max/2400/1*YzvuotOQ3ntlxsrdr53XkQ.png)

There are 2 additional packages that you would need to install:

    npm install ngrok --save
    npm install express-dot-engine --save

***ngrok***: an npm module for using ngrok. It allows you to programmatically create a new ngrok instance URL (e.g. [https://571a6a18.ngrok.io](https://571a6a18.ngrok.io)) and bind it to your local server IP and port.

**express-dot-engine: **a lightweight template engine for embedding our ngrok URL into our index.html file

Here is the new code that has been updated to include the use of ngrok and the [dot](https://github.com/olado/doT) template engine with Express:

{% gist https://gist.github.com/w4ilun/cf8ea4d4650bc9f85b5c18f3b718588c %}

{% gist https://gist.github.com/w4ilun/7c1a2fa7ac549dafcb2b87f21839c470 %}

Then, simply run:

    node blinkWithSocketsNgrok.js

…and go to the generated URL from anywhere on the web!
Time-Series Forecasting and Classification with Sktime in Python
Tags: python, machinelearning, datascience
Published: 2020-08-22 19:39:12

###<i>Time Series Forecasting and Time series analysis is now an important part of machine learning. There are many techniques such as LSTM, Regression and Arima use to deal with Time Series Data.</i>

###<i>One such package in Python is Sktime. It is a new open-source scikit-learns compatible python library which provides a unified interface for machine learning with time-series related tasks. Sktime is an Alan Turing Institute project.</i>

#<b>Sktime extends the machine learning capabilities of the scikit-learns library which is used to reduce the complex relation between Time-Series tasks into related simpler tasks and hence it can be solved efficiently and easily.</b>

#<b><i>You can read this article on sktime and learn how to implement it in your next machine learning project.</i></b>


##[Using-sktime-for-time-series-classification](https://medium.com/@waliamrinal/using-sktime-for-time-series-classification-part-2-b07bb6b56d5)


##[Time-series-forecasting-with-sktime-in-python](https://medium.com/@waliamrinal/time-series-forecasting-with-sktime-in-python-3dfaf55e1a9c)

###[Github](https://github.com/abhiwalia15)
###[LinkedIn](https://www.linkedin.com/in/mrinal-walia-b0981b158/)

<q>[#sktime #python #machinelearning #timeseriesforecasting #timeseriesanalysis #timeseriesclassification #datascience #scikitlearn]</q>
Slurp e Barf
Published: 2020-08-22 19:39:03

---
title: Slurp e Barf
published: true
description: 
tags: 
//cover_image: https://direct_url_to_image.jpg
---

Olá, pessoal!

Vamos ver quatro atalhos do paredit, mas que também estão disponíveis no parinfer, para lidar com o monte de parênteses do Clojure. Eles são o slurp forwards/backwards e o barf forwards/backwards e o ojetivo deles é mover os parênteses*, expandindo ou retraindo a expressão atual (onde o cursor está).

> * Neste artigo, parênteses significa qualquer delimitador de expressão: parênteses, colchetes ou chaves.

O **slurp** "suga" uma expressão que está fora para dentro da expressão atual, enquanto o **barf** "cospe" algo que está dentro para fora da expressão atual.

O **forwards** se refere ao parêntese que fecha a expressão, ou seja, o mais à direita. O **backwards** se refere ao parêntese que abre a expressão, ou seja, o mais à esquerda.

Em todos exemplos a seguir, considere que o cursor está em algum lugar dentro da expressão atual (em vermelho).

No primeiro exemplo, usamos o slurp forwards para expandir a expressão atual, sugando o `e` que estava fora para dentro da expressão atual:

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

Agora, usamos o barf forwards para "cuspir" o `e` de dentro da expressão atual para fora:

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

Repare em duas coisas:

* O slurp forwards e o barf forwards são opostos;
* O forwards significa que queremos movimentar o parêntese da direita, ou seja, adicionar (slurp) ou remover (barf) do fim da expressão atual.

Seguindo, podemos usar o slurp backwards para expandir a expressão atual, sugando o `b` para dentro:

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

E podemos usar o barf backwards para "cuspir" o `b` para fora da expressão atual:

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

Novamente, repare em duas coisas:

* O slurp backwards e o barf backwards são opostos;
* O backwards significa que queremos movimentar o parêntese da esquerda, ou seja, adicionar (slurp) ou remover (barf) do começo da expressão atual.

Por fim, os atalhos também tem um padrão bem lógico: usamos Shift para forwards e Ctrl para backwards, enquanto K e J indicam o sentido do movimento do parêntese, para direita ou para a esquerda, respectivamente.

Existem vários outros movimentos no paredit, mas esses já são bastante úteis no dia-a-dia!
ES6 class vs function constructor
Tags: javascript, webdev, es6, html
Published: 2020-08-22 19:20:32

I wrote an article on ES6 classes and how it was written before it existed. Take a look and let me know what you think! Point out any errors in the information provided if you spot any!

Demystifying JavaScript ‘Class’

https://www.linkedin.com/pulse/demystifying-javascript-class-nur-ilyas
Develop Flutter in a VS Code devcontainer
Tags: flutter, vscode, linux, macos
Published: 2020-08-22 18:59:50

---
title: Develop Flutter in a VS Code devcontainer
published: true
description: Flutter development in a devcontainer of VS Code without local installation of Flutter.
tags: flutter, vscode, linux, macos
---
In the last post I wrote about a docker image which let you use Flutter without local installation. {% link https://dev.to/matsp/let-docker-flutter-for-you-3gc2 %}

In this post we want to get this idea further and use the VS Code [remote extensions](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack) which let us open a local directory in a docker container. 

All we have to do is to first install the extension. Create an empty directory or if you have an existing Flutter project add this file to your project. But be sure to use a Dart conform name like `flutter_app` not `flutter-app`:

`.devcontainer/devcontainer.json`
```json
{
  "name": "Flutter",
  "image": "matspfeiffer/flutter:beta",
  "extensions": ["dart-code.dart-code", "dart-code.flutter"]
}
```

Now you have to `reopen` the currect directory in the container:

![Reopen in container](https://dev-to-uploads.s3.amazonaws.com/i/8hdp1b12fe3xnr10ikts.png)

Doing this the first time could take a few minutes because docker is pulling the image in the background which depends on your connection speed. Once the container build and startup is finished your project is mounted in the container.
When you started with an empty project, we will now create a new Flutter project - you can use the VS Code Flutter extension or use the shell like I prefer. Therefore just open a new terminal and execute the following command:

![Create project](https://dev-to-uploads.s3.amazonaws.com/i/22d0zbbempdedk7fsny4.png)

To debug the app as web application you will need Chrome and this [extension](https://chrome.google.com/webstore/detail/dart-debug-extension/eljbmlghnomdjgdjmbdekegdkbabckhm). After installing that please navigate to `lib/main.dart` and press F5. This will launch a new browser tab and you have to click the `Dart debug plugin` to finally open the app.

UPDATE:

If you want to use an android emulator device follow the VScode devcontainer advices in the [README](https://github.com/matsp/docker-flutter). Their is no real good and performant solution when you want to support all operating systems. Linux users have some advantages because they can forward the X11 system & KVM to the container. The best working solution for MacOS and Windows is to use an emulator devices running natively on the host.

If you have a better idea for a performant solution feel free to leave a comment or create an issue at Github.



## Additional links
* [Flutter docker image repository @Github](https://github.com/matsp/docker-flutter)
* [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview)
Cool Emacs Things: Editing Files over SSH
Tags: emacs, devtools
Published: 2020-08-22 18:59:41

---
title: Cool Emacs Things: Editing Files over SSH
published: true
series: Cool Emacs Things
description: Here's how Emacs lets you browse and edit remote files over SSH
tags: emacs, devtools
canonical_url: https://ryanfaulhaber.com/posts/cool-emacs-tramp/
//cover_image: https://direct_url_to_image.jpg
---

This is the first installment of an indefinite series calling (in lieu of a better name) &ldquo;Cool Emacs Things,&rdquo; little things about Emacs that makes it a very handy editor.

Today&rsquo;s entry: Editing files over SSH.

This was something I discovered recently by accident. I run a private email server and the IMAP portion of the server is handled by [Dovecot](https://www.dovecot.org/). Dovecot is great but by default the configuration is spread across dozens of files, and, while trying to tediously edit multiple files over SSH in Vim, I thought, &ldquo;Wouldn&rsquo;t it be nice if I could do this with Emacs?&rdquo; Well guess what!

`C-x C-f` (or `SPC f f` in Doom, which is what I use) will open a &ldquo;find file&rdquo; dialog, obviously letting you open files and peruse your file system. However you don&rsquo;t have to just browse for files. I use Ivy, so your experience may vary, but when I type `/ssh: TAB` I&rsquo;m shown a list of my SSH connections. `/ssh:ryan@email-server:/` then will cause Emacs to presumably run some commands using SSH (or a related program) and treat it as a directory on your own computer. You can then used Dired (like an interactive `ls`, if you aren&rsquo;t an Emacs user!) to explore your remote files and folders and even open files and edit them.

The Emacs package that handles this is called [TRAMP](https://www.gnu.org/software/tramp/), and allows you to do a lot more than just what I&rsquo;m talking about in this post.

There is one issue with this, however: my Dovecot configuration requires root permissions to edit them. TRAMP can handle this too with something called [multiple hops](https://www.gnu.org/software/tramp/#Multi_002dhops). The idea is that I&rsquo;ll first connect to the host via SSH and then run any further commands using `doas` (the OpenBSD equivalent of `sudo` more or less, as my email server is hosted on OpenBSD).

The final command to do all this looks like:

    /ssh:ryan@email-server|doas:ryan@email-server:/

Now I can browse and edit my email server with elevated permissions. Cool!
Translate Markdown(Readme.md) to Any Language.
Tags: actionshackathon, showdev, github, javascript
Published: 2020-08-22 18:49:32

[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon, please fill out all sections.)


### My Workflow
[Note]: # (Make sure to include the name of your GitHub Action and share where it's being used!)
I have seen for a while that contributors of many open source projects require other developers who are fluent in certain languages to translate thier documentation to thier language, and this being a good thing to do, it sometimes waste time and also some languages are not translated. [Translate Readme](https://github.com/marketplace/actions/translate-readme-action) is a Github Action that translate your Readme(for now) to other languages supported by Google Translate. It is free and [open-source](https://github.com/dephraiim/translate-readme)

### Submission Category: 

[Note]: # (Maintainer Must-Haves, DIY Deployments, Interesting IoT, Phone Friendly, or Wacky Wildcards)
This is definetly what a Maintainer Must-Have.
**Maintainer Must-Haves**

### Yaml File or Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)
{% github dephraiim/translate-readme no-readme %}
Create a workflow file with the code below to use the action in your repository

```yaml
name: Translate Readme

on:
  push:
    branches:
      - main
      - master

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Setup Node.js
        uses: actions/setup-node@v1
        with:
          node-version: 12.x
      - name: Adding License
        uses: dephraiim/translate-readme@v1
        with:
          LANG: zh-CN # Simplified Chinese
          # Change the language to your specified language.
```

### Additional Resources / Info

Check https://github.com/dephraiim/translate-readme/issues/1 for a minor issue I found during testing. This action supports all markdown files but I have made it `Readme.md` specific for the mean time.

I tested it on a fork of [33-js-concepts](https://github.com/dephraiim/33-js-concepts/). Find it [here](https://github.com/dephraiim/33-js-concepts/blob/master/readme-zh-CN.md)
[Reminder]: # (Submissions are due on September 12th (11:59 PM PDT) and winners will be announced on September 23!)
The "Elvis" Operator
Tags: angular, javascript, operator, html
Published: 2020-08-22 18:39:48

---
title: The "Elvis" Operator
published: true
description: Null does not have to be an error
tags: angular,javascript,operator,html
//cover_image: https://direct_url_to_image.jpg
---

# Introduction

In many programming languages there is this special operator.
Its often called "Elvis"-Operator because with a bit of imagination you can see it in the hair of Elvis. Rock´n Roll!

In other words its just a question mark (?). I encountered it while working on an Angular application. There it can be quite useful.

### Why we need it?

Imagine you get some values asynchronously and want display the values in your HTML file. It works like 95% of the time but sometimes an error occured because the values that you want to display are still null because the values are not filled yet.

Its a horror scenario in a live production site because the customer will get an error and cant do nothing about it but to refresh. And if you are really, really unlucky the error occurs a second time and the user will leave the site.

The "Elvis"-Operator or also called "Safe Navigation" can catch this error.

### Example
Lets say we have an angular application where we have a "myProduct" variable that gets filled asynchronously when a user navigate to the product page. In the HTML file we only have to add the question mark, our Elvis Operator, like this:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dytr2qxtus3f8zhi5hav.png)

# Conclusion
The "Elvis"-Operator is a cool small feature that we can use to catch some kind of errors. Sometimes its better to rewrite the code to prevent this error in the first place but sometimes you just cant do this and for this cases we can use this operator.

I hope you find this small article useful and learned something. I surely did!
How did I start my tech journey?
Tags: story, firstpost
Published: 2020-08-22 18:37:07

I'm a software developer with a bias towards JavaScript. I can use JavaScript in its entirety of usefulness to do pretty much everything it can. But, the secret is ...

_to not skip this part and read each and every word_

I'm just kidding. Feel free to scroll through my journey.

We had HTML in grade 8 followed by JavaScript in grade 9 which was around 2012-2013. I started with gedit, a text editor that comes with Ubuntu. _Linux? Then? Yes. Our teacher was obsessed with Ubuntu at the time._

We started with the basics as any other programming language, i.e., variable, tokens, operators, I/O, and some arithmetic functions. Then came loops, conditions, and we were saturated even before the patterns came along; m types of triangles and n types of ASCII Art.

Moved to C++ after then till college then JSON caught my eye with its beauty and simplicity. When I dug deep, I found it kinda originated from JavaScript. So frustrated or maybe overwhelmed with C++, I switched back to my old flame, JavaScript, and it was like seeing your school crush after years all grown up and still single. I did what probably you too would do. I caught up with its versions and features.

When I got mature and finally had a better understanding of web technologies, I realized I still need a server-side language to make sense of my Front-End skills and all I knew was PHP, however efficient or powerful you might say it is, we just don't get along. It was like JavaScript and I were made for each other but her parents wouldn't agree, _I'm also very good with analogies_, so again I started leaning away from it and looking for other technologies to try out.

Python too was around for a while but just as a rebound. I wanted to start developing software but keep away from the traps like Java, .NET, C#, and other general-purpose ones. Quite soon, another very good teacher of mine introduced me to **Node.js**. I thought this would also come with a huge learning curve but anyways I gave it a try.

Pretty soon, I was already into Microservices and APIs. This was it. Although Node.js is just a framework, JavaScript is literally all I needed all along. I had a few projects up and running even before I knew promises and the whole asynchronous aspect of Node.js.

All this time when I was looking around and trying different languages, I thought I was wasting my time so I did one thing which still helps me and will definitely help you, too. I wrote down my ideas.

> Ideas are shit without execution!

It's true. But, till you become capable of executing them, *WRITE THEM DOWN*. As soon as I got caught up with ES6 and Node.js libraries like Express, I already had plans for projects to build. Guess what? I started developing actual things that now I use in my day to day life and even other people utilize my work.

So, it all comes down to one thing. Till you're figuring out your path to freedom, plan out what will you do when you achieve it. The answer to that question will then become your purpose to wake up the next day. :smile:
fonts and emotions...why you should choose fonts carefully
Tags: css, codenewbie, design
Published: 2020-08-22 18:36:26

when we start designing our websites we start search about the right fonts that make our website look beautiful and attractive. But fonts can do more than just make our website look beautiful, it makes the user feel certain emotions and this plays a big role in improving the user experience. So let's find out what are the best cases when we can use some types of fonts!

### - serif fonts: 
small, decorative lines, tend to viewed as traditional and formal. It gives the feeling of something reliable ,practical ,sophisticated,stable, respectable,timeless,formal and traditional.you can use it on logo and titles.
### - sans-serif:
 don't have decorative lines, often thought of as contemporary and modern. It gives the feeling of something clean, humanist, geometric,universal, simple, sensible, straightforward, easy to read and neutral . you can use it on body text and titles.
### - script fonts: 
generally convey an elegant feel and are often used for wedding invitations or greeting cards. for the web it's usually reserved for headlines or small decorative text details. It give the feeling of something elegant, classic, feminine, personal, pretty and stylish.
### - monospace fonts:
 each character uses the same amount of horizontal space, each character is the same width, are often used for displaying code.
### - Times New Roman:
 is often used for legal documents.
### - comic sans: 
you can use it for children article.

this was the most common fonts types and when we can use them and what the emotions that relate to it.I hope this was helpful, thank you.