teleren/devto huggingface dataset:
Day 257: Keep It Moving
Tags: hiphop, code, coding, lifelongdev
Published: 2020-11-16 22:26:12

_liner notes_:
- Saturday : Pretty normal Saturday. Worked on my side project a little and had my radio show. Had a good time as usual. The recording of this week's show is at https://kNOwBETTERHIPHOP.com

![Radio show episode image of a photo of residents in Greenwood area of Tulsa, Oklahoma in a store with the words November 14th 2020, Charlie Horse](https://dev-to-uploads.s3.amazonaws.com/i/i4x7his02ze3zw0flk7v.jpg)

- Sunday : Did the post radio show promo work. Did my laundry. Worked on my side project and what features I want to have at launch. Ended the night watching the space launch online and "The Walking Dead" universe shows.

- Professional : Got to take part in a livestream show today. Had a lot of fun and learned some new things. Finished up a section of the documentation I was working on. Met with a team I've been working with on building a new CLI. Worked on my Year Review. I really don't like talking about myself. haha. Got some some stuff down and will talk to my manager about it.

- Personal : Got a clearer picture of what I want to have for my new side project. There's a lot. Going to incorporate a few Web APIs. Besides working out the layout, figuring out how I want everything to work takes me a while to nail it down. There's so many options and things I want it to do. I just need to know when to stop researching and keep it moving on to the code.

![Landscape photo of Kluane Nat'l Park, YT, Canada with a forest in the foreground and mountain range in the background with a river running through it.](https://dev-to-uploads.s3.amazonaws.com/i/hyvaynu8m8h2b0lbctcs.jpg)

Going to continue working on my new project. There's a couple of details I need to fine tune, but I think it will get worked out as I code it up, hopefully. We'll see. haha.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube hrValdnLOtk %}
Finishing A Side Project
Tags: react, javascript, devjournal
Published: 2020-11-16 22:22:32

I recently graduated from Lambda School - A 9+ month Computer Science & Software Engineering Academy that provides an immersive hands-on curriculum with a focus on computer science, web and mobile development, UX design, and data science. 

Well, it becomes apparent that employers and hiring managers are more interested in what you can do without supervision - by that, I mean doing more than what's in your curriculum.

This is where I am right now. After a few days of wondering what to build, starting and abandoning projects prematurely, I decided to stick to one and build a basic API based application using React and javaScript that will display covid data on a line graph and bar graph. This application is meant to test my skills on different levels.
1 - Working with API's and extracting only the vital details
2 - Working with react charts to display data.
3 - Sticking to a project until completion.

There are many things I learned from working on this project. Most, I already knew, but it was refreshing to go over concepts that may have faded a bit.

Overall, the biggest positive I take from building this project is the fact that I finished it and deployed it. We all know how many projects are started and then put on the back burner the moment another shiny project shows up. I encourage you to stick to one and finish it. Not only will you learn a lot, but it's a very satisfying feeling!

- Mosae Litsoane: [Github](https://github.com/Mosae)
- Checkout the deployed project: [Covid-Tracker](https://covid-tracker.mosae.vercel.app/)
Identity, Unlocked... Explained | Episode 5
Tags: identity, podcast, security
Published: 2020-11-16 22:14:41

John Bradley joins the podcast today to talk about identity management specs, including FIDO2.
[Read more...](https://auth0.com/blog/identity-unlocked-explained-episode-5/?utm_source=content_synd&utm_medium=sc&utm_campaign=identity_unlocked)
| HTML | HTML: The Essentials
Tags: javascript, html, css, webdev
Published: 2020-11-16 22:11:59

---
title: | HTML | HTML: The Essentials 
published: true
description: 
tags: javascript, html, css, webdev
//cover_image: https://direct_url_to_image.jpg
---
 
HTML: The Essentials
           

              -Introduction to HTML
              -Paragraph Elements
              -Heading Elements 
              -Introduction to the Chrome Inspector 
              -HTML Boilerplate
              -List Elements 
              -Anchor Tags
              -Images
              -Comments


###Introduction to HTML
HTML also known as Hypertext Markup Language, is the structure of the content on a webpage. HTML is not the style or the behavior of a web page. HTML is not a programming language because there is no complex logic, only marking up the layout of a given document. HTML was created to help describe the structure of academic research papers. 

HTML has special elements to help with marking up web documents. 

Common Elements include:
     html
p - represents a paragraph 
h1 - represents a level 1 heading 
img - represents an image 
form- represents a form 



###Paragraph Elements
A paragraph can contain any sort of related content that you want to group together


###Heading Elements 

There are six heading elements with h1 being the biggest heading and h6 being the smallest  

There should always be only one h1 on a page and it should always be the top level main heading. 
There are headings with subheadings for each main heading.





The basic idea is to have at most on a page only an h2 if you already have an h1 as well as only have an h4 if you already have an h3
       

###Introduction to the Chrome Inspector 
To access the chrome inspector, simply right click on any web page and select inspect. In the chrome inspector, it is possible to view all the underlying HTML on that specific web page. 

The inspector is useful for finding errors in web pages for HTML/CSS/JavaScript code. Also helpful when it comes to testing how a page may look or function. 

While in the inspector, it is possible to change things on the web page in real time as it dynamically updates. 

###HTML Boilerplate
Every single web page is standardized because it is made from the same exact HTML template. 



DOCTYPE html 
html 
head 
  title My First Page title 
head
body 
 Content Goes Here 
body
html


###List Elements 
List Elements are useful for either bulleted or numbered list. List can be ordered or unordered. 

Unordered List 

html 

ul
  li Thing 1 li 
  li Thing 2 li 
  li Thing 3 li 
ul 

Ordered List

html
ol 
  li Thing 1 li 
  li Thing 2 li 
  li Thing 3 li 
ol



###Anchor Tags
The anchor element provides the ability to link to other pages or other areas of a web page. 




###Images
The img element provides the ability to link to pictures on a web page. 



###Comments
HTML comments are for documenting code to keep track of what each piece of code does.
|Start Here| 2020-2021 Road Map for Web Dev Course Outline
Published: 2020-11-16 22:04:26

---
title: |Start Here| 2020-2021 Road Map for Web Dev Course Outline 
published: true
description: 
tags: 
//cover_image: https://direct_url_to_image.jpg
---

From this week further I will be redirecting my attention from the advanced web developer course to the updated version of web development. 

I will be focusing on the new information that was added in addition to the previous information that I already have published. 

My labeling system will |Technology| followed by the topic. 

Once I get caught up I may or may not return to the advanced web developer course. 

I decided that no matter where I am in either course I will start the data structures and algorithms course in January to start learning the computer science topics. 

I feel really overwhelmed with all the information even though some of it may just be review for me. 

I wanted to delete everything and start over but that would hinder my progress then just switching courses and then coming back. 

So I took a brief break from the coursework in general so that I could layout a better roadmap for myself to learn all these technologies. 

So here in the new roadmap finishing up and going into 2021 

Web Dev Course Updated
HTML: The Essentials 
HTML: Next Steps and Semantics 
HTML: Forms and Tables 
CSS: The Very Basics 
The CSS Box Model 
Other Assorted Useful CSS Properties 
Responsive CSS and Flexbox 
Pricing Panel Project 
CSS Frameworks: Bootstrap 
JavaScript Basics 
JavaScript Strings and More 
JavaScript Decision Making 
JavaScript Arrays
JavaScript Object Literals 
Repeating Stuff with Loops 
Introducing Functions
Leveling Up Our Functions 
Callbacks and Array Methods 
Newer JavaScript Features 
Introducing The World of the DOM 
The Missing Piece: DOM Events 
Score Keeper Code Along 
Async JavaScript 
AJAX and API's 
Mastering The Terminal 
First Brush with Node 
Exploring Modules and the NPM Universe 
Creating Servers with Express 
Creating Dynamic HTML with Templating 
Defining RESTful Routes
First Database: Mongo DB 
YelpCamp: Campgrounds CRUD 
Middleware: The Key To Express 
YelpCamp: Adding Basic Styles 
Handling Errors In Express Apps 
YelpCamp: Errors and Validating Data 
Data Relationships with Mongo 
Mongo Relationships with Express 
YelpCamp: Adding The Reviews Model 
Express Router and Cookies
Express Session and Flash 
YelpCamp: Restructuring and Flash 
Authentication From Scratch 
YelpCamp: Adding In Authentication 
YelpCamp: Basic Authorization 
YelpCamp: Controllers and Star Ratings 
YelpCamp: Image Upload 
YelpCamp: Adding Maps 
YelpCamp: Fancy Cluster Map 
YelpCamp: Styles Clean Up
YelpCamp: Common Security Issues 
YelpCamp: Deploying
Working with Jupyter Notebooks in Visual Studio Code
Tags: pythonfunbites, azure, python
Published: 2020-11-16 21:50:06

---
title: Working with Jupyter Notebooks in Visual Studio Code
published: true
description: How to use Jupyter Notebooks in Visual Studio Code
tags: PythonFunBites, azure, python
cover_image: https://github.com/trallard/python-fun-bites/blob/main/assets/python-bites-banner.png?raw=true
series: Python Fun Bites - All things Python at Microsoft
---

This article is part of [#PythonFunBites](http://aka.ms/PythonFunBites).

One of the most difficult things about learning a new language can be getting your development environment right. As a newcomer to Python, my favorite way to learn has been with Jupyter Notebooks because the setup experience in [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=python-10985-jasmineg) was really straightforward and fast!

[Jupyter Notebooks](https://jupyter-notebook.readthedocs.io/en/latest/notebook.html) is an open source project that allows you to run Python code, as well as documentation with Markdown in a single notebook. The VS Code [Python extension](https://code.visualstudio.com/docs/languages/python?WT.mc_id=python-10985-jasmineg) works with Notebooks natively, so that you can get started on building and debugging locally on your machine. If computation exceeds your machine's ability, you can change the remote server to offload computation.

Ready to try it yourself? Make sure you:
 - Install [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=python-10985-jasmineg)
 - Install the [Python Extension](https://marketplace.visualstudio.com/items?itemName=ms-python.python&WT.mc_id=python-10985-jasmineg)
 - Confirm your Python environment has the [Jupyter package installed](https://code.visualstudio.com/docs/python/jupyter-support#_setting-up-your-environment?WT.mc_id=python-10985-jasmineg)

Need a notebook? Try this demo that explores the [PokéAPI](https://pokeapi.co/docs/v2#info), using the Pandas library to query the first 4 generations of Pokémon. [Check it out here!](https://github.com/paladique/Sample-PokeNotebook)

Watch for content on all things Python at Microsoft between the 16th and 20th of November. Stay tuned here at dev.to for all kinds of content ranging from IoT, to Machine Learning and much more! 🐍
A Single Slash
Tags: discuss, codenewbie
Published: 2020-11-16 21:38:16

---
title: A Single Slash
published: true
description: Let's talk about little bugs that take hours to find
tags: discuss, codenewbie
//cover_image: https://direct_url_to_image.jpg
---

# A Single Slash /
Just spent an hour trying to figure out what was going wrong in my routing. It was a forward slash. A forward slash.
Before:
```javascript
<Route exact path="stacks/:id" component={props => <Quiz {...props} />} />
```
After:
```javascript
<Route exact path="/stacks/:id" component={props => <Quiz {...props} />} />
```
See the difference?
![Stitch Pulling His Eyelids](https://media.giphy.com/media/tZiLOffTNGoak/giphy.gif)
What tiny mistakes have slowed you way down?
Why technologies go out of trend?
Tags: discuss, webdev, programming
Published: 2020-11-16 21:31:32

---
title: Why technologies go out of trend?
published: true
date: 2020-11-16 21:17:39 UTC
tags: discuss,webdevelopment,programming
canonical_url: https://stereobooster.com/posts/why-technologies-go-out-of-trend/
---

**How to distinguish over-hyped technologies (which gonna die) from innovative technologies which gonna stay?**

Yes, I know:

- it is better to choose stabile technologies over trends
- it is better to choose tools you know over trends
- it is better to use tool appropriate for the task

But if the technology is popular (trendy) it means, there is big a community, which means easier to get support, a bigger number of community-driven libraries, a bigger number of vacancies, a bigger number of candidates to hire.

**For example** :

- Do you remember CoffeeScript or facebook flow? On the other side, TypeScript is here to stay
- Do you remember Adobe Flash (Flex)? Everybody use JS + HTML 5 now
- Web components first was presented in 2011, yet doesn’t seem to be a mainstream technology. React was presented in 2015 and now it is everywhere (too much of it)
How it Feels to be a DEV Father
Tags: family, worklifebalance
Published: 2020-11-16 21:06:44

---
title: How it Feels to be a DEV Father
published: true
description: 
tags: #family #worklifebalance
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/dssb15tqny4z5d4euwb6.jpg
---

Usually, as a DEV, when we talk about parents and children it's about a tree data structure. But this not about programming. It's about life and the balancing act of being a father and a developer.

I am a proud father of two gorgeous little girls (1 + 5 yrs). And I am a DEV, too.

I did not become a developer because I thought it was a good idea but because I genuinely love developing software. In fact, I started programming in 5th grade and it soon became one of my hobbies that turned into a well-payed job as a side effect.

But with the wonder of getting children, you need to adjust your priorities a bit. And you're going to spend your time for different things. 

But at some point, late at night in the quiet of the evening, I sometimes think about the things I'd love to do and I have no time for:

- Learning a new programming language (each year)
- Writing more blog posts (I have so many ideas in my head)
- Reading more blog posts
- Reading books (especially tech books)
- Trying out new technologies
- Starting a podcast

Don't get me wrong, I am not complaining and I would never even hesitate to get kids if I get a second chance. And luckily I have a great job that allows me to learn new stuff along the way and work from home. But there are times where I just wish to have some additional 24h appended to each day.

How do other DEV parents handle that?

How do developers without kids think about that matter? Are you looking forward to getting children or is it something you fear?
Creating an HTTP server in Go using gin
Tags: go, devjournal, webdev
Published: 2020-11-16 20:48:02

Let's get straight to the business with some minimal introduction and motivation.

A web framework makes the life of a backend developer easier. If you want to set up a server in Go, you have a handful of options:

1. [httprouter](https://github.com/julienschmidt/httprouter)
2. [beego](https://github.com/astaxie/beego)
3. [fasthttp](https://github.com/valyala/fasthttp)
4. [gin](https://github.com/gin-gonic/gin)

and the list goes on...

[httprouter](https://github.com/julienschmidt/httprouter) is a fast router for Go that implements a lot of features of which a few are Path auto-correction, Zero Garbage, Best Performance.
## Why not use httprouter?
Although httprouter provides a lot of these features in routing, it's not a complete framework i.e. it does not provide features that improve developer experience like middleware.

## So, [gin](https://github.com/gin-gonic/gin) it is

With gin, it's simple and we get more features like adding middleware later on for authentication, logging and authorization. Without further ado, let's `go`:

*  Create a folder `gin-server` in your `$GOPATH` and enter the folder `gin-server`

*  Initiate go modules using the command in your shell:

```
go mod init
```

*  Import `gin` using the command in your shell:
```
go get -u github.com/gin-gonic/gin
```
Create a file named `main.go` with the following contents
```
package main

import (
	"net/http"

	"github.com/gin-gonic/gin"
)

func main() {
	// initiates a gin Engine with the default logger and recovery middleware
	router := gin.Default()
	
    // sets up a GET API in route /hello that returns the text "World"
	router.GET("/hello", func(c *gin.Context) {
		c.JSON(http.StatusOK, gin.H{
			"message": "World",
		})
	})
	
    // Run implements a http.ListenAndServe() and takes in an optional Port number
    // The default port is :8080
	router.Run()
}
```


Now, we're ready to `go`!

All we need is to run the server with the command in the project directory
```
go run main.go
```

We should see these logs on the terminal 
![Go run logs](https://dev-to-uploads.s3.amazonaws.com/i/x6yzve2e0xfdh8vyul2w.png)

Open your favorite browser and enter the address to see the response of the API we built

![Testing API in Browser](https://dev-to-uploads.s3.amazonaws.com/i/fxkjh7gn792odoistt6e.png)

Yes, we're done! 🎉

We've set up an HTTP Server with the `gin` framework. In the future, expect articles on connecting to Databases, best practices, authentication, middleware, and more. 🤟
Create a FREE GitHub Codescanner for Go (golang) [Getting Started]
Tags: go, development, 100daysofcode, github
Published: 2020-11-16 20:38:35

Hey All,

I recently released a video on how to use GitHub Codescanner for Go code.

If you're interested, definitely check it out :).

[Create a FREE GitHub Codescanner for Go (golang) [Getting Started]](https://www.youtube.com/watch?v=6_qbUhJ4Cw8)
RxJS Tip: Understand the Terminology: Subscription
Tags: angular, rxjs
Published: 2020-11-16 20:34:31

A key concept when using RxJS is **Subscription**.

# What Is a Subscription?
A Subscription is an object that represents execution of an Observable.

Like the days of old when you couldn't get a newspaper delivered unless you subscribed, Observables don't do anything until a consumer subscribes.

For example, if your component (the consumer) wants to be notified when an Observable emits the response returned from an Http call, the component subscribes to that Observable.

# How Do You Subscribe?
One way to subscribe to an Observable is with its subscribe method.

```typescript
const sub = source$.subscribe();
```

That method tells the Observable to start emitting AND creates and returns a Subscription.

>It's good practice to unsubscribe from any Observable you subscribe to.

# How Do You Unsubscribe?
Use the unsubscribe method of a Subscription to unsubscribe. The unsubscribe method lets the Observable know that the consumer no longer wants to receive emissions or notifications.

```typescript
const sub = source$.subscribe();

sub.unsubscribe();
```

Let's examine a more concrete example.

Here is an Http request in a service:
```typescript
  products$ = this.http.get<Product[]>(this.productsUrl)
    .pipe(
      tap(data => console.log(JSON.stringify(data))),
      catchError(this.handleError)
    );
```

Here is the subscription in a component:
```typescript
ngOnInit(): void {
  this.sub = this.productService.products$.subscribe(
  	 products => this.products = products
  );
}
```

Here is the unsubscribe in the component:
```typescript
ngOnDestroy(): void {
  this.sub.unsubscribe();
}
```
# Once Subscribed, How Do You Capture the Emissions/Notifications?
To perform an operation when an item is emitted from an Observable, an error occurs, or the Observable is complete, you need an [**Observer**](https://dev.to/deborahk/rxjs-tip-understand-the-terminology-observer-1ca8), discussed in a later tip.

I hope that's clarified the meaning of the term **Subscription**.
A Faster Way To Improve The Quality And Contents On Your CV
Tags: webdev, showdev, career
Published: 2020-11-16 20:24:01

CV's are always evolving. There is a statistic which states, the design and contents of your CV establishes either a good or bad impression with your future employer.

I remember applying for jobs and trying to gather opinions and feedback from other developers, work colleagues and friends regarding my CV. These opinions were a lot, confusing and hard to implement. I had to paste a screenshot of my CV on social media platforms and then gather feedback via the comments section.

I built my platform, KwickBox, https://dev.to/rotimi_je_suis/i-call-it-the-betalist-for-job-seekers-34jg to also solve this problem. KwickBox provides a neat github-like review section. Upon creating your online CV, you are able to invite friends, colleagues, etc to provide detailed feedback review per section on your CV, for example: **work experience section, educational information section, portfolio section**. With this feature, you are guaranteed to get a more organized feedback per invitee and easily implement the required suggestions to improve your CV.

Another beauty with this feature is that you can easily invite anyone via their email address to review your CV while controlling access. Meaning you can block them from seeing/reviewing your CV should you wish to do so and more advanced control settings.

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

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

Most users on KwickBox have reported a 120% increase in the quality of contents on their CV's.

While this feature is on the premium plan, you can easily have a taste by visiting the demo page at https://kwickbox.cloud/kwickbox-demo/login

To register for free, please visit https://app.kwickbox.cloud/KwickBox/register

I'm also giving free premium coupon codes up until the 19th of November for job seekers who sign up, create their front page and online CV. Upon completion of registration, click on the **Support** icon in the bottom right corner when you login, add "free premium coupon please" in the message field and you'll receive it via email
What's the biggest change in software that has affected your work the most? Answer for the chance to be heard on DevDiscuss!
Tags: discuss, podcast
Published: 2020-11-16 20:13:22

---
title: What's the biggest change in software that has affected your work the most? Answer for the chance to be heard on DevDiscuss!
published: true
tags: discuss, podcast
---

The [DevDiscuss Podcast](https://dev.to/devdiscuss) begins with an interview and ends with commentary from listeners — and we like to feature the actual _voices_ from our community!

### **This week's prompt: “What has been the biggest change in software development in the past _5 years_ that has affected your work the most?”** 
  
For your chance to appear on an upcoming episode, answer the question above by:

- Calling our Google Voice at +1 (929)500-1513 and leave a message 📞

- Sending a voice memo to pod@dev.to 🎙

- OR, leaving a comment here (we'll read your response aloud for you) 🗣

_Please send in your recordings by Wednesday, November 18th at Midnight, ET (9 PM PT, 5 AM UTC)_

---

Don't forget to check out last week's episode [here](https://dev.to/devdiscuss/s3-e1-developing-in-minecraft-and-roblox)