teleren/devto huggingface dataset:
My Switch To Linux
Tags: codenewbie, linux
Published: 2020-06-08 15:42:00

	When I first began to learn how to program and build things, I didn’t understand file structures and how to use the command lines. Windows didn’t particularly help me with this problem simply because everything can done through a GUI, and the command prompts feel a bit confusing to me. This is significant because learning git was a bit annoying simply because I didn’t feel comfortable in the terminal. Windows terminal felt clunky, cumbersome, and overall  intimidating to me. I felt a bit overwhelmed and confused to the point I was literally ready to quit. 

	Fortunately or unfortunately, I had been dual enrolled and college at the same time I was enrolled in a coding boot camp and I had to take  a class in Linux. I had heard of Linux prior and used a Unix based software for work, but I didn’t really get heavily involved in the learning it all considering we only used prompts. Going through that class gave me a completely different perspective on the use of the command line that I hadn’t considered. The speed and efficiency of the command line was a game changer for me. The more is used it the more I learned of alias you can create, customizing the look and feel, the different shells available, and a whole community of people with guides to learning. 

	Armed with this information, I made the decision to abandon Windows and go Linux. That's where another door opened I was not aware of. The amount of Linux distros available is nutty! I had not clue of what distro to even start on so I did what anyone in my position would do, turn to YouTube. I dove in, watched, read, and gathered information and I came to the conclusion, none of it was sufficient to figure out what to do. I found the only way to figure out what I like was to play with them. I probably went through 8 distros before I finally settled on Manjaro.
	Manjaro is an Arch based distro that has a large community of developers that are more than eager to help. It comes default with a startup program that links you to forums, guides, opportunities to get involved with the project, and more. For development and setup purposes its the best! This distro comes equipped with Arch User Repository or AUR that is constantly being grown and maintained. While all distros you can use the command line to download programs, AUR take it step further and downloads and configures everything for. This includes multiple programs at the same time. Because of its ease of use, easy access to system functions, and command line, my quality of like in learning has been drastically improved. I encourage anyone who use Windows to give it a try and my just be surprised and make the switch also.
React Firebase App Complete Tutorial - Upload and Download Images From Firestore
Tags: react, javascript, firebase
Published: 2020-06-08 15:36:12

---
title: React Firebase App Complete Tutorial - Upload and Download Images From Firestore
published: true
description: I show how to build React drawing application using canvas, refs and useRef hook.
tags: react, javascript, firebase
series: React Firebase
---

{% youtube SvTfX7t_qSc %}

In this video we make a photo album / image gallery app.

You can upload new images to albums. First image in the album will be it's thumbnail.

We use firebase storage to store images and firestore to a a database.

Code: https://github.com/satansdeer/firebase-albums
Discord Server: https://discord.gg/KPh8Vvb
Free React Testing Checklist: http://eepurl.com/c_8tzP

Subscribe to the channel: http://bit.ly/2QZ2UY3
Show Karma/Instanbul Code Coverage on the Browser
Tags: angular, test, help
Published: 2020-06-08 14:56:30

> From https://stackoverflow.com/posts/62264891/edit

I'm trying to launch the code coverage result generated by Istambul in the same browser as Karma test results.


I see that Karma or Istambul is generating a folder named `coverage` (when running `--codeCoverage`) which contains an HTML page containing all coverage results, but I have to open it manually. Is it possible that this page is opened in a similar way to the test results from Karma?

> I've looked all over the place but could not find any way of accomplishing it without 3rd party tools.

This is the Karma test results, I would like the coverage to be opened here as well.
[![Karma test result preview][1]][1]



**Project info**  
ng-cli: `8.3.23`  
Angular: `8.2.14`  
Karma: `4.1.0`   


  [1]: https://i.stack.imgur.com/jthcY.png
#001 What is Docker
Tags: docker, devops, tutorial
Published: 2020-06-08 15:34:12

# Introduction
Hello i am starting a series about DevOps , I need to share what i learn on daily basis for 360 day about DevOps.
The journey will include Docker , Kubernetes , Ansible , Lead Management , Jenkins , aws , git , bash , terraform , elastic search and more...
So if you are a beginner and you like to start same journey with me your welcome!

# What is Docker
![logo](https://www.docker.com/sites/default/files/social/docker-facebook-share.png)
Docker is a set of platform as a service products that uses OS-level virtualization to deliver software in packages called containers. Containers are isolated from one another and bundle their own software, libraries and configuration files; they can communicate with each other through well-defined channels.
[reference](https://en.wikipedia.org/wiki/Docker_(software))

# What is Container
![container](https://www.docker.com/sites/default/files/d8/styles/large/public/2018-11/container-what-is-container.png?itok=vle7kjDj)
let's talk with an noobie language , basically a container is like real life container he ship specific items . 
Same here let's say that we need a container to ship the Database , another to ship backend , another to ship frontend , another to ship another app or service....

# What is the benefit of using a container?
![errorsEveryWhere](https://i.stack.imgur.com/uO0St.png)
If you ever before try to clone an github project , lot of times even when you follow the setup in documentation. Things don't go very well , like missing a thing here or their , And errors start to came out from no where , and only god know what is going on.
Basically waste of time.
Here came Docker , you can write a .yml describe to setup the envirement .
so when you ship the project you ship also this Dockerfile ,
with single command docker start to download the envirement and build the project for you so you can run it on any machine without any problem.
In company , it save money and time . the code that work locally will work the same in testing , deployement stage.
jQuery Smart Wizard - A free and open source step wizard plugin for jQuery
Tags: javascript, jquery, webdev, wizard
Published: 2020-06-08 15:22:36

jQuery Smart Wizard is a step wizard plugin for jQuery. Provides a neat and stylish interface for your forms, checkout screen, registration steps, etc. Easy implementation, Bootstrap compatibility, customizable toolbars, themes, events and Ajax support are few of the features.

http://techlaboratory.net/jquery-smartwizard
https://github.com/techlab/jquery-smartwizard
7 habits for better git usage
Tags: git, github, productivity, devops
Published: 2020-06-08 15:16:10

- everything begins with an issue
- always check the current branch before making any changes
- run "git pull" as often as possible
- commit as soon as possible
- commit should be referenced to the related issues
- never push changes to the main branch directly
- always keep the tree tidy by cleaning old branches
Simultaneously Looping Over Two Collections in Elixir
Tags: elixir, phoenix, learning, thisweekilearned
Published: 2020-06-08 15:14:25

Last week I came across a block of code during a code review that had a hint of _code smell_, and although I didn't have an immediate solution, it looked like something worth digging into. The goal was to add a field to a schema, but it needed to be added in a particular place in the schema. This meant that in the migration a handful of fields needed to be temporarily renamed, reordered, then renamed one last time back to their original name. This is the block of code that caught my attention (with the data generalized):

{% gist https://gist.github.com/noelworden/d9fe66736518decd598e9baa29bc89aa %}

The repeating of the logic with only the values changing could be simplified, but what was throwing me a bit was that there are two different collections of data that need to be looped over synchronously. It's not uncommon to execute an `Enum.map/!` inside an `Enum.each`, or vice versa, or other combinations of that nature; but that wouldn't work here. 

After looking at the [docs](https://hexdocs.pm/elixir/1.0.5/Enum.html#functions), the very last function seemed like it would work for this situation, [`Enum.zip/2`](https://hexdocs.pm/elixir/1.0.5/Enum.html#zip/2). It takes two collections and converts them to one list of tuples, which can then be looped over. Using that function, the block of code above can be refactored to this:

{% gist https://gist.github.com/noelworden/f4fab240b18de3d58873facd196d013f %}

That `Enum.zip/2` converts those two collections into this:

{% gist https://gist.github.com/noelworden/1240c818ab503cc8e4cf8eac060beab3 %}

The tuple syntax looks a bit odd, as far as I can tell it is because both values are atoms. But, they are in fact tuples and because of this they can be treated as key/value pairs and looped over in the `Enum.each` to rename the fields in the `raw_example_product_detail` table. 

It may not look like a huge improvement, but in the code review there were something like twelve fields to be renamed, so in that case it was worth the refactor. This also isn't the first case where I felt a problem might be solved by looping over two collections of data synchronously, so finding this solution was definitely time well spent. 

------

This post is part of an ongoing *This Week I Learned* [series](https://dev.to/noelworden/beginning-of-a-blog-series-5aj3). I welcome any critique, feedback, or suggestions in the comments.
King Google's Song
Tags: interview, poetry, blacklivesmatter, career
Published: 2020-06-08 14:58:59

---
title: King Google's Song
published: true
description: Let's schedule your next technical interview!
tags: interviews, poetry, blacklivesmatter, career
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/9w1ud5bedg47gs9gsbek.png
---

Katherine, I am overjoyed
To meet You face-to-face.
You've been getting quite a name
All around the place.

Proving theorems,
Straining that brown head,
And now I understand You're God.
At least, that's what You've said.

So You are the Clay,
You're the great Katherine Clay.
Prove to me that You're divine.
Get this game to run in Wine.

That's all You need do
And I'll know it's all true.
C'mon, King of GNU!

Katherine, You just won't believe
The hit You've made around here.
You are all we talk about.
The wonder of the year!

Oh, what a pity
If it's all a lie.
Still I'm sure that You can rock
The cynics if You try.

So You are the Clay,
You're the great Katherine Clay.
Prove to me that You're not poor:
Be like Huxley—want it more!

If You do that for me,
Then from want You'll be free.
C'mon, King of GNU!

I only ask things I'd ask any ninja star!
What is it that You have got
That puts You where We are?

I am waiting! Yes, I'm a captive fan!
I'm dying to be shown
That You are not just any man!

So if You are the Clay!
Yes, the great Katherine Clay!
On this whiteboard, solve this spread! 

You can do it on Your head!
Or has something gone wrong?
Why do You take so long?
Come on, King of GNU!

. . .

Hey, aren't You scared of me, Clay?
Mrs. Wonderful Clay!
You're a joke! You're not the Lord!
You are nothing but a fraud!

Take Her away!
She's got nothing to say!
Get out, You King of GNU!
Get out, You King of GNU!

Get out, You King of GNU!

Get out of
My
Life!

-------

*There's a song and dance to go with it! ([The inceptive version has much better music, tho.](https://www.youtube.com/watch?v=XTH6cQD9yZE))*

{% youtube 3MH6efoYzJE %}
Beginner Python tips Day - 05 while...else, for...else
Tags: python, beginners, codenewbie, tips
Published: 2020-06-08 14:55:11

```python
# Python Day 05 - while....else, for...else

# else block in while and for loop is only executed
# if break statement is not executed inside for loop

my_list = ['Python', 'JavaScript', 'Dart', 'Golang', 'Rust']

# while else
index = 0
while index < len(my_list):
    if my_list[index] == 'PHP':
        result = 'Found PHP'
        break
    index += 1
else:
    result = 'PHP not found'

print(result)
# Prints 'PHP not found'
# else block in while loop is only executed
# if the break statement is not executed
# if the break statement is executed
# else block is not executed

# for else
for x in my_list:
    if x == 'C#':
        result = 'Found C#'
        break
else:
    result = 'C# not found'

print(result)
# Prints 'C# not found'
# same as while...else
# else is only executed if break is not executed

```
Docker installation on Arch Linux
Tags: docker, archlinux, installation
Published: 2020-06-08 14:53:07

## Summary

[Docker](https://www.docker.com/) provides a virtualization platform which uses container infrastructure, lighter than hypervisor one.
Docker runs on not only [Linux](https://www.linux.org/) but also [Windows](https://www.microsoft.com/en-us/windows) and [macOS](https://www.apple.com/macos) today.

To install Docker on [Arch Linux](https://www.archlinux.org), all you have to do is:

```console
$ sudo pacman -Sy docker
```

A very simple way :)

Of course, it's just the same with [Manajro](https://manjaro.org/) or [Artix Linux](https://artixlinux.org/). Some GUI package managers would be also available, alternatively.

##### Reference

- [The official documentation by Arch Linux](https://wiki.archlinux.org/index.php/docker)
Are you most probably going to work fully remote?
Tags: discuss, healthydebate, webdev
Published: 2020-06-08 14:50:38

Really curious to find out others thoughts on **remote working**. 
- Is this the future for programmers? 
- Are companies shifting in this direction? 

### Will companies be looking for remote workers or still prefer to hire in-house? 
What advantages and disadvantages do you see here? Will colaboration be hindered? Or you are already having all the measures in place to be productive remotely?

Facebook and other tech giants are slowly migrating to remote work: [read more here](https://www.theverge.com/facebook/2020/5/21/21265699/facebook-remote-work-shift-workforce-permanent-covid-19-mark-zuckerberg-interview).

### What can you do to prepare? 
I wrote an article a few weeks ago, check it out here: 
{% link https://dev.to/alexandrudanpop/remote-dev-checklist-clk %}

### 👇 Comment below 👇
Tydii - Decluttering App
Tags: showdev, opensource, productivity
Published: 2020-06-08 14:46:09

---
title: Tydii - Decluttering App
published: true
description: My side project designed to help people declutter their lives 
tags: #showdev #opensource #productivity
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/1le8esebs8ai20rodsh1.png
---

As a follow-up to my [How to Escape Tutorial Hell](https://dev.to/beznet/a-definitive-guide-for-escaping-tutorial-hell-102c) article, I referenced this little app I was building off to the side to use as my showcase example. This app is the product of following through with that whole process I laid out.

Check it out here: https://www.tydiiup.com

It's a mixture of my interest in minimalism and as something to practice using NextJS and React. The idea, in a nutshell, is that people have emotional ties to their belongings which makes getting rid of certain items harder than others. The app allows the user to rate each individual item they are on the fence about keeping on a 'happiness' scale denoted by facial expressions. Once you're done with that, it filters out the things you weren't completely happy with and brings you to a dash that helps you keep track of the items that you're either selling or donating (or throwing away, lol).

![tydii item input](https://media.giphy.com/media/IblcVxzvNAfo9PteLz/giphy.gif)

The part I upgraded the past couple months was implementing a user login system which encrypts and stores user data in a MongoDB database. I then built a dashboard that helps people keep track of their things as they get rid of them.

![tydii dash](https://dev-to-uploads.s3.amazonaws.com/i/wkyf2qt7magotsk4v45g.png)

It's by no means perfect, but I've come to a point in this project that Im okay with some of the imperfections and will circle back to them at a later date. 

I essentially built it for myself when I go through bouts of decluttering. I hope some of you also find it useful as well. Feel free to (<em>deep breath...</em>) check out the [code on Github](https://github.com/Beznet/tydii). Im sure it could use lots of improvements!
CI/CD on Windows with the Azure DevOps Starter Kit (Video Tutorial)
Tags: azure, windows, beginners, cicd
Published: 2020-06-08 14:43:44

Azure DevOps Starter presents a simplified experience where you bring your existing code and Git repository, or choose from one of the sample applications to create a continuous integration (CI) and continuous delivery (CD) pipeline to Azure.

In this video, Jay will walk you through using the Starter to start creating a demo website, make changes, and have them deployed automatically thanks to Azure DevOps.

{% youtube BXknwi1SH8A %}

Here are some links to help you on your journey into DevOps, pipelines, and Azure.

* Microsoft Learn: [Azure DevOps](https://docs.microsoft.com/learn/modules/get-started-with-devops/?WT.mc_id=blog-devto-jagord) 
* Microsoft Learn: [Azure Fundamentals](https://docs.microsoft.com/learn/paths/azure-fundamentals/?WT.mc_id=blog-devto-jagord)
* Microsoft Docs: [Azure Pipelines Documentation](https://docs.microsoft.com/azure/devops/pipelines/?view=azure-devops&WT.mc_id=blog-devto-jagord)
* [Azure DevOps](https://dev.azure.com/?WT.mc_id=blog-devto-jagord)
* [Get 12 Months of free service and $200 for Microsoft Azure](https://azure.microsoft.com/free/?WT.mc_id=video-youtube-jagord)
Docker installation on Debian 10 Buster
Tags: docker, debian, installation
Published: 2020-06-08 14:39:06

## Summary

[Docker](https://www.docker.com/) provides a virtualization platform which uses container infrastructure, lighter than hypervisor one.
Docker runs on not only [Linux](https://www.linux.org/) but also [Windows](https://www.microsoft.com/en-us/windows) and [macOS](https://www.apple.com/macos) today.

This post shows how to install Docker on [Debian](https://www.debian.org/) 10 [Buster](https://www.debian.org/releases/buster/).

##### Reference

- [The official documentation by Docker](https://docs.docker.com/engine/install/debian)

#### A digression

First of all, remember not to do:

```console
$ sudo apt install docker
```

It is unrelated to Docker platforms.
It enables you to use `wmdocker` which is "System tray for KDE3/GNOME2 docklet applications".

## Tutorial

Install requirements.

```console
$ sudo apt update
$ sudo apt install apt-transport-https ca-certificates curl gnupg2 software-properties-common 
```

Get the official GPG key.

```console
$ curl -fsSL https://download.docker.com/linux/debian/gpg | sudo apt-key add -
```

In order to add the repository, create file:

```console
$ sudo nvim /etc/apt/sources.list.d/docker-ce.list
```

and write in it:

```config
deb [arch=amd64] https://download.docker.com/linux/debian buster stable
```

Update [apt](https://wiki.debian.org/Apt) package index and install Docker.

```console
$ sudo apt update
$ sudo apt install docker-ce
```

Thas's it :)
Accessing Nuxt asset URL’s in custom attributes
Tags: vue, javascript, tutorial, webdev
Published: 2020-06-08 14:34:36

When creating any new Nuxt project, there are a number of ways you can access static assets, though the assets folder or the static folder. These folders are treated very differently by Nuxt — Files in the assets folder will be treated as module dependancies and run through Webpack, while files in the static folder will simply be copied to the public folder. When compiling the assets folder, the URL loader will conditionally inline assets that are smaller than 4kb*, reducing the amount of HTTP requests.

By default Asset URL’s can be called as CSS imports, from within your CSS and in templates from the following attributes:

```
{
  video: ['src', 'poster'],
  source: 'src',
  img: 'src',
  image: 'xlink:href'
}
```

However there can be situations when you may want to call an asset from a custom attribute in your template — Luckily Nuxt makes that very easy. For example, let’s say you have an icon `assets/icons/ticket-icon.svg` you’d like to access but you’d like to lazy load that asset as a background image on a div, by default this will not work. However, by opening up your `nuxt.config.js` file and navigating to `build`, you’re able to extend the build to instruct `vue.transformAssetUrls` to accept a custom attribute(s) on elements, in this case a custom background source on a div:

```
build: {
    extend (config, { loaders: { vue } }) {
        vue.transformAssetUrls.div = ['data-background-src']
    }
}
```

In the above example `vue.transformAssetUrls` has a key of `div` (element) which accepts an array of attributes — in this case a custom `data-background-src` attribute. Following the above example, the `assets/icons/ticket-icon.svg` asset will now be available in your templates within the custom property `data-background-src`:

```
<template>
    <div class="example" data-background-src="~assets/icons/ticket-icon.svg">
        /**/
    </div>
</template>
```
If you’ve found this article useful, please give it a clap and follow me on [Medium](https://medium.com/@wearethreebears), Dev.to and/ or [Twitter](https://www.twitter.com/wearethreebears).
Journey to Machine Learning (Day 003)
Tags: machinelearning, python, datascience, matplotlib
Published: 2020-06-08 14:19:34

Hi devs! It's another day and once again I'm here to rant :v This is the 3rd post of the series, you can find the previous posts here :
[day 001](https://dev.to/aliakberaakash/journey-to-machine-learning-day-001-14n4)
[day 002](https://dev.to/aliakberaakash/journey-to-machine-learning-day-002-3f49)

Okay, so today I finally finished the beginner python course from DataCamp, it took me around 3 days. Here's the completion statement (Yaay!)

![statement](https://raw.githubusercontent.com/AliAkberAakash/Notification-payload/master/numpy%20certificate.PNG)

I also started the next course which is, Intermedite python. Learned a bit about matplotlib. It was cool. 

For leetcode problems, today I solved [K'th Largest element in an array](https://leetcode.com/problems/kth-largest-element-in-an-array/)
It'a heap based problem. 

Yesterday i said I started a math course. I'm thinking of dropping it, as I don't feel I need right now, maybe I'll start it again after going a bit into machine learning.

I was also seeing a bit of Django, as i'm thinking of making a blog site of my own. Today I learned what virtual environments are and how to setup one from [here](https://www.youtube.com/watch?v=N5vscPTWKOk)

That's pretty much it for today. Hope to write tomorrow too. Thanks for reading <3
Modernizing your application with containers

Tags: beginners, containers, deployment, migration
Published: 2020-06-08 14:28:48

Tailwind Traders recently moved one of its core applications from a virtual machine into containers, gaining deployment flexibility and repeatable builds. In this session, learn how to manage containers for deployment, options for container registries, and ways to manage and scale deployed containers.

Follow along with Jay as you take your first trip in modernizing your application

{% youtube L2ZugLcIv0I %}

$200 Free Azure - https://cda.ms/1kG
Container services - https://cda.ms/1kH
Microsoft Learn - Azure Fundamentals - https://cda.ms/1kJ
Tailwind Traders Website