teleren/devto huggingface dataset:
Top 5 posts on Natural Language Processing
Tags: nlp, bestofdev, machinelearning
Published: 2020-09-14 11:23:29

Natural Language Processing aka NLP is one of the most sought after technology in present day. AI assitants like Alexa, Siri, Cortana and Google assistant all work on NLP. We are able to talk to machines only due to NLP. NLP has other uses such as Language Translation, Summarising data, and Sentiment analysis.

Here is a list of 5 best posts on NLP present on DEV which will give you a glimpse of the versatility and importance of this field.

## A fullstack Fake News Classifier
In this post @iammowgoud has given a complete guide to implement a news classification model and deploy it using Flask. It is a very detailed explanation of how to build a model and making a web app using Flask and React.
{% link https://dev.to/iammowgoud/fullstack-nlp-building-deploying-end-to-end-fake-news-classifier-56fb %}

## A guide to tech behind Voice Assistants
In this post, @sandeshsuvarna has explained in a very intriguing manner about the technology behind voice assistants like Alexa, Siri, etc.
{% link https://dev.to/sandeshsuvarna/behind-the-tech-how-does-siri-alexa-or-google-home-respond-to-your-questions-6f2 %}

## Introductory Guide to NLP
In this blog, @jaydeepborkar has explained various concepts related to NLP like Coreference Resolution, Named Entity Recognition, Dependency Parsing, Lemmatization, etc. 
{% link https://dev.to/jaydeepborkar/introduction-to-natural-language-processing-part-1--59gd %}

## Markov Chains, Game of Thrones and NLP
In this blog, @strikingloo has explained very nicely that how Markov Chain models can be used to generate text based on the Game of Thrones training corpus. The text or sentences generated using Markov Chain give quite promising results.
{% link https://dev.to/strikingloo/markov-chains-training-ai-to-write-game-of-thrones-25d6 %}

## Getting started with NLP
In this post, @nicfoxds has explained newbies about how to start with the vast field of NLP. The author of the post has given a glimpse of the world of NLP.
{% link https://dev.to/nicfoxds/getting-started-in-nlp-b0e %}

I hope you all liked this collection. I would request the #DEVCommunity members to contribute more to the field of #NLP.
Managing multiple NodeJS versions
Tags: webdev, node, codenewbie, javascript
Published: 2020-09-14 11:22:35

We all switch around different projects, sometimes even daily. Every project has its own requirements in terms of dependencies and runtime. Lucky for us, NPM takes care of the dependencies but we still need to manage the runtime. Some projects may use a LTS version and others may live on the edge and use the latest version of node.

# Meet NVM

nvm (node version manager) manages multiple node versions and switch between them in an instant.
Even if you use a single node version, it's so much easier to install and update it via nvm.

# Installing

Install it using this one-liner:
```
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
```

Or check out the full instructions on the [GitHub repo](https://github.com/nvm-sh/nvm)

# Getting Started

Let's say we want to install node v14.3.0, it's easy as:
```
nvm install 14.3.0
```
Just change 14.3.0 to your required version.

If you want to install the latest LTS, run:
```
nvm install --lts
```

Once we have a few node versions installed we can activate a specific version with the use command:
```
nvm use 14.3.0
```

# Global modules

Global modules are not shared across different node versions. You have to install the global dependencies for every node version. It can be annoying but it makes sense. Some dependencies might not be compatible with certain node version.

# .nvmrc

Here is the best part! You can add to your project a .nvmrc file to specify exactly the node version.
Going back to our example before, let's save our node version to .nvmrc.

```
echo "14.3.0" > .nvmrc
```
Now every time I `cd` into this directory or its children, I can run `nvm use` to activate the version of my project. In our case it's 14.3.0.

I can even commit this file to the git repo so other developers can use it as well.

That's it! Now you can easily switch between projects without thinking about the desired node version. 👾

<hr/>

_[Daily](https://api.daily.dev/get?r=devto) delivers the best programming news every new tab. We will rank hundreds of qualified sources for you so that you can hack the future._

[![Daily Poster](https://dev-to-uploads.s3.amazonaws.com/i/b996k4sm4efhietrzups.png)](https://api.daily.dev/get?r=devto)
Updating Your Brand With a Static Web Application
Tags: azure, webdev, javascript, tutorial
Published: 2020-09-14 11:03:32

#### 📺 020 - Christina Warren 🎙️ Jason Hand

{% youtube kyBQxEWLHy8 %}

In this episode, Christina Warren joins Jason as they discuss ways of updating your personal brand with static web sites on Azure.

---

### Useful Links

🔗[Azure Static Web Apps](https://docs.microsoft.com/en-us/azure/static-web-apps/?WT.mc_id=allaroundazure-devto-chwarren)

🔗 [Statice Web Apps - Overview](https://docs.microsoft.com/en-us/azure/static-web-apps/overview/?WT.mc_id=allaroundazure-devto-chwarren)

🔗 [Azure Blob Storage](https://docs.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website/?WT.mc_id=allaroundazure-devto-chwarren)

🔗 [Azure App Service](https://docs.microsoft.com/en-us/azure/app-service/app-service-web-get-started-html/?WT.mc_id=allaroundazure-devto-chwarren)

🔗 [Publish App Services with the Static Web App API](https://docs.microsoft.com/en-us/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=allaroundazure-devto-chwarren)


---

### Learn more on Christina Warren

🔗 Twitter: https://twitter.com/film_girl

🔗 bio: https://developer.microsoft.com/en-us/advocates/christina-warren

☁️
SaaS Development Services
Tags: saas
Published: 2020-09-14 10:36:34

SaaS Development Services:

Equipped with a handsome product development portfolio, our firm provides an extended range of World Class SaaS platform development services for clients ranging from startups to large organizations.

SaaS Applications Developing Consultation

We got a team of expert SaaS Consultants capable of guiding you from the conceptual phase to delivery. Clients can discuss and discover the best development methodology and lifecycle for their SaaS Platform Development requirements including the right type of technology and cloud-based platform.

Multi-Tenant Application Upgrades:

You can also enhance your existing SaaS Platform Application and upgrade it to become multi-tenants in order to derive maximum revenues from them and to reduce maintenance costs in the long run.

Development of SaaS Applications:

Grab the development power through in-house or by a chosen agency created SaaS architecture and start planning and building SaaS applications with enterprise quality.

Integration with Third Part APIs:

We help you to integrate various third-party service module in order to power up various functions like live chat, Payment Gateways. Mail Campaigns, Product filters, and other such customer support features in order to add value to your product and to reduce the time needed for marketing and selling it. With us, your brand comes first, our experts help you with your brand-specific requirements, enhance operations, understanding customer behavior and to resolve issues as they arise.

Read here full information: https://www.aalpha.net/services/saas-development-india/
Placeholder title
Tags: actionshackathon
Published: 2020-09-14 10:30:05

[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!)


### Submission Category: 

[Note]: # (Maintainer Must-Haves, DIY Deployments, Interesting IoT, Phone Friendly, or Wacky Wildcards)


### 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)


### Additional Resources / Info

[Note:] # (Be sure to link to any open source projects that are using your workflow!)

[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. )

[Reminder]: # (Submissions are due on September 12th (11:59 PM PDT) and winners will be announced on September 23!)
Identify stale issues,messages,pr's
Tags: actionshackathon
Published: 2020-09-14 10:18:51

#ActionHackathon


### My Workflow
Well,I am using Three github actions i.e Greet,label,Stale.
well,the first greets you when u try to open or merge issues.
The second one will show the changes in the codebase that u made after merging your pr.
The third one mark the issues,messages or pr's that are left untouched for a long time.

### Submission Category: 

DIY deployments.


### Link to Code

https://github.com/anu725053/sem-2-resources
Display a document in browser with Watermark 
Tags: dotnet, csharp, webdev, browser
Published: 2020-09-14 10:07:08

GroupDocs.Viewer is a back-end, UI-Agnostic [API](https://products.groupdocs.com/viewer/net) that could be integrated in any .NET application without any third-party tool or software dependency.
**Implementation**
1. API renders the source file into PDF, HTML or an Image format
2. Apply watermark and display the rendered file(s) in your application (web or Window Forms)
```csharp
using (Viewer viewer = new Viewer("sample.docx"))
{
    HtmlViewOptions viewOptions = HtmlViewOptions.ForEmbeddedResources();
    viewOptions.Watermark = new Watermark("This is a watermark");
                
    viewer.View(viewOptions);
}
```
All you have to do is to download and add this [DLL](https://downloads.groupdocs.com/viewer/net) as a reference in your application. In case of any issue, post it on this free support [forum](http://forum.groupdocs.com/).
Using Machine Learning to Catalog Modular Synthesizers - Idea
Tags: python, machinelearning, showdev, tensorflow
Published: 2020-09-14 10:06:44

TL;DR: [Join me tomorrow at 1pm UK time on Twitch](https://developer.ibm.com/events/object-detection-with-tensorflow-1600031218211/?cm_mmc=Inpersondirected-_-Audience+Developer_Developer+Conversation-_-WW_WW-_-Sep2020-matt_hamilton-using_machine_learning_to_catalog_modular_synthesizers_-global-devadvgrp-london&cm_mmca1=000039JL&cm_mmca2=10010797) to start building a cool app to recognise modular synthesizer components from an image.

A colleague of mine, [Simon Metson](https://twitter.com/drsm79/) is a big modular synthesizer geek. He solders up and builds modules for modular sythesizers as well as plays in a ["improvised synthesizer band"](https://anechoics.uk/).

![Simon's den of electronic beeps and boops](https://dev-to-uploads.s3.amazonaws.com/i/rfat2korzrj9fztnnrh2.jpg)

He came to me with an idea: Could we create an app that could use machine learning to analyse a photo of a modular synth rack and catalog all the modules in it?

There is a website called [Modulargrid](https://www.modulargrid.net/e/racks/view/245470) that allows people to drag and drop from a library of modules onto a rack to document / illustrate their creations. 

Here is Simon's rack on there:

![Simon's synth rack](https://dev-to-uploads.s3.amazonaws.com/i/m80qgfdhp3v0io0siqoi.jpg)

Wouldn't it be great if you could just take a photo of your synth creation and have an AI analyse the image and identify all the modules in the rack and create an entry on Modulargrid for you?

So that is what we are going to try and build! We will be using the Tensorflow Object Detection API to see if we can train a neural network to be able to detect modules in images.

[Come and join myself and Si live on the IBM Developer Twitch channel tomorrow at 1pm UK time for the first part in the series of us building it](https://developer.ibm.com/events/object-detection-with-tensorflow-1600031218211/?cm_mmc=Inpersondirected-_-Audience+Developer_Developer+Conversation-_-WW_WW-_-Sep2020-matt_hamilton-using_machine_learning_to_catalog_modular_synthesizers_-global-devadvgrp-london&cm_mmca1=000039JL&cm_mmca2=10010797).
EventEmitter in Angular Rxjs
Tags: angular, javascript, rxjs, typescript
Published: 2020-09-14 09:57:34

Angular provides an **EventEmitter** class that is used when publishing values from a component through the **@Output() decorator**. 

EventEmitter extends **RxJS Subject**, adding an emit() method so it can send arbitrary values. When you call emit(), it passes the emitted value to the next() method of any subscribed observer.

Real life example for using EventEmitter is like a side-menu change detection on any event (click/onChange etc) from homepage performed.

let's have some hands-on at EventEmitter:

in **side-menu** ts we have to create an **output decorator** having with **EventEmitter**, and one **boolean variable** to have an boolean state of close/open, then after we have to create a method that will change the state of boolean variable, and also emit that boolean value, so that the updated value will be going towards parent component, which is home.  
```javascript
// side-menu.component.ts

@Output() toggle = new EventEmitter<any>();
visible: boolean = false;

onToggle() {
    this.visible = !this.visible;
    this.toggle.emit(this.visible);
    console.log("from side-menu", this.visible);
  }
``` 

```html
<!-- side-menu.component.html -->

<a (click)="onToggle()">Menu</a>

<ul>
    <li>
        <a href="#">Home</a>
    </li>
    <li>
        <a  href="#">About</a>
    </li>
</ul>
``` 
So, in **home component** view we have to call the side-menu child component and add the output decorator named **toggle** that we have created above in **side-menu.component.ts**
```html
<!-- home.component.html -->

<app-side-menu (toggle)="menuToggle($event)"></app-side-menu>
``` 
Whenever, toggle output decorator emits from **side-menu.component.ts**, **menuToggle** method will be called
```javascript
// home.component.ts

menuToggle(event) {
    console.log("from home", event);
  }
``` 

# That's it, :)
Lustige HTTP Status Codes
Tags: http, fun, beginners
Published: 2020-09-14 09:56:25

Der HTTP-Standard kann ja ganz schön trocken sein, aber über die Jahre haben sich ein paar lustige Status Codes etabliert, die teilweise in den Spezifikationen zu finden sind und teilweise einfach nur in der Praxis auftreten. 

Die durch RFC-Dokumente spezifizierten Standards bieten ein Rahmenwerk, an das sich die meisten Browser und sonstige Benutzeragenten wie `wget` oder `curl` halten. Im Prinzip ist HTTP(S) aber so offen gestaltet, dass sich beliebige Status Codes, darunter auch selbst ausgedachte, übertragen lassen.

## Uminterpretationen von offiziellen Codes 

Die wohl bekannteste Uminterpretation von Status Codes ist [`502 Bad Gateway`](https://http-status-code.de/502/). Im deutschen Sprachraum macht der Präfix „Bad” eines Ortsnamens deutlich, dass dieser Ort über ein Heilbad oder Kurbad verfügt. In dem Sinne kann die Fehlermeldung dann als Ortsnamen mit Kur-Charakter aufgefasst werden. Wahrscheinlich weil mal ein Aufenthalt ohne Internet auch sehr entspannend sein kann…

## Offizielle Codes 
Es findet sich aber auch ein Scherz in den offiziellen Standards, nämlich [`418 I'm a teapot`](https://http-status-code.de/418/). Dieser soll andeuten, dass der Ursprungsserver die Herstellung von Kaffee mit einer Teekanne verweigert. Dieser Fehlercode findet sich sogar in der [offiziellen Definition](https://tools.ietf.org/html/rfc2324#section-2.3.2) auf den Seiten der Internet Engineering Task Force… hierbei wird natürlich auch gleich die neue Methode "BREW" (also Kaffee-Brauen) eingeführt.

## Private Codes
Da es, wie eingangs erwähnt, möglich ist, einfach eigene Codes zu verwenden, findet dies im Netz natürlich auch statt. Bekannt geworden ist insbesondere die Search und Trends API von Twitter in der Version 1, bei der der [Status Code 420](https://http-status-code.de/420/) aufzeigt, dass das Limit von Verbindungen pro Benutzer überschritten wurde. Die Antwort der API lautet dann `420 Enhance Your Calm`, also „verbessere deine Ruhe”. Die Zahl 420 steht häufig für Cannabis-Konsum, dem bekanntlich nachgesagt wird, dass es beruhigend und entspannend wirke. Vielleicht wird von Twitter ja darauf angespielt. In neueren Versionen ist dieser Status allerdings wieder zu Gunsten des offiziell eingeführten 429 Too Many Requests verschwunden.

Als Fan des Terminator-Franchises um Arnold Schwarzenegger warte ich aber noch auf die 800-Serie an Fehlercodes, am Besten dann als `800 Terminated`…
How I became an efficient software engineer
Tags: codenewbie
Published: 2020-09-14 09:43:29

AUTOMATE
Personally, if I find myself doing twice something that I can automate, it is time to write a script.

PREMATURE OPTIMISATION
Your focus should be to write code that works and later make it efficient. Write code, use a profiler to find the real bottlenecks, and focus on optimizing them.

RUBBER DUCK DEBUGGING
A rubber duck in use by a developer to aid code review

In software engineering, rubber duck debugging is a method of debugging code. The name is a reference to a story in the book The Pragmatic Programmer in which a programmer would carry around a rubber duck 🦆 and debug their code by forcing themselves to explain it, line-by-line, to the duck.
Next course in progress
Tags: codecademy, career, beginners, r
Published: 2020-09-14 09:39:54

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

My first Course are now finished but I'm **already working on the next course**. I hope to be able to prove my skills in the R language. Unfortunately, there is no proof for the programming languages in the university.
Learn CSS by playing games:
Tags: css, webdev, productivity
Published: 2020-09-14 09:15:40

Hey folks, are you need to improve your CSS skills?. Here six games to improve your skills.

1. [CSS Diner](http://flukeout.github.io/)
2. [Flexbox Zombies](https://geddski.teachable.com/p/flexbox-zombies)
3. [Grid Garden](https://cssgridgarden.com/)
4. [Flexbox Defense](http://www.flexboxdefense.com/)
5. [Flexbox Froggy](https://flexboxfroggy.com/)
6. [CSS Battle](https://cssbattle.dev/)
My first codecademy Course complete
Tags: codecademy, git, beginners, career
Published: 2020-09-14 09:09:26

**Finally**, i finished my **first codecademy course**. In the past i completed some udemy courses, but i guess to choose codecademy gives my profile a huge push in the right direction.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hj26lwxr6nfj0dns3il4.png)
Deploy a Vue app with a Nodejs backend to Heroku
Tags: node, vue, heroku
Published: 2020-09-14 09:08:40

Many tutorials about deploying a Vue app to Heroku are using a very simple setup with no server (or a really simple one only using express as a server dependency).

But what about deploying an app with more complex server which has a lot of dependencies? I couldn’t find a good and working tutorial, so I wrote this one.

## Setup

My Vue App is not only a frontend, but also needs a backend. Of course I could deploy the frontend and backend to different services and maybe utilize CDNs for the frontend, but I wanted to have everything in the same repository and server.


All the Node.js server code is in the root folder and I have a seperate `frontend` folder for my Vue.js app.

Developing the project locally was no problem. That’s why I thought pushing to Heroku would as well be a piece of cake.

My server code needs a simple `npm install && npm start` and the Vue.js app has to be build with `npm run build`. On the server side I am using `fastify` and with the help of `fastify-static` I am serving the `frontend/dist` folder to the users.

So, in order to build everything upon deployment, the command for the build step in my root package.json would be: `cd frontend && npm run build`? Wrong!

## Analysis and Solution

First of all, all the Vue.js dependencies are not installed, so we are missing a `npm install` in the frontend folder. But Heroku apparently sets `NODE_ENV=prod` and `NPM_CONFIG_PRODUCTION=true` so when running an `npm install` no devDependencies get installed. I tried different approaches to get Heroku to install and build everything correctly (e.g. https://stackoverflow.com/questions/22954782/install-devdependencies-on-heroku , https://dev.to/jmbejar/how-to-quickly-deploy-a-vuejs-app-to-heroku-5b0f) but in the end I resorted to a simple build script:

```
#/bin/bash
npm install —only=dev # installs only dev dependencies
npm install            # installs prod dependencies
npm run build          # builds the Vue.js app
```

This script resides in the `frontend` folder. And I call this script from the root `package.json` by using

`“heroku-postbuild”: “cd frontend && ./build.sh”,`

Now upon deployment all my server dependencies get installed as well as my Vue.js frontend being build.

There are surely other ways to accomplish this, but my approach works for me and is easy to understand.
Randomizing your Windows desktop background using PowerShell
Tags: powershell, scripting, random
Published: 2020-09-14 08:29:51

---
title: Randomizing your Windows desktop background using PowerShell
published: true
description: 
tags: powershell,scripting,random
//cover_image: https://direct_url_to_image.jpg
---


Hi! 

Do you ever get bored of your desktop background? I sure as heck do, so I created a little script to randomize it! (note: this will only work on Windows)

There's 2 files involved:
- Set-RandomBg.ps1 - my script to download a random image using the WallHaven API
- Set-Wallpaper.ps1 - a generic module to change the Windows wallpaper which requires an Image file path

## Set-RandomBg script
```PowerShell
# Specify a search term or leave it blank:
# $keyword=$null
$keyword="pokemon"

[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12

$url = "https://wallhaven.cc/api/v1/search?sorting=random&q=${keyword}";

# See full list of options here:
# https://wallhaven.cc/help/api#search

"Loading results from: $url"

$response = Invoke-RestMethod -Uri $url

# Filter out landscape results
$response.data = $response.data | Where { $_.dimension_y -le $_.dimension_x }

$count = $response.data.length -1
"Found $count images"

$random = Get-Random -Minimum 0 -Maximum $count
"Random id: $random"

$wallUrl = $response.data[$random].path

$filename = "C:\temp\bg.jpg"

"Downloading $filename"

Invoke-WebRequest $wallUrl -OutFile $filename

# load the Set-Wallpaper module so we can execute it
. $PSScriptRoot/Set-Wallpaper.ps1

Set-Wallpaper -Image $filename

# To debug any issues, uncomment the following line:
# pause
```

## Set-WallPaper script
The Set-WallPaper script looks a little scary at first but all it's doing is changing the Windows desktop wallpaper setting via C# (there's no PowerShell way and alternative methods like updating the Registry wouldn't work for me) 

The script can be found here:
https://www.joseespitia.com/2017/09/15/set-wallpaper-powershell-function/

## Running via start-up
To run this script on start-up, create a new Shortcut in your startup folder located at `shell:startup` with the following `TargetPath`
`"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe " -file C:\MYSCRIPTSFOLDER\Set-RandomBg.ps1`. Make sure to replace `MYSCRIPTSFOLDER` with the location of the PowerShell scripts! 

Thanks for reading! If you know of a better or easier way to achieve this, please leave a comment :)
Vue.js Creator Evan You Interview: “You need to understand what your users want”
Tags: vue, javascript
Published: 2020-09-14 07:55:00

Evan You is an independent software developer and the creator of the open source JavaScript framework Vue.js. We had a chance to speak to Evan about the release of Vue 3, his opinion on no-backend & fullstack approaches, Vue.js use cases and the work-life balance of the creator of the technology.

[Read the interview on our blog](https://evrone.com/evan-you-interview)