teleren/devto huggingface dataset:
In Response To Black Matters
Tags: racism, black, islam
Published: 2020-06-03 22:34:14

Once a black friend of mine said to me "I am not a racist, going out with you is the proof". I answered "You've just proven you're a racist, since you acknowledged the difference in colour.".

In my view there is no white race or black race, there is a human. 

Racism lies deep in the western culture, since it approves the word "RACE", and legislated laws in UN and else where to protect what they call 'the right of minorities'. Simply just clicking on any wikipedia page about a country, you read about ethnic groups in percentage. Meaning not all people are on the same level. 
The only World View that doesn't acknowledge colour is the islam. It says in the Quran:
{ O mankind, indeed We have created you from male and female and made you peoples and tribes that you may know one another. Indeed, the most noble of you in the sight of Allah is the most righteous of you. Indeed, Allah is Knowing and Acquainted. }
Only islam looks to all men and women without looking at colour, tribe, religion or what so ever. All are one, HUMANS.
Developing a Dynamic Author Search of Covid-19 Articles using Plotly Dash & TigerGraph (Part 4)
Tags: visualization, datascience, graph, python
Published: 2020-06-06 18:14:58

---
title: Developing a Dynamic Author Search of Covid-19 Articles using Plotly Dash & TigerGraph (Part 4)
published: true
date: 2020-06-03 22:28:16 UTC
tags: visualization,datascience,graph,python
canonical_url: 
---

[![](https://cdn-images-1.medium.com/max/2600/1*CwngT_B2guuEJZKlTThZ6w.jpeg)](https://towardsdatascience.com/developing-a-dynamic-author-search-of-covid-19-articles-using-plotly-dash-tigergraph-part-4-34e240882a06?source=rss-fc0227505fc6------2)

Explore using our graph queries to extract data and visually representing data using the Python libraries Plotly and Dash.

[Continue reading on Towards Data Science »](https://towardsdatascience.com/developing-a-dynamic-author-search-of-covid-19-articles-using-plotly-dash-tigergraph-part-4-34e240882a06?source=rss-fc0227505fc6------2)
MADE A MEME WITH CSS
Tags: meme, purecss, 100daysofcode, illustration
Published: 2020-06-03 22:14:31

## HOW IT STARTED
So a while back I made my first CSS Illustration to refresh, before starting a new project. I showed it to a friend and he suggested that I should make a meme with CSS 🧠 (big brain thinking😂). I honestly wished it was my idea...🔥🔥 But its mine now... Took the red pill. The final product is made purely with just HTML + CSS... and yes including the animation... CSS is 🔥🔥.

<br />

![self CSS protrait](https://dev-to-uploads.s3.amazonaws.com/i/ecbnab5zz8nhzscp760a.png)
[codepen of my first CSS Illustration](https://codepen.io/abel-moremi/full/GRpOxdV)
<br />

## EXPLAINED THROUGH THE POWER OF MEMES
A short story presented purely with memes... like with all great art, its meant to be interpreted as you see fit...😂🤣
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/k6kbp8z1xftgpeu3pb2q.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/158q2kat1lq3vw58pl3k.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/u9ug90gjuwyjddc6cmko.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/djkjbgkfj0qtpx9bs31a.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/x7oh5zj4nmoa1euhk3gk.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/khxddkndoosgvfpg0beu.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bahrt2g7biiyzzczmbn1.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xqrc1oj9xkpi5pjlk1qy.jpg)

<br />
## THE FINAL PRODUCT
Also... NO JavaScript was harmed in the making of this MEME😎😘
<br />
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qra7t6tk7x5ls9ingy0l.gif)
[codepen](https://codepen.io/abel-moremi/full/rNOZzjX)

Ofcourse its a programming meme... THink of it as an inception meme 🧠 (A meme about the very thing its made off🔥🔥🔥 code...)

It was fun making this... Enjoy
DataOps Podcast: Structuring Unstructured Data 
Tags: podcast, dataops, devops, machinelearning
Published: 2020-06-03 22:03:12

---
title: DataOps Podcast: Structuring Unstructured Data 
published: true
description: DataOps Podcast: Structuring Unstructured Data 
tags: podcast,dataops,devops,machinelearning
cover_image: https://s3-us-west-2.amazonaws.com/anchor-generated-image-bank/production/podcast_uploaded400/2620592/2620592-1580257613285-33d806a4d7858.jpg
---

Join @banjtheman and @victori_ousg, as they have a conversation about Structuring Unstructured Data with @NNData_Corp
https://www.nndata.com/

https://anchor.fm/dataops/episodes/DataOps-Podcast-Structuring-Unstructured-Data-eenv18/a-a2b3qb3
What’s your alternative solution? Challenge #57
Tags: challenge, javascript, codenewbie, learntocode
Published: 2020-06-03 21:17:36

# About this series

This is series of daily JavaScript coding challenges... for both beginners and advanced users.

Each day I’m gone present you a very simple coding challenge, together with the solution. The solution is intentionally written in a didactic way using classic JavaScript syntax in order to be accessible to coders of all levels.

Solutions are designed with increase level of complexity.

## Today’s coding challenge

```
Find the frequency of characters inside a string. Return the result as an array of objects. Each object has 2 fields: character and number of occurrences.

```

(scroll down for solution)

## Code newbies

If you are a code newbie, try to work on the solution on your own. After you finish it, or if you need help, please consult the provided solution.

## Advanced developers

Please provide alternative solutions in the comments below. 

You can solve it using functional concepts or solve it using a different algorithm... or just solve it using the latest ES innovations.

By providing a new solution you can show code newbies different ways to solve the same problem.

## Solution

```javascript
// Solution for challenge51

var ar = getCharFrequency("Find the frequency of characters inside a string");
println(JSON.stringify(ar));

function getCharFrequency(text)
{
    var ar = [];

    for(var chr of text)
    {
        updateFrequency(ar, chr);
    }
    
    return ar;
}

function updateFrequency(ar, chr)
{
    for(var el of ar)
    {
        if (el.chr === chr)
        {
            el.count++;
        }
    }
    
    ar.push({ chr : chr, count : 1 });
}

```


To quickly verify this solution, copy the code above in this coding [editor](https://codeguppy.com/code.html) and press "Run".

> Note: The solution was originally designed for [codeguppy.com](https://codeguppy.com) environment, and therefore is making use of `println`. This is the almost equivalent of `console.log` in other environments. Please feel free to use your preferred coding playground / environment when implementing your solution.
Day 146 : Early
Tags: hiphop, code, coding, lifelongdev
Published: 2020-06-03 21:15:06

_liner notes_:
- Professional : Pretty chill day. The talk prep sessions were cancelled. Spoke with my manager to let him know I finished up some research we are working on. Rest of the day, worked on my workshop for next week.

- Personal : Did a little coding. Mostly watched all the things happening around the world.

![view of mountains in the distance with forests, a lake and field in front in Almaty, Kazakhstan](https://dev-to-uploads.s3.amazonaws.com/i/zyvdu69tkayvx5omik5m.png)

Looks like my internet went down. Hopefully it will come back before I hit publish on this post. The new Run The Jewels album 'RTJ4' came out 2 days early. I'll be doing some coding while listening to the tracks. Really relevant for what's going on. You can download the album for free, but what's cool is that any donations will go to the National Lawyers Guild Mass Defense Fund "providing legal support for political activists, protesters and movements for social change". Oh and I got the radio edits so I'll be playing more tracks on the radio show.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube pJJyKlRxyvA %}
One command to start your React Native Web project with Fast Refresh 👏 👌
Tags: react, reactnative
Published: 2020-06-03 21:09:00

Share more than 90% of your code across iOS, Android and the web 👏 👌!

{% youtube Pslo1WRpZz0 %}

If you want to run React Native on the web here is a simple starting point which you can use. We use React Native Web in a few production apps and it's also used in the new Twitter web-application so check it out.

You only need to run this (it will run the latest cli tools of react-scripts and react-native cli)


npx create-react-native-web-application --name=myapp


https://github.com/web-ridge/create-react-native-web-application
5️⃣ Ways to be Productive as a Developer
Tags: productivity, devops, opensource, beginners
Published: 2020-06-03 20:41:46

1️⃣ Ask for Help


Consider Making a Phone 🎷 Call  or two to people that you know. There's always a better way of doing things and there's always someone with more experience who can give you the advice you need to get the job done quicker. If you don't know the answer to a problem, try looking for people who can help you get things done faster. Even if you don't personally know anyone like this, they can be found digitally through LinkedIn and other platforms. 

<img src ="https://www.stylerave.com/wp-content/uploads/2020/02/9A2A251E-419C-449B-BFA4-C78CB402E6EB-e1582408658439.jpeg"\>
Encrypted Stream for net.Conn or io.ReadWriter
Tags: go, github, encryption, security
Published: 2020-06-03 20:41:10

It's surprising to find that no Golang library can easily transform a `net.Conn` to an encrypted and/or authenticated `net.Conn`. So I wrote one that works in one line, welcome to give it a try!

https://github.com/nknorg/encrypted-stream 

## Overview
Encrypted-stream is a Golang library that transforms any `net.Conn` or `io.ReadWriter` stream to an encrypted and/or authenticated stream.

The encrypted stream implements `net.Conn` and `io.ReadWriter` and can be used as drop-in replacement.

Works with any encryption, authentication, or authenticated encryption algorithm or even arbitrary transformation. Only a cipher that implements encrypt/decrypt needs to be provided. XSalsa20-Poly1305 and AES-GCM are provided as reference cipher.

The encrypted stream only adds a small constant memory overhead compared to the original stream.

## Usage
Assume you have a net.Conn and you want to transform it into an encrypted net.Conn:

```conn, err := net.Dial("tcp", "host:port")```

You first need to have a shared key at both side of the connection, (e.g. derived from key exchange algorithm, or pre-determined). Then all you need to do is to choose or implements a cipher:

```encryptedConn, err := stream.NewEncryptedStream(conn, &stream.Config{
  Cipher: stream.NewXSalsa20Poly1305Cipher(&key),
})```

Now you can use encryptedConn just like conn, but everything is encrypted and authenticated.

See stream_test.go for complete example and benchmark with TCP connection.

## Benchmark

```
$ go test -v -bench=. -run=^$
goos: darwin
goarch: amd64
pkg: github.com/nknorg/encrypted-stream
BenchmarkPipeXSalsa20Poly1305-12    	    4712	    254008 ns/op	 516.01 MB/s	       1 B/op	       0 allocs/op
BenchmarkPipeAESGCM128-12           	   18675	     65688 ns/op	1995.38 MB/s	       0 B/op	       0 allocs/op
BenchmarkPipeAESGCM256-12           	   16060	     74029 ns/op	1770.55 MB/s	       0 B/op	       0 allocs/op
BenchmarkTCPXSalsa20Poly1305-12     	    6760	    263446 ns/op	 497.53 MB/s	       0 B/op	       0 allocs/op
BenchmarkTCPAESGCM128-12            	   14780	     82979 ns/op	1579.57 MB/s	       0 B/op	       0 allocs/op
BenchmarkTCPAESGCM256-12            	   13321	     92393 ns/op	1418.64 MB/s	       0 B/op	       0 allocs/op
PASS
ok  	github.com/nknorg/encrypted-stream	9.471s
```
ESLint & Prettier in Nuxt + VSCode
Tags: vue, vscode, nuxt, eslint
Published: 2020-06-03 20:24:33

This is how to configure Nuxt with ESLint and Prettier + VSCode to format source on save.

- Install dependencies in project folder:
```bash
$ npm install eslint babel-eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue eslint-loader prettier -D
```
- Create `.eslintrc.js`:
```javascript
module.exports = {
  root: true,
  env: {
    node: true,
    browser: true
  },
  extends: [
    "plugin:vue/recommended",
    "eslint:recommended",
    "prettier/vue",
    "plugin:prettier/recommended"
  ],
  rules: {
    "vue/component-name-in-template-casing": ["error", "PascalCase"],
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
  },
  globals: {
    $nuxt: true
  },
  parserOptions: {
    parser: "babel-eslint"
  }
};
```
- Install required extensions for VSCode in `File → Settings → Extensions`: `ESLint`, `Vetur` 
- Create `.vscode/settings.json` in project folder:
```json
{
  "editor.formatOnSave": true,
  "vetur.validation.template": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}
```
*- based on tutorial by [Alex Gogl](https://medium.com/@gogl.alex/how-to-properly-set-up-eslint-with-prettier-for-vue-or-nuxt-in-vscode-e42532099a9c)*
Find the alternative solutions about cloud-based load testing features
Tags: azure
Published: 2020-06-03 20:22:05

Last year, Microsoft said discontinue cloud-based load testing features in Microsoft services such as [Visual Studio](https://docs.microsoft.com/en-us/azure/devops/test/load-test/getting-started-with-performance-testing?view=azure-devops) and [Azure DevOps](https://docs.microsoft.com/en-us/azure/devops/test/load-test/app-service-web-app-performance-test?view=azure-devops&viewFallbackFrom=azure-devop).

* [Cloud-based load testing features will be retired on March 31, 2020](https://azure.microsoft.com/en-us/updates/cloud-based-load-testing-features-will-be-retired-on-march-31-2020/)

If you want to alternative solution and you like [Apache JMeter](https://jmeter.apache.org/), you can get our solutions from Azure Marketplace.

![JMeter in marketplace](https://dev-to-uploads.s3.amazonaws.com/i/lohg5ko2mtco9c5en763.png)

This service provide Apache JMeter server to your environment on Azure. You can start load test easily after deploy process. If you want to high-load, you will chose multiple remote servers version. You do not need complicated configure for servers.

* [How to use](https://www.pnop.co.jp/azure-marketplace-apache-jmeter-multiple-users-manual/)

Let's enjoy cloud-based load testing.
Laravel + Vue CLI
Tags: laravel, vue
Published: 2020-06-03 20:05:03

- Remove unnecessary files from project root:
```bash
$ rm -rf package.json webpack.mix.js yarn.lock resources/js resources/sass public/js public/css
```
- Create Vue CLI project:
```bash
$ cd resources
$ vue create app
```
- Create `resources/app/vue.config.js`:
```javascript
module.exports = {
  // local Laravel server address for api proxy
  devServer: { proxy: 'http://localhost:8000' },

  // outputDir should be Laravel public dir
  outputDir: '../../../public/',
  publicPath: '/',

  // for production we use blade template file
  indexPath: process.env.NODE_ENV === 'production'
    ? '../resources/views/app.blade.php'
    : 'index.html',
}
```
- Edit `resources/frontend/app/package.json`:
```diff
"scripts": {
  "serve": "vue-cli-service serve",
- "build": "vue-cli-service build",
+ "build": "rm -rf ../../../public/assets/app/{js,css,img} && vue-cli-service build --no-clean",
  "lint": "vue-cli-service lint"
},
```
- Edit `routes/web.php`:
```php
Route::any('/{any}', 'ViewController@app')->where('any','^(?!api).*$');
```
- Create `app/Http/Controllers/ViewController.php`:
```php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;

class ViewController extends Controller {
    public function app() { return view('app'); }
}
```
- In console:
```bash
$ vue ui
```
- Open Vue UI dashboard, enter `Configuration -> Vue CLI` and change `Output dir` to Laravel public dir: `../../../public/` 

*– based on tutorial by [Starkowsky](https://github.com/starkovsky/laravel-vue-cli) with some fixes*
Deploying a Branch to Netlify on the Command-Line
Tags: netlify
Published: 2020-06-03 20:02:15

This post originally appeared [on my personal website](https://www.jvt.me/posts/2020/06/03/netlify-cli-branch/).

I'm very excited to say that the Netlify CLI tool ([<i class="fa fa-github"></i>&nbsp;netlify/cli](https://github.com/netlify/cli)) [now](https://github.com/netlify/cli/pull/907) has the ability to deploy a branch on the command-line.

This has been a feature request since [at least 2018](https://github.com/netlify/cli/issues/44) and has been greatly anticipated from the community, and I've been wanting to use it for some time when using [GitLab CI]({{< ref 2018-04-12-gitlab-ci-netlify >}}) pipelines.

As of [netlify-cli@2.53.0](https://www.npmjs.com/package/netlify-cli/v/2.53.0), it's now possible to deploy using the `-b $branchName` flag:

```
% netlify deploy -b wibble
Deploy path:        /home/jamie/workspaces/talks/public
Configuration path: /home/jamie/workspaces/talks/netlify.toml
Deploying to draft URL...
✔ Finished hashing 286 files
✔ CDN requesting 0 files
✔ Finished uploading 0 assets
✔ Deploy is live!

Logs:              https://app.netlify.com/sites/epic-wozniak-9aa019/deploys/5ed7eaedb88cedbb42a9d341
Website Draft URL: https://wibble--epic-wozniak-9aa019.netlify.app

If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag.
netlify deploy --prod
```

This is super exciting, and will help help folks deploying from Continuous Integration platforms, or with use cases where they don't want to use Netlify's Webhook integrations.
To Kill a working drone - Intro
Tags: javascript, drone, browserapi, iot
Published: 2020-06-03 19:58:19

In this series, I'll take you through flying a drone with Node.JS and BLENO, Web Bluetooth, and a wide range of custom controllers which include a variety of fruits, hand gesture detection and twitter. 

I'll share all the libraries I used, the code I wrote, and details of the devices I use, where necessary. 

#Context

Like most good stories, this one starts with me having a few drinks at a company event. On my way home, I went online and 'accidentally' bought a drone and completely forgot that I did. I bought the drone from a an online store that charges unbelievably low prices for almost anything you can imagine and takes months to deliver the items to you. This is where I buy gadgets and electronic components I don't actually need. 

About three months later, the drone, along with other things I had forgotten about, arrived. I now had a drone I had no use for so I did what any sane tech enthusiast would do: I decided to hack the drone. 

This idea was inspired by a talk on Web Bluetooth I saw at DevConf in Johannesburg, South Africa by the incredible Gergana (Gery) Young {% user gerybbg %} 

The below image was stuck in my head and it is the reason for months of all the madness in this series of articles
![Gergana Yougn Speaking at tech conference](https://dev-to-uploads.s3.amazonaws.com/i/5ql6644s5jku5kofcka4.png)


I spoke about five ways to control a drone at <a href="https://www.bbd.co.za" target="_blank">BBD Software Development</a>’s <a href="https://www.youtube.com/watch?v=So326HH45lM" target="_blank">Es@cape conference</a> last year and you can watch that video here: 
{% youtube elWMa9H7cQM %}

>From me, Lucky: *Sharp👍 Sharp👍*

![Godd bye brain](https://thepracticaldev.s3.amazonaws.com/i/ay71s5q02kljzp6xvzlf.png)
I built a Chrome Extension to save code snippets instantly
Tags: beginners, showdev, codenewbie
Published: 2020-06-03 19:57:18

Hey guys,

As someone learning to code I built a tool for other developers in the same boat. 

It's for saving that one piece of code that worked after (what seems like an eternity) of searching, trying and searching again. For the next time you'll need it. 

Save snippets by just selecting the text & right-click.

Link: http://thiscodeworks.com/extension

Hope you find this helpful!
Laravel public to public_html
Tags: laravel
Published: 2020-06-03 19:34:14

Rename public dir:
```bash
$ mv ./public ./public_html
```
In `app\Providers\AppServiceProvider.php`:
```php
public function register() {
  $this->app->bind('path.public', function() {
    return base_path().'/public_html';
   });
}
```
in `server.php`:
```php
// This file allows us to emulate Apache's "mod_rewrite" functionality from the
// built-in PHP web server. This provides a convenient way to test a Laravel
// application without having installed a "real" web server software here.
if ($uri !== '/' && file_exists(__DIR__.'/public_html'.$uri)) {
    return false;
}
require_once __DIR__.'/public_html/index.php';
```
Linking Anchors In Standard MarkDown
Tags: todayilearned, writing
Published: 2020-06-03 19:12:49

Dev.to uses standard markdown. Define an anchor you want to link to **right before** the line you want to refer:

    <a name="anchor-name-1"></a>

and place your link:

    [link text](#anchor-name-1)

If you want to link to a remote url you can also do this:

    [link text](https://[...]#anchor-name-1)

[Try it yourself](#try-yourself) 😉

    [Try it yourself](#try-yourself) 😉
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    <a name="try-yourself"></a>
    # If you got here it worked! 🤪
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
    .
<a name="try-yourself"></a>
# If you got here it worked! 🤪
.
.
.
.
.
.
.
.
.
.
.
.

## Any ideas or feedback?

I would like to know your thoughts and experience related to this topic. 

Do you like this article? **[Follow me on Twitter](https://twitter.com/ClaudiaWu_)** and don’t miss any future posts.