teleren/devto huggingface dataset:
Dev log for Wonder Wanderer 2: Day 3 #LOWREZJAM 😁
Tags: challenge, javascript, devjournal, gamedev
Published: 2021-08-03 21:27:36

### What I have done today? ###
It was a very tiring day, I fear to suffer burnout now. I still have energy left, so I'll make my game much shorter. I'll make my game anyway, even if that means not really making the game you wanted at the beginning, but still a good game. I had a really hard time managing the jumps command and also the map collision detection. I don't know if I'll add the jump on my game, but I made basic collision detection, so that is on the way. Hope to get some rest and making better levels and progress, because I want to be ready for the challenges I have to overcome.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j0iqmk85unolsac3yj49.gif)
<figcaption>Some basic experiment with collision detection on map.</figcaption>
Day 422 : Water
Tags: hiphop, code, coding, lifelongdev
Published: 2021-08-03 21:26:05

_liner notes_:
- Professional : Not a bad day. Reviewed a pull request for an application. Sat in on a presentation. Tested out a new version of an SDK in a sample application I wrote. Rest of the day, I worked on this blog post that I've been having writer's block on. Good news is that I was able to get good draft pretty much completed. Just need to go back and insert screenshots and fill out some more details. I like to put up a general idea/outline and then go back and revise with more specific details. Pretty good day.

- Personal : Last night, I backed up some radio show tracks to the cloud to clear some space off my laptop. I went through more tracks for the radio show this week. I think I may have coded a solution to fix an issue that was brought up in the last https://untilit.works . It was kind of late and I wanted to go to sleep. Oh and I watched an episode of "Fire Force".

![A lagoon in Krka Nat'l Park, Croatia with a body of water with land mass in the center surrounded by a forest and a waterfall](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l058fmqcup6rzdhn1iwg.jpg)

Going to watch "Fire Force" and with this episode, I'll be caught up. I don't think the new season is out yet, so I'll be starting on another anime series. I want to test that the code I wrote last night will fix the issue that some let me know about at the last https://untilit.works cyphers. After that, I'll probably go through more tracks for this week's radio show. I've been feeling pretty tired. I think I need to drink more water and not so much soda. haha

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 2pv_ExqDsHU %}
“Accidentally Into Code” with Daphnie Ozioma of Flexisaf | Educative Sessions
Tags: learntocode, projectmanagement, nigeria, africa
Published: 2021-08-03 20:11:48

Daphnie Ozioma graduated from university in Nigeria with a focus on microbiology in 2018, but after graduation, she decided to attend a coding bootcamp instead and become a program manager. When she got there, Daphnie discovered there was no PM tutor, so she opted for web development where she learned the basics of HTML and CSS. For her mandatory National Youth Service Corps in November 2019. Daphnie applied as a developer to Flexisaf (an EduTech company) for her service year and she got retained as a junior developer afterwards.

Watch the full interview: [https://youtu.be/HwwbvtniogI](https://youtu.be/HwwbvtniogI)
Listen to the podcast: [https://www.podbean.com/ew/pb-yyjx8-10984e2](https://www.podbean.com/ew/pb-yyjx8-10984e2)
Amazing impact opportunities: Trestle Collaborative Tech Fellowship
Published: 2021-08-03 19:51:33

GREAT NEWS: Trestle Collaborative is hiring for an exciting fellowship program ahead of the 2022 midterms. This is an amazing opportunity to play a leadership role in working on some of the most critical technological challenges facing the progressive movement. 

The fellowship opportunities they are recruiting senior-level talent for include: 

[Senior Design Fellow] ($140-$150k)  https://cultivateteam.recruiterbox.com/jobs/fk0shhv?source=Dev+Community
[Senior Engineering Fellow] ($140-$150k)  https://cultivateteam.recruiterbox.com/jobs/fk0shhr?source=Dev+Community
[Senior Product Management Fellow] ($140-$150k)  https://cultivateteam.recruiterbox.com/jobs/fk0shh7?source=Dev+Community

Please share with friends who might be the right fit!
The basics of JWT (JSON Web Tokens) for Dummies
Tags: jwt, auth, javascript, webdev
Published: 2021-08-03 19:45:38

JSON Web Tokens are a proposed internet standard that allows for stateless authentication.

## Use

JWT are mostly used to authenticate users in the context of websites / web application.

## Example

Before going into the nitty-gritty here is a simple example of its usage:

Let's say we have a Web Application called Tweeter, this Web Application can do a bunch of fancy stuff but let's focus on the user profile. Now obviously each user should only be able to access their own user profile settings.

So very simply User with ID 123 should only be able to access profile settings of User ID 123.

**Here is how the authentication flow could look like:**

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9hdyj9ouvckhslxzxwep.png)

Looking at this diagram you'll notice two things:

**1.**  
Once the User/Browser has the Token, the DB is no longer needed to authenticate the user.
**This is why it's called stateless authentication.**

**2.**  
With the Token, we can send information about the user, in this example the ID.  
This information can then be verified using the Secret Key.

## The JWT

The Token itself is either send via Cookie or via [Authorization Header](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Authorization).

E.g.:
```
Authorization:
Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE2Mjc5MjgyMzksInVzZXJSb2xlcyI6WyJBRE1JTiIsIkRCX1JFQUQiLCJEQl9XUklURSJdLCJ1c2VySWQiOjEyMzQ1LCJpYXQiOjE2Mjc5MjgxMTl9.8vTwsBOp8LSa0sdc0nWAUnmWAAgOnS0ElB3bfaiSRfQ
```

The mangled mess of letters and numbers is nothing more than **encoded** JSON. Notice that it is **encoded** not **encrypted** that means we can easily decode it.

```js
JSON.parse(atob("eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9")) // This will return: {alg: "HS256", typ: "JWT"}
```

Using the [jwt.io](jwt.io) website we can make it really easy for ourselves. Just paste the JWT and get the decoded JSON data.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c7mm6362vxw1nv8tq4a1.png)

The JWT is made up of three parts:

**Header:**  
Contains information on the signing algorithm that was used.  

**Payload:**  
Contains the claims. Like UserId and any other information you want to use, but also a bunch of reserved Claims that you can see [here](https://auth0.com/docs/tokens/json-web-tokens/json-web-token-claims#reserved-claims).

**Footer:**  
Contains the signature of the token that can be verified with the Secret Key. If the Token gets changed in any way, it won't be valid anymore.

If you need more input on this topic I highly suggest you watch this [presentation](https://www.youtube.com/watch?v=67mezK3NzpU), it's great.
You don't need to ask someone to be your mentor
Tags: career, beginners
Published: 2021-08-03 19:38:18

How to find a coding mentor is one of the most common questions I see asked by early stage developers and career switchers. It's not surprising, getting a mentor is a common piece of advice given to people in all careers: "finding a mentor will really help you progress to the next stage"

We even hear successful people talk about their mentors and the amazing influence they had on them.

If only you could find a mentor, right? You'd be set!

So, back to the question:

"How to find a coding mentor to help my career?"

It sounds like a big ask doesn't in? Saying to someone:

"Hey, would you mind helping me progress in my career while I have nothing to offer in return?"

Well I have a secret to tell you.

You don't have to ask someone to be your mentor, you can just decide to be their mentee and start being mentored. It really is that simple.

## What does a mentor do?

You see, a mentor is just someone you can ask questions to and get answers that will hopefully help you on your journey. Which, if you think about it, sounds an awful lot like a conversation where one person is a bit more experienced in one area than the other.

In fact, because of this one simple fact finding a mentor is so easy and simple I can sum it up with a Tweet:

{% twitter 1417231663466258432 %}

The most important bit for this to work is that last bit, don't treat them like your personal problem solver and make sure you give back in some way: buy them a coffee, buy their book, send them flowers ... whatever, just something to show you appreciate them.

We have built up such an aura around this idea of a mentor that we forget that "getting a mentor" isn't a silver bullet for success anyway, they don't do the work for you, they don't magic away your obstacles, the simply offer informal guidance when asked.

## How can I ask someone to be my mentor?

Is there someone in your life you have being trying to ask to be your mentor and you're stressing about how to ask them?

Well, don't ask them! You don't need to!

Pretend you did and they they said yes, and skip to the questions you really want answered and start having a conversation from that point.

Heck, you could already have a mentor and not realise it!
Tips for a beginner Front-end Developer
Tags: html, css, javascript
Published: 2021-08-03 19:25:39

Hi, I'm only 16 and getting into Web Dev and I've been wondering how long will it take me to master a language and be fluent in it.
I've also thought of how much time should I spend on HTML, CSS and Javascript. From what I know I should then move onto libraries and  frameworks like: React, Angular, Bootstrap, Vue, jQuery.
I'm open to all of your advice.
AI technologies for eCommerce - The Commerce Show
Published: 2021-08-14 09:02:39

---
title: AI technologies for eCommerce - The Commerce Show
published: true
date: 2021-08-03 19:20:45 UTC
tags: 
canonical_url: https://www.neuraxio.com/blogs/news/ai-technologies-for-ecommerce-the-commerce-show
---

This is a podcast episode from The Commerce Show. 

Original description from The Commerce Show: 

> In this episode, we are talking about AI technologies for eCommerce. Guillaume Chevalier has been working in artificial intelligence for over 7 years now and has been involved in over 57 machine learning projects.   
>   
> We cover several applications of AI in the eCommerce industry such as Personalized shopping experience, Sales/Inventory forecasting, Automated customer service/chatbots, Visual search and powerful synonyms search, Price optimization, Understanding customers better (persona) and Recommendation algorithms.   
>   
> After the first 30 minutes to talk about eCommerce, we also talk a bit deeper about AI from a developer point of view. Guillaume explains why he decided to develop Neuraxle an AI framework for machine learning projects over the years. Guillaume is also giving tips about « How to start and plan an AI transformation for a non-tech business. »   
>   
> This podcast is amazing and you’ll discover Guillaume's passion for eCommerce, ML (machine learning) and NPL (natural language processing). 

**Listen to the full podcast: **

<meta http-equiv="content-type" content="text/html; charset=utf-8">

[https://thecommerceshow.com/episodes/ep-13-guillaume-chevalier-from-neuraxio-ai-technologies-for-ecommerce-the-commerce-show-tKAR98Gl](https://thecommerceshow.com/episodes/ep-13-guillaume-chevalier-from-neuraxio-ai-technologies-for-ecommerce-the-commerce-show-tKAR98Gl "The Commerce Show, Guillaume Chevalier, Machine Learning for eCommerce") 

<iframe width="560" height="315" src="https://www.youtube.com/embed/Uj9peBPRzQw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

Follow [The Commerce Show](https://thecommerceshow.com/episodes/ep-13-guillaume-chevalier-from-neuraxio-ai-technologies-for-ecommerce-the-commerce-show-tKAR98Gl "The Commerce Show").
Top 7 Featured DEV Posts from the Past Week
Tags: top7
Published: 2021-08-03 18:49:25

---
title: Top 7 Featured DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week._ 


## Interview analysis
It's always inspiring when a developer is able to look back on the interviews they've done, scan for lessonns learned, and share them with the world. That's exactly what @manvityagi9 has done here. You have been _busy_ Manvi! Great work 

{% link https://dev.to/manvityagi9/my-placements-journey-4m0g %}

## The sleeper hit of JavaScript

This post is a must-read! A humorous and engaging look at `with` in JavaScript by @mistval — who aims to explain why it is "relegated to the dustbin of history". 

{% link https://dev.to/mistval/javascript-s-forgotten-keyword-with-48id %}


## Who can contribute? You!

If you've been wondering if you're the right person to contribute to open source, @roligautam can give you a hint ;) 

{% link https://dev.to/roligautam/how-to-make-your-first-contribution-to-open-source-a-beginner-s-guide-2cni %}

## Ruby realness

@st0012 wrote up this intro to `debug`: Ruby's new debugger to be included in Ruby 3.1. If you're as Ruby-obsessed as all of us are here at DEV, this is a great peek inside an exciting new feature. 

{% link https://dev.to/st0012/a-sneak-peek-of-ruby-s-new-debugger-5caa %}

## Authorization and AWS Amplify's DataStore

... with @aspittel! Alliteration is the _least_ of the value you'll find in this React API tutorial.  

{% link https://dev.to/aspittel/build-a-react-app-with-authorization-and-authentication-1mha %}

## A List with Lasting Power 

Great work on your digital accessibility list, @inhuofficial. This reference is so thorough and filled with accessibility knowledge/pointers that it was a natural fit this week! 

{% link https://dev.to/inhuofficial/101-digital-accessibility-tips-and-tricks-4728 %}

## Two birds, one stone

@dhaiwat10 explains how writing and software developing are two skills and habits that feed one another — with the right mindset. 

{% link https://dev.to/dhaiwat10/become-a-better-writer-as-a-developer-46oc %}



_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Tuesday!_
Python Self-Reading Text to Speech Book
Tags: python, programming, tutorial
Published: 2021-08-03 18:21:04

#Creating a Book That "Reads" Along
We're going to [create a short book that reads](https://www.iceorfire.com/post/text-to-speech-fun) the Jabberwocky poem. We'll be using Google's text to speech library (gtts), TkInter, and the Python Image Library (PIL).

# Support Me
If you find these tutorials helpful, please consider [buying me a coffee](https://www.buymeacoffee.com/z4F8QVS6w). Thanks!
Angular CLI - request deprecated error (Solution)
Tags: angular, angularcli, requestdeprecated, yarn
Published: 2021-08-03 17:56:50

Try this below command
```
$ npm cache verify

$ npm cache clean --force
```

and then try again to install the angular CLI

If you still get the error then install yarn package manager. 

Install yarn by running this

```
$  npm install -g yarn
```

and then configure angular cli to use yarn package manager, by running this command

```
$ ng config -g cli.packageManager yarn
```
Unit testing in Nodejs Using Mocha
Tags: javascript, testing
Published: 2021-08-03 17:41:47

To do unit testing in node we will be using mocha for running test cases and chai for BBD styles test cases.

STEP 1:  **Install Dependency**

 ```
npm install mocha
npm install chai
npm install chai-http
``` 
STEP 2: **Initialize test File**

 Getting Ready Test File
require chai, chai-http and require file which starts your server
 
![setupTest.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628007010796/WRGlQUr6g.png)
add mocha test in scripts in package.json to run test cases

![script.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628007552589/NQS97rOQs.png)

Step 3: **Writing Test**

As to be able to run only one test case at a time we can create an object with a unique key and assigning values true and false and we can use those object values to allow the test case to run only when the respective object key value to true by checking with if condition.Note if condition by default check for true no need to specify like this (test case.addObject == true).  We can define our test content type with .set to form-url encoded or application/JSON as required. Here Application/JSON will be used
Creating Object with unique key and value. As our code to be tested is an async function we need to  set the parameter of *it block* function to *done* so that when mocha sees that our it block has a test case

![creatingObject.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628007773127/nLV8gxVZc.png)

test for add person
As the function we are testing is an async function we need to specify done in our test case

![addPerson.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628007996677/_InWu9uP5.png)
Patch(Update) Person

![patchPerson.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628008081310/4eRV-VrUv.png)
for Get Person
![getPerson.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628008152037/FD_S1vixB.png)

We can group the test case in a single function to make it more organize and distinguish from other unrelated test cases like this:

![singleFunctionPerson.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628008276118/Ww5mJcSkc.png)
 add Favourite and get Favourite
 
![FavouriteAll.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628008543871/5xOEY_5Yy.png)

Step 4: **Running Test
**
Now run the test case

```
npm test
``` 

 [SourceCode](https://github.com/Bvekv1/knexCrud.git)
18,000 following 🤔
Tags: watercooler
Published: 2021-08-03 17:38:53

Just want to say thank you so much Dev has really helped my confidence and to grow as a person, I am 400 lucky people away from 18000. If I do get to 18000 I promise I will finish one of my LRIP (long running iterative projects) and show Dev it, cross my heart!
I Guess I Found The Best VS Code Theme Ever
Tags: vscode
Published: 2021-08-03 17:36:35

Hey guys! Finding the right VS Code theme is super important as it sets your coding mood and hence the success of the project you're working on. I've tried over a hundred themes (including GitHub theme, One Dark Pro, Monokai, etc.) but this theme hits different. Before I reveal the theme, let me show you some of cool stuffs about it.

###[1] Gradient As Accent
![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kka8vpdfvurszzlmlusn.PNG)
In various parts of VS Code, you'll see a gradient (pink to blue transition) as accent and it looks so cool.

###[2] Has Cool Contrast
![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8o2bj5cbcxznpngp0wz3.PNG)

###[3] Some Keywords Glow 
![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b2p9kl2mcejwuwia2orr.PNG)

###The Theme?
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2mtmfgifiwo9te37inpe.PNG)

If you like my article, consider buying me a coffee.
<a href="https://www.buymeacoffee.com/mohmedishak" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>
Remote Upload in Google Drive
Tags: tutorial
Published: 2021-08-03 17:34:32

This tutorial also has been written in Persian language:
[https://vrgl.ir/8Lghf](https://vrgl.ir/8Lghf)

Remote upload enables you to upload files and programs from any URL to your cloud.
Hopefully we have this feature in Google Drive, but Google Drive doesn't provide this directly to us and we must use Google Colab to achieve it.by the way i made video for this tutorial, you can watch it if you wish.

{% youtube WOCfEB0GDzc %}

ok let's start it.
first things first sign into [google colab](https://colab.research.google.com/) (same as gmail). create a new notebook, now we must mount out google drive in colab, so write this code and run it:

`from google.colab import drive
drive.mount('/content/drive')`

when you run above code, it gives you a link, click on it and give it access to your account, copy the api code and paste it in the field then hit enter.
![Remote upload in google drive](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fybv5166xpy82ss62lo1.png)

now create new field and write this code:
`!wget -P /content/drive/MyDrive/newFolder/`

the address in front of -P is path you want your file saved there, so you can change whatever after /MyDrive/ path.

now in front of the code, write your file's url you want to download, here i want to download a mp3 file but you can download pdfs, videos and etc...
`!wget -P /content/drive/MyDrive/newFolder/ https://www.bensound.com/bensound-music/bensound-hey.mp3`

now run it, you can see the result:

![Remote upload in google drive](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/je33khy3qja6kr0tikr8.png)

now if you go to your google drive, you can see that your file is downloaded.

![Remote upload in google drive](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t0t9y4gbzb5o1tvpw98j.png)