teleren/devto huggingface dataset:
Continuing to Cultivate Patience
Tags: devjournal, womenintech, codenewbie
Published: 2020-07-06 08:44:18

_This post was originally published on July 6, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

Easy, cool Monday morning! I've been noticing something interesting over the past few weeks/months --

I think I've written about it before somewhere, but here's the thing. Any time I'm presented with the thought of going through a process of any length in order to achieve something at the end of the process, I immediately and automatically feel this abrupt sense of impatience and a thought along the lines of "Ugh, for God's sake. Can't this be done already?"

Like...what? That thought enters my mind *even before starting* whatever process at hand.

And, mind you, this can range from a long-game sort of thing (months and months) like building an audience for an online community, a medium-game (a week or so) like putting together a big puzzle, or even in the shortest of processes (minutes) like cleaning up those puzzle pieces and putting them back away in their box.

That first initial thought of impatience is funny and weird, but I think it can have an altogether more insidious effect if we listen to it and don't end up even starting in on a certain process because we're *already* bored of the steps we'd need to take to get there.

This is why we need to develop a true love of the process for any goal we're pursuing. We need to cultivate the patience to sit down each day, even if the magic has worn off.

If we idealize too heavily the end-point or the destination, what do we have left at the end of the day once we reach that destination and move on to the next level or something different altogether?

Thanks so much for reading along! [Now let's be friends over on Twitter >>] (https://twitter.com/alexlsaltt)

P.S. I've launched a brand-new podcast! Stay up to date by [signing up for the newsletter here >>] (https://www.ladiescodecollective.com/)

![The Ladies Code Collective Podcast art](https://dev-to-uploads.s3.amazonaws.com/i/nl20jdyk6b9ec2w1lms7.png)
Sharing Requests in Slack
Tags: java, api, http, slack
Published: 2020-07-06 08:39:25

With Milkman, I already created an extensible open-source alternative to Postman, which I wanted to employ for all sorts of experiments to see if I can boost developer productivity. One such experiment was a simple [CLI interface](https://github.com/warmuuh/milkman/tree/master/milkman-cli) for all your requests.

Lately, I wondered how to best share requests, such as Http Requests, sql or other kinds. For Http, you typically share the curl-request, but how to share a gRPC call?

As a new experiment, I now created a [Slackbot](https://github.com/warmuuh/milkman/blob/master/docs/slack-integration.md) to uniformly share request exported by Milkman (using the privatebin export method).

![Slack integration](https://github.com/warmuuh/milkman/raw/master/img/slack-preview.png) 

This way, you can share, view and import requests with milkman in slack. Let me know, if you have ideas for improvements that might be useful to further boost productivity.
Surf paths easier in terminal with Conolist!
Tags: terminal, conolist, python, path
Published: 2020-07-06 08:22:50

Hi, Thanks for reading article.
you are maybe one of the hundreds of people that have problem or tired of works with directories in terminal with old copy paste method

# Whats Conolist
Conolist is an open-source CLI app written in python that can help you surf the paths very easily, Yeah it just Cool!
you cant believe? here is the example video
[![asciicast](https://asciinema.org/a/345593.svg)](https://asciinema.org/a/345593)

# How to install
if you are a unix based system user you wont have problem with installing conolist because conolist is written in python and need python installed on your system.

# Mac and Linux
open the terminal and write down the below text
```bash
pip3 install conolist
```
note that python 3 is required.
then from anywhere in your terminal just run `conolist`
to open up it

# Windows
dear windows users you maybe don't need conolist : D
no i just kidding : )
just install python 3 and do the same way like mac and linux

Thanks for reading this article
Show me your unnecessary code
Tags: code, cleancode, challenge, showdev
Published: 2020-07-06 08:21:25

Hi. Somehow, I wrote this code piece in the past. Today, I don't use this code but this still exists in our project.

```js
function isNumber(data) {
	return typeof data == 'number' && !isNaN(data)
}

function isBoolean(data) {
	return typeof data === "boolean"
}

function isFloat(data){
    return isNumber(data) && data % 1 !== 0
}

function isNull(data){
    return !data && Object.is(data, null) && data === null
}

function isUndefined(data) {
	return !data && Object.is(data, undefined) && data === undefined
}

function isEmpty(data) {
	return data === "" && data.length === 0
}

const I = {
	sware: {
		this(data) {
			return {
				is: {
					number: () => isNumber(data),
					float: () => isFloat(data),
					bool: () => isBoolean(data),
					null: () => isNull(data),
					undefined: () => isUndefined(data),
					empty: () => isEmpty(data)
				}
			}
		}
	}
}

const aNumericValue = 341
const aFloatValue = 3.14
const aBoolValue = false
const aNullValue = null
```

You can use this like that;

```js
const aNumericValue = 341
I.sware.this(aNumericValue).is.number()
```

So, what is yours?
Mono-repo: merge 2 git repositories
Tags: git
Published: 2020-07-06 07:38:26



First to avoid conflicts, move all files (including dotfiles) into a subfolder and commit.

Then merge the 2 repositories with the example script below (from: https://stackoverflow.com/a/10548919/856151).


```shell
cd path/to/project-b
git remote add project-a path/to/project-a
git fetch project-a --tags
git merge --allow-unrelated-histories project-a/master # or whichever branch you want to merge
git remote remove project-a
```

`--allow-unrelated-histories` is the "keyword" since Git 2.9.
Free Microservices consultancy (45 mins)
Tags: microservices, beginners, devops
Published: 2020-07-06 07:21:02

If you're new to the microservices world and have some questions about it, I'm offering a free 45 mins consultancy calls to help you get started or understand better microservices.

Schedule a call with me at:

https://getadvice.github.io/adriano.galello.html

I only ask that you come to the meeting with specific questions. I don't intend the call to be a live tutorial on microservices but a consultancy session where I can help you understand better microservices or how to get started.

Disclaimer: I'm the guy behind GetAdvice (volunteers are needed!!). This is a way to promote getadvice.github.io and get more volunteers into the site too.
💻 The JavaScript Technical Interview Workbook (400+ questions)
Tags: javascript, webdev, jobs
Published: 2020-07-06 07:19:31

ps: Update: [pre-sale here](https://gum.co/JieDN)

## Introduction 

Hi devs especially **junior** devs! For the past 5 months I've been super focused on writing a technical interview guide for juniors who want to break into the web-development industry. Since a solid grounding in JavaScript is paramount to clearing interviews focused on web applications, I wanted to write a guide that would help junior developers learn and practice at the same time.

## Why?

I've been a coding bootcamp instructor for the past 4 years, and some of the questions that I've been asked concerning job opportunities and employment are:

1. Will I get a job after this?
2. How many projects do I need to complete in order to start   interviewing?
3. How can I test my JavaScript knowledge?
4. How should I prepare for technical interviews? What will I be asked?


## Circumventing life issues to get employed!

**The best way for junior developers to circumvent the issue of not having enough experience/projects and still get employed is to do plenty of coding exercises (including on old and newer ES features) without having done whole projects on them.**

This demonstrates a practical understanding of core and advanced JavaScript concepts.

Often people have to balance multiple things while they learn to code including part-time jobs. Therefore, they're on a time crunch and may or may not be able to commit to doing projects. I've faced this with students before. They have committed to learning to code but life just gets in the way.

There are also people who leave everything including employment in order to learn how to code. The more time they spend out of web-dev employment status means the more they dip into their savings and deplete their bank balances. 

So this technical guide is focused on circumventing these issues in a practical and straightforward way.

Each section of each chapter has about 70 - 90 coding exercises + underlying theory. The basic premise is that you read a section, practice the coding exercises and **then** move on to the next section. 

Therefore solidifying your base at each step. Moving you from basic to advanced concepts. 

## Check it out here

If you'd like to read more on the guide please check it out [here](https://mailchi.mp/513fa2e96130/jstechinterview)

**Topic outline**

1. Foundation
2. Objects
3. Arrays
4. Functions
5. The DOM
6. Data Structures and Algorithms


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

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

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

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

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/41eagwflpn9eejp4miay.PNG)
Replacement for git clone - degit
Tags: github, git, programming, npm
Published: 2020-07-06 07:14:13

Hey Developers, 
  When I wanted to clone a specific github repository, I used git:clone and It will result in downloading the entire repository with all branches and git commits.
   Few times, I just want to copy(download) some files, branches or folders from a repository (i.e) I don't want the entire tree structure of that repo.
  * I found degit (npm package) to clone a specific branch of the given repository with git commits, other branch details, remote urls.

### Cloning repositories using degit

``` shell
$ npx degit github:user/repo#branch-name <folder-name>
```
* master branch is default.
* folder-name is optional.

### Downloading specific folder from a specified branch

``` console
$ npx degit github:user/repo/directory/sub-directory#branch-name <folder-name>
```
* You can specify any sub-directories appending after /
* branch-name can be any branch name which has that particular sub-directories in it. (master branch is default).
* folder-name is optional.

### Alternatives to github
* You can use github, gitlab, bitbucket! For more details, visit the following npm package url!
* [npm-package-degit](https://www.npmjs.com/package/degit)
* Thank you!

### Support Me
* [Youtube - Vuelancer](https://www.youtube.com/channel/UC0hmXRqXYVO0mocVt5D3GkQ)

* [Github - Vuelancer](https://github.com/vuelancer)

* [Scrimba](https://scrimba.com/@selvakumardhivakar)

* [Vuelancer - Patreon](https://patreon.com/vuelancer)
Setup Tailwind CSS in 20 seconds without  node_modules
Published: 2020-07-06 07:11:38

Tired of running `npm install / yarn` and seeing tons of files installed in your node_modules just to process your Tailwind CSS file? I got you, have a look at this minimal approach.

---

# **Requirements**
Make sure all dependencies have been installed before moving on:

- yarn or npm
- Node.js

---

# **Start**

Create a CSS file (e.g. tailwind.css) and paste inside:

```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```

Run in terminal:
```
npx tailwindcss build tailwind.css -o style.css
```

Include style.css in your document:
```html
<link rel="stylesheet" href="style.css">
```


# **Remove unused CSS**
Create your Tailwind config file:
```
npx tailwindcss init
```

Enable:
```javascript
// tailwind.config.js
module.exports = {
  purge: {
    enabled: true,
    content: [
      './src/**/*.html',
      './src/**/*.vue',
      './src/**/*.jsx',
    ],
  },
  // ...
}
```

Run in terminal:
```
npx tailwindcss build tailwind.css -o style.css
```


## **Autoprefixer: add browser prefixes**
Since we don't want to rely on our node_modules in our root folder, let's install PostCSS CLI and Autoprefixer globally.

Install:
```
npm install -g postcss-cli autoprefixer
```

Run in terminal:
```
postcss style.css -u autoprefixer --no-map -o style.css
```


## **Minify your CSS**
Install it globally:
```
npm install -g cssnano
```

Run in terminal:
```
postcss style.css -u cssnano --no-map -o style.min.css
```

Include style.css in your document:
```html
<link rel="stylesheet" href="style.min.css">
```


## **Make stuff easier to use and use NPM scripts**


Create package.json
```
npm init -y
```

Enable in package.json:
```json
"scripts": {
  "tailwind": "npx tailwindcss build tailwind.css -o style.css",
  "autoprefixer": "postcss style.css -u autoprefixer --no-map -o style.css",
  "minify": "postcss style.css -u cssnano --no-map -o style.min.css",
  "build": "npm run tailwind && npm run autoprefixer",
  "production": "npm run tailwind && npm run autoprefixer && npm run minify"
},
```


## **Commands**

Basic usage: process your CSS (development)
```
npm run tailwind
```

Process your CSS + Autoprefixer (development)
```
npm run build
```

Process your CSS + Autoprefixer + Minify CSS (production)
```
npm run production
```


## **Demo GitHub repository**

Here is a ready to clone and working repo [GitHub repository](https://github.com/tomaszbujnowicz/tailwindcss-minimal-setup)
What's your 'money best spent' on tech?
Tags: webdev, discuss, productivity
Published: 2020-07-06 07:07:09

---
title: What's your 'money best spent' on tech?
published: true
description: 
tags: webdev, discuss, productivity
//cover_image: https://direct_url_to_image.jpg
---
What's your most valuable tech purchase, considering durability, longevity, quality and price? 

For me it would be Logitech Wireless Mouse M195. I bought it like a decade ago, never failed me, been dropped multiple times, quality and sturdy. Got it for like 10$. As far as I know it's discontinued (since no link).
GitUI v0.8
Tags: rust, git, github, terminal
Published: 2020-07-06 07:05:22

GitUI - the *fastest* terminal tool for git written in rust

The [v0.8](https://github.com/extrawurst/gitui/releases/tag/v0.8.0) release improves speed ⚡️ in giant repos and adds support for editing the commit message in your preferred editor: [https://github.com/extrawurst/gitui/releases/tag/v0.8.0](https://github.com/extrawurst/gitui/releases/tag/v0.8.0)

Please check it out and let me know what you think❤️
Componentes UI para Angular
Tags: angular, frontend
Published: 2020-07-06 01:05:23

A veces queremos desarrollar un prototipo para probar alguna idea y necesitamos enfocarnos en la funcionalidad, o simplemente queremos tener una aplicación que se vea estética sin invertir mucho tiempo en el diseño.

Estas librerías nos ofrecen componentes ya probados, documentados y listos para ser usados en nuestros proyectos Angular.

## PrimeNG

Cuenta con una gran cantidad de componentes (80+), además tiene 8 temas integrados.

Es utilizada por grandes marcas como Fox, eBay y Nvidia.

Toda está suite de componentes también está disponibles para React, Vue y Java.

[Sitio Web](https://primefaces.org/primeng/) | [Github](https://github.com/primefaces/primeng)

## Nebular

Desarrollado por la empresa Akveo (creadores tambien de UI Kitten, componentes para React Native). Cuenta con 35+ componentes y 4 temas.

Está basado en Eva Design, un sistema de diseño creado también por Akveo.

[Sitio Web](https://akveo.github.io/nebular/) | [Github](https://github.com/akveo/nebular)

## NG Bootstrap

Nos ofrece los componentes de Bootstrap adaptados para Angular, así que si nos gusta usar Bootstrap en nuestros proyectos, está librería es una muy buena opción.

[Sitio Web](https://ng-bootstrap.github.io/) | [Github](https://github.com/ng-bootstrap/ng-bootstrap)

Existe otra alternativa también basada en Bootstrap llamada [NGX Bootstrap](https://valor-software.com/ngx-bootstrap/).

## NG-Zorro

Es el favorito de muchos. Fue desarrollado siguiendo las especificaciones de Ant Desgin.

Es usado por grandes empresas, una de ellas es Alibaba.

[Sitio Web](https://ng.ant.design/docs/introduce/en) | [Github](https://github.com/NG-ZORRO/ng-zorro-antd)

## Angular Material

Es el oficial de Angular y como su nombre lo dice está basado en Material Design.

Tiene varios componentes y viene con 4 temas predeterminados.

Es el más utilizado, sin embargo, si queremos que nuestro proyecto no luzca con las especificaciones de Material Design, podemos utilizar las librerías anteriores.

[Sitio Web](https://material.angular.io/) | [Github](https://github.com/angular/components)
Code with Your Friends
Tags: beginners, css, react, codechallenge
Published: 2020-07-06 06:47:34

##Song of the Week
{% soundcloud https://soundcloud.com/jishle/winters-warmth %}

##Introduction
This week is a much shorter and much less technical post. I participated in a mini hackathon yesterday, and I had such a great time I thought I'd share my experience.

##Code Challenge
We were giving a code challenge, a few hours to work on it, and then we all came together to share our solutions. The challenge was to build some UI cards in React. We had the option to use some starter code or to start from scratch. Here's what I came up with:

{% codesandbox q5g6m %}

##Takeaways
It had been along time since I had done a hackathon, so I was reminded how great they are. Here are some of the reason you should participate in one:
* **It can break you out of a coding rut.** Sometimes when you're spending a lot of time learning to code on your own, you can get bored and lose your motivation. Meet up online with other people and working on a new problem can be like a shot in the arm. It gets you excited about coding again.
* **You can learn so much from other people.** Problems that you may have been struggling with for a while can suddenly become so clear when you get help on them from other coders.
* **You don't have to be an expert.** Everyone at these events are at different levels, with strengths in different areas. Someone may help you with something your struggling with in CSS, and maybe you help them with a bug in their React files. Everybody wins, learns, and is better for it.
* **You meet great people and can build a community** of other coders that are also trying to learn and grow their skills. And community is what it's all about!
stream multiple camera using OpenCV
Tags: python, opencv, numpy
Published: 2020-07-06 06:29:01

hey folks, recently I am working on a project which needs hand-on experience on OpenCV. As I am a newbie in the OpenCV framework I tried to use the basic kinds of stuff out of it, so I started to work with reading the camera and stream it. just simple and easy kind of stuff.

 ```import numpy as np
    import cv2


    #capture the webcam
    vid1 = cv2.VideoCapture(0)
    vid2 = cv2.VideoCapture(1)
    vid3 = cv2.VideoCapture('http://192.168.2.2:5000/video') 
                                          #ipwebcam address 


    while True:                    #while true, read the camera
        ret , frame = vid1.read()
        re1 , frame1 = vid2.read()
        ret2 , frame2 = vid3.read()

        if (ret):
            cv2.imshow('cam0',frame)    #frame with name and 
                                        variable of the camera 
            cv2.imshow('cam1', frame1)
            cv2.imshow('cam3',frame2)
    
        if cv2.waitKey(1) & 0xFF == ord('q'):      #to break the 
                                    loop and terminate the program 
            break

    vid1.release()
    vid2.release()
    vid3.release()


you can check out this in GitHub too
https://github.com/cyber-hoax/camera_stream_openCV
Understanding Istio: part 15 – WorkloadEntry
Tags: kubernetes, devops, docker, beginners
Published: 2020-07-06 06:24:40

---
title: Understanding Istio: part 15 – WorkloadEntry
published: true
description: Serie of sketchnotes about Istio. Explaining in a visual way Istio principles.
tags: Kubernetes, DevOps, Docker, beginners
series: Understanding Istio in sketchnotes
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/o7t6obbb8dstq520bowf.jpg
---

Understanding Cloud technologies, like Kubernetes, can be difficult or time-consuming. In order to spread knowledges about it, I started to create [sketchnotes about Kubernetes](https://dev.to/aurelievache/kubernetes-sketchnotes-pods-4ib0) and know it's time to talk about a perfect companion of Kubernetes, a service mesh, Istio.

We continue our new serie of Sketchnotes about Istio, with a sketchnote about WorkloadEntry.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/o7t6obbb8dstq520bowf.jpg)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ohxkhvuz4574ybfy6yyv.jpg)

If you are interested, I published a book with all the sketchnotes on Istio (and new ones!): ["Understanding Istio in a visual way"](https://gumroad.com/aurelievache#vJYhM).

As usual, if you like theses sketchnotes, you can follow me, and tell me what do you think. I will publish others sketchs shortly :-).
7 Useful Websites That You wish you knew them earlier!
Tags: productivity, website
Published: 2020-07-06 06:21:20

# 1. _Numbeo.com_
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ge3d1qi07b03cld278qy.JPG)
######Numbeo is a crowd-sourced global database of reported consumer prices, perceived crime rates, quality of health care, among other statistics.It's very useful for people who are shifting from one place to other and wants to get insight of the cost of living of the destination place as compare to their place.

# 2. _How Secure is your password ?_
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gpevu0f69xhf13343aoc.JPG)
######It tells us about the strength of password.How long it would take a computer to crack your password.

# 3. _Bedtime Calaculator_
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8qfovqoxzu976o0slsa7.JPG)
######Sleepyti.me bedtime calculator helps you wake up refreshed by finding the best time to go to sleep.

# 4. _Wayback Machine_
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/h226t5hsm6408ixfewwj.JPG)
######This is a digital library of Internet sites and other cultural artifacts in digital form. Like a paper library, we provide free access to researchers, historians, scholars, the print disabled, and the general public.

# 5. _White noise generator_
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7zu01skht7l9fsdnmegw.JPG)
######A Soft Murmur is an online background noise generator designed to help you relax, focus, and tune out unpleasant sounds from your environment.You can mix two or many sounds as well to get the actual simulation of different sound sources.

#6. _Terms of Service_
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/r69t7zukj6lrmd9yq4ia.JPG)
######Terms of service are often too long to read, but it's important to understand what's in them. Your rights online depend on them.You can search for any websites you want and get the summary of TOS along with their rating.

#7. _Radio Garden_
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qk6s7tswgn38edfzi696.JPG)
######It's a website where you can explore and listen to various **LIVE RADIO** from stations across the globe just by rotating the simulated globe on it.Placing the circle on the point which you want to listen the radio.
.
.
.
You have come so far reading......So here is a BONUS TIP for you.
# 8. [**BONUS**]_Is It Down Right Now? Website Down or Not?_
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jb9fcj05wcowkqevgv13.JPG)
######It monitors the status of your favorite web sites and checks whether they are down or not.Check a website status easily by using the below test tool. Just enter the url and a fresh site status test will be performed on the domain name in real time using our online website checker tool.You might be able to get whether the website is down or not even before twitter tells you!
Thanks for reading!
Drop down in comments which one is your favourite website .