teleren/devto huggingface dataset:
Deno Full Course in 3.5 hours
Tags: deno, node, javascript, typescript
Published: 2020-05-25 10:04:43

## Deno The Successor of Nodejs
Learn #Deno (the successor of #Nodejs) from very basics to advanced by creating API in deno using MongoDB and authenticate the user using JWT in 3.5 hours

{%youtube zU6-8w1IR-I %}

## Deno Modules Used

We will use various modules of Deno world

1. Oak Middleware Framework https://deno.land/x/oak
2. Encrypt Password https://deno.land/x/bcrypt
3. Generate JWT Token https://deno.land/x/djwt
4. Mongo DB Driver https://deno.land/x/mongo

## Useful Links
Docs: https://deno.land
Source Code: https://github.com/bitfumes/deno-js-with-mongodb-course


## Here is the list of topics we will cover
1  Getting Started with Deno
2  Introduction to Deno Oak
3  Create your first route
4  Create Post route with data
5  Create Dynamic routes
6  Handle not found
7  Using Environment Variable
8  Using Controllers
9  Installing MongoDB
10 Using Mongo Driver
11 Fetch user from MongoDB
12 Store user into mongo db
13 Validate Request Data
14 Delete user from mongodb
15 Update user on mongodb
16 Validation on Update
17 Refactor Validation
18 Multiple Errors at once
19 Handle Empty Object
20 Hot Restart with Denon
21 Handling Incorrect User ID
22 Add created at field
23 Bcrypt the password
24 Create Login route
25 Fetch the user with email
26 Verify Password
27 Generate JWT
28 Extract auth token from header
29 Validate Auth Token
30 Create Auth Middleware
31 Create Protected Routes
32 Fetch UserId from token
33 Show authenticated use


Check out The Progressive Course of Denojs at
https://bit.ly/2ZArzXg

Any suggestions or comments are welcome :)
From Idea, to Build, to Launch in 1 week, live on Twitter.
Tags: beginners, react, javascript, webdev
Published: 2020-05-25 10:36:23

---
title: From Idea, to Build, to Launch in 1 week, live on Twitter.
published: true
description: From Idea, to Build, to Launch in 1 week, live on Twitter.
tags: ["Beginners", "React", "JavaScript", "Webdev"]
---

Hey folks,

So I just went from Idea, to Build, to Launch in 1 week, live on Twitter:
https://twitter.com/miku86com/status/1262284775882137603

The story behind this small app is simple: 
I'm an introverted guy, I love to be alone and do my things. Therefore I often forget to keep in touch with friends. Weeks later the person comes to my mind and it feels odd to reach out now. 

To solve this uncomfortable situation, I've built an app that gives my an overview when I last contacted a specific friend. Because I think other people also struggle with this pain and could benefit from my app, I love to share it.

To collect all the stuff in one place, I published it on Product Hunt: 
https://www.producthunt.com/posts/my-friends-reminder/

But I also love some comments here on dev.to :)
[Android APP] Minimalist DEVTO reader
Tags: android, kotlin
Published: 2020-05-25 10:16:51

Hi,

I built a simple Android reader app based on the available beta DEV API (https://docs.dev.to/api/)
You can read articles, view user's profile page, scroll through a list of podcasts.
The app supports dark mode.

Google PlayStore link:  https://play.google.com/store/apps/details?id=com.dci.dev.devto

Please leave me a review, it would be very useful for me.
Hope you'll enjoy it.

![DevTo](https://lh3.googleusercontent.com/kCwzgI28C00WlpNZU824tpExM5hcu7RMhFYpoSz5FnhQFk8aukn1AiEaWDp3h-ERD3w=w1440-h1157-rw) ![DevTo](https://lh3.googleusercontent.com/qdKQZbVwxgFOWbMYRvD9Iq098C0QgqRQiyMZHxCNyezaLu5pQ0Idrhy8qi2wnWb9OZM=w1440-h1157-rw)
Esperienza di viaggio virtuale da vivere a casa tua
Tags: shedirpharma, italia, eventsinyourcity, nationalpark
Published: 2020-05-25 10:15:02

Uno di questi è un’esperienza di viaggio virtuale, che sta guadagnando molta popolarità dall’inizio di questa pandemia. Il viaggio virtuale può portarti ovunque dalle montagne agli zoo direttamente sul tuo letto. Attraverso di essa, puoi visualizzare la tua città storica preferita, assistere alla natura ed esplorare i parchi nazionali.
Nota, shedir pharma è una società di Piano di Sorrento (NA) Italia, leader nel settore degli integratori all’ingrosso che organizza viaggi e conferenze in tutto il mondo. La compagnia offre esperienze di viaggio autentiche e il grasso gonfiato shedir pharma o il grasso falso shedir pharma, sono tutte voci indiscriminate che sono state dimostrate dalle autorità dopo che sono state condotte ricerche approfondite. Detto questo, continua a leggere mentre shedir pharma ti offre le migliori esperienze di viaggio virtuali da vivere a casa tua.
Recommender Systems for podcasts
Tags: machinelearning, datascience, python, recommendersystem
Published: 2020-05-25 09:44:58

Overview
Recommender systems capture the patterns of people’s behavior and use it to predict what else they might want or like.

Why recommender systems ?
1. Broader exposure
2. Possibility of continual usage or purchase of products
3. Provides better experience

Goals
1. Build a recommender system/systems for various use cases of a podcast system.
2. Come up with new ideas to enhance the user experience while interacting with the system.

Types of recommender systems we will look at
1. Content-based : Tries to figure out what a user’s favourite aspects of an item is, and then recommends items that present those aspects.
2. Collaborative : Finds similar groups of users, and provides recommendations based on their taste.

#Content-based recommender system
First let us consider a scenario where we have 6 podcasts out of which our user has heard three. This is a use case in which we look at the current preferences of a current user and recommend more podcasts to that user. We will cover new users later.
So we have
6 podcasts and 3 have been heard by the user
We can work with the genres of the podcasts and with the reactions(ratings,duration of listening,number of episodes heard, etc) by the user.

We will create an input user ratings vector which will have the ratings(or other metrics mentioned above in numerical form).
Next, we will one-hot encode the user rated podcasts into its respective genres.
For example:

![One-hot encoding](https://dev-to-uploads.s3.amazonaws.com/i/2nd7uwoc9vcrfdnyu52g.PNG)

Let’s assume the user gave ratings for podcasts 1 to 3 as follows:

![User ratings](https://dev-to-uploads.s3.amazonaws.com/i/jugmc3rmmhrwgbunlbef.PNG)

Now we will multiply our input user ratings matrix with the podcast matrix as above 
We get the weighted genre matrix:

![Weighted genre matrix](https://dev-to-uploads.s3.amazonaws.com/i/nhkr1sn52ige92ztxthz.PNG)

This matrix shows the interest of the user in each genre based on the podcasts listened to by the user.
We will now aggregate the weighted genre matrix and normalize it.
We have the user profile matrix

![User profile matrix](https://dev-to-uploads.s3.amazonaws.com/i/mwr9jwyyko4e0tu5oe5j.PNG)

Now let’s tackle the remaining 3 podcasts which the user hasn't interacted with...yet.
One-hot encode the remaining 3 podcasts as above.

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

Now if we aggregate or sum over the podcasts based on the above table we get the following vector

![Recommendation matrix](https://dev-to-uploads.s3.amazonaws.com/i/qbgk2d5cfclwuvb96r9c.PNG)

Therefore, podcast 4 is most probably likeable by our user.

This was an example of content-based recommendation.
I will be writing about collaborative filtering soon! ;)
Linux for productivity and elegance
Tags: linux, productivity, tutorial, bash
Published: 2020-05-25 09:37:19

Linux is a wonderful piece of software with some of the best tools and development productivity apps out there. But as with every thing that you get to use 10h a day, it can start to get a bit boring to work with, I personally do not like staring at small green text on a black terminal, and if Apple had less vendor lock-in and more open hardware I would probably not be writing this today, but here I am. If you like your Linux raw, and there is nothing wrong with that, this blog series is probably not for you. 

<figure class="image">
  <img src="https://invariance.dev/images/linux-for-productivity-and-elegance/hacker-terminal.png" alt="Hacker Terminal">
  <figcaption>We will not learn how to do that here.</figcaption>
</figure>
 
In the other end, if you want to learn how to make your own flavor of Linux by changing, step by step, how everything looks and feel, and learn more about how it works in the process, this blog series has been written
for you, so keep on reading, and welcome to the world of customized Linux desktop, also known as [Linux Ricing](https://www.reddit.com/r/linux4noobs/comments/8vcdwb/what_is_ricing/).

This will not be a classic tutorial, my goal with this series is to show you what is possible by sharing the best resources I curated over the internet to customize each piece of your Linux desktop environment, most example will rely on Debian and I3, but you will hopefully have everything in hand to fine tune any Linux distro, with the window manager of your choice.

{% twitter 1246021678808825859 %}
<figure>
  <figcaption>My current Linux desktop.</figcaption>
</figure>

Finally, this guide is not intended for Linux beginner as in my opinion you should first learn the basics first before changing everything, or expert, as I'm far from one, you will probably get bored by reading all this! If you're somewhere in the middle you might be able to learn a thing or two, and hopefully push your Linux knowledge to the next level! 

1. The dotfiles repository (work in progress)
2. Productivity window management with I3 (work in progress)
3. Homemade menubar (work in progress)
4. Automated screen layouts (work in progress)
5. Everything terminal (work in progress)
6. Customized GTK design (work in progress)
7. Application launcher and search (work in progress)
8. Attractive notifications (work in progress)
9. Windows transparency (work in progress)
10. Automated backups (work in progress)
11. Theme switch (work in progress)
12. Adaptive lock screen (work in progress)
13. Personalised login screen (work in progress)
14. Custom keyboard mapping (work in progress)


To get update when new articles are released, you can [follow me on Twitter](https://twitter.com/w3Nicolas) or subscribe to this series.
Let's Connect - The Game Show
Tags: news, watercooler, twilio
Published: 2020-05-25 09:21:01

It's another lovely morning in an era where hope and entertainment is needed more than ever 👀.

From the founder of [Let's Connect](https://lets-connect.xzy) is coming the Let's Connect Game Show, an online reality game show where contestants compete and you, the viewers pick the winners.

I'm looking for sponsors who would like video ad slots, mentions, UI overlays, etc.

Be entertained, puzzled and amazed by contestants from around the world. Enter a lottery to play and marvel at high stakes, be thrilled by witty fast thinking and social engagement.

Let's Connect the Game Show, coming soon!
Git Merge vs Rebase
Tags: git
Published: 2020-05-25 09:04:57

# Git Merge vs Rebase
Suppose in master branch we have 2 commits "m1" and "m2" and there is a feature branch from this commit. In feature branch we have new commits "f1" and "f2" but meanwhile master has new commit "m3". These are following ways to merge feature branch to master.

## Code to create initial commits
```
git init;
touch master.txt;

printf "m1" >>  master.txt ;
git add .;
git commit -m "m1";

printf "m2" >>  master.txt ;
git add .;
git commit -m "m2";

git checkout -b feature;
touch feature.txt;

printf "f1" >>  feature.txt ;
git add .;
git commit -m "f1";

git checkout master;
printf "m3" >>  master.txt ;
git add .;
git commit -m "m3";

git checkout feature;

printf "f2" >>  feature.txt ;
git add .;
git commit -m "f2";


# master: m1--->m2--->m3
# feature:       m2--->f1--->f2


```
## Different ways of merging

### git merge feature
```
git checkout master
git merge feature
# master: m1--->m2--->f1--->m3--->f2--->merge_commit
```
This will create a new merge commit combining all the changes in master and feature



### git merge --squash feature
```
git checkout master
git merge --squash feature
git add .;
git commit -m "merging feature";
# master: m1--->m2--->m3--->merging feature
```
This will squash all changes 

### git rebase master
```
git checkout feature
git rebase master
git checkout master;
git rebase feature;
# feature: m1--->m2--->m3--->f1--->f2
# master: m1--->m2--->m3--->f1--->f2
```
Build your own MINESWEEPER game in pure JavaScript, HTML and CSS using RECURSION
Tags: javascript, tutorial, gamedev
Published: 2020-05-25 08:40:04

Hey everyone,  hope you're good!

In this walkthrough, I show you how to build Minesweeper in pure JavaScript, HTML, and CSS. 

This walkthrough was such a fun one to make as I really enjoyed explaining recursion with the help of a south-park-esque cat.

If you have ever wondered what recursion was, this video is perfect for you!

In addition to this, we will also be practising using inbuilt methods such as:

- addEventListener()
- setAttribute()
- fill()
- setInterval()
- some()
- every()
- forEach()
- includes()
- contains()
- add()
- remove()
- createElement()
- appendChild()
- push()
- Array()
- continue

And many more.

If you liked this game please do Subscribe, Comment and Like - it will help me create more games in the future!

I would love to see your finished game to please do tag me on YouTube, Twitter (@ania_kubow) or Instagram (@aniakubow) :)

For my final code, please see my GitHub here: https://github.com/kubowania/minesweeper

#minesweeper
#javscript_game

{% youtube rxdGAKRndz8 %}
For wtf reason would we build another JS framework?
Tags: webdev, javascript, html, showdev
Published: 2020-05-25 08:19:32

There are many brilliant JS frameworks out there. For wtf reason would we build another one? 

We all sometimes lack self-discipline following the framework guidelines.
It can be due to many reasons; tight deadlines, late night out or whatever the implication of being just a human. Often we're just thrown into someone else's code i.e. his own interpretation of the guidelines.

This framework has been developed as part of something bigger. 
It is meant to be simple and generic, used within an automated IDE which assists you in following the simple design rules. It lets you start with a static PoC and notifies you (live) what may need to be customized to turn it into valuable product. 

Instead of writing glue code all over again, you'll code only what matters i.e. features. Read more about [GlueCodes Platform](https://www.glue.codes).

repo: https://github.com/gluecodes/gluecodes-framework

*We're running a [Kickstarter](https://www.kickstarter.com/projects/gluecodes/gluecodes-platform) campaign to be able to finish off the IDE and web components. Any pledge is much appreciated.*
📂Beyond the log - Console.group() 
Tags: javascript, beginners
Published: 2020-05-25 08:17:12

console.group() can be useful if you are outputting lots of nested data, allowing you to open and close groups of data when needed. Making it much quicker to find what you are looking for.

It can be used alongside other console methods such as table(), log() etc.


```javascript
let books = [
  { title: "Best Book Ever", authors: [{ name: "Joe Bloggs", age: "21" }] },
  {
    title: "Learn to draw",
    authors: [{ name: "Jane Doe", age: "37" }, { name: "Bill Day", age: "18" }]
  }
];

console.group("Books");
books.map(book => {
  console.log("Title:", book.title);
  console.group("Authors");
  console.table(book.authors);
  console.groupEnd();
});
```

If you enjoyed this little snippet you can [follow me](https://twitter.com/iain_freestone) on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
Some Clients asked me what language i use in building applications and techs?
Published: 2020-05-25 08:11:50

Creating applications has not been an easy task especially when it comes to security handlings and cross platform migrations...

There are many code linguistic on the space to work upon based on the project requirements.

If its a website... I use *PHP* 

If its a web application, I use various types depending on the web app functions...

For instance, Cara Chatbot(https://mitnets.com) is a web app and I used *PHP, Js and C++* to build the whole thing... Starting from scratch.

If its a desktop app : instead of wasting time using all sorts of language to fit a specific operating system requirements i use *Electron/Node* since this is a cross platform.

If it a mobile app : Sometimes I use *Java* ... Depending on the client requirements and sometimes *Electron/node*

But I prefer using *Electron/Node* because its more faster and easy to maintain.

If its an embedded software : it depends on the OS used by the hardware...

For instance if its an arduino board... I use *C*

Although you can use any language to program any board but its always more efficient and faster to use the grandfather of every programming language which is *C* to program any board.

Some people still make use of assembly language 😊... Like telecommunications vendors...

Writing System applications using Assembly is like lifting a mountain with one one finger...

Its an horrible task... As you will be having many horrible night mares... Sometimes you will see yourself writing codes in dreams and on the streets...😄😄😄

Don't use this language if you are not a genius... Don't even try to learn it... Its madness...

There many other languages that are very interesting to use for developments...

Such as Python, Go, Ruby, C#, Ada, A, B, Scala, and many more... It depends on the ones you love and is fluent on...

Whatever language you use..., we will all still arrive at the same result...

Am using this medium to talk to the young out there... If you really want to explore into the tech world...., you will have to know all this things...and never think you can't do it...

What it requires is time, memory size and motivations...

I wish you best of luck...

 *#Mitnets Technologies*
I'm creating an entire web OS as my personal website for 2021
Tags: webdev, angular, javascript, typescript
Published: 2020-05-25 08:04:52

Hi to all!

About every 2 years I go to work to create an updated version of my website. Every time I try to focus on my skills and apply them to the project itself.

This year I found myself faced with the need to create a single site that would show all my skills in the web and 3D fields.

Creating a website capable of combining everything is a very difficult undertaking, above all because it could be too large or difficult to understand.

The solution? Create an entire web operating system, where the applications are personal projects and the images and/or links are related to the projects themselves.

This solution allows me not only to incorporate many different things in the same site but also to manage its contents in a more immediate and immersive way for the user.

So NICAOS was born, the first entirely online operating system! Created using Angular 9 with a stateless pattern in mind. All the stiles and assets are created by myself! At the moment it is still in its first steps, and it will never be comparable to a real operating system since it would take years to set it up.

Give it a look, and if you have any suggestions don't hesitate to share them!

Take a look here: 

{% youtube xOU3ZVLeppI %}

This is still a WIP obviously, the project will end by December 2020.

If you have any suggestions, or just want to know how I'm creating this web application, just let me know in the comments! 😎

Project repo: https://github.com/NicolaLC/nica-os
Live demo: http://nicolacastellani.devplaygrounds.org/
Free Blog - Magazine Template to Bootstrap your project
Published: 2020-05-25 07:56:24

Creating clean responsive UI from scratch can be a pain in a day of a software engineer.
Having said that have decided to open source a blog & news clean and responsive UI. And it will be updated regulary.

Magz is a free news portal website template that works for anything niche and general-related. With its clean and minimalistic approach to design, Magz makes sure that it works for all sorts of tastes out of the box. However, if you would like to brand and personalize it, you can do that, too. Magz is effortless to use, making sure everyone gets the most out of it quickly and effortlessly. Keep in mind, Magz is an HTML template.

With Magz, you get all sorts of goodies that will create a professional and sophisticated news magazine website. Sticky menu, carousels, back to top button, video support and pagination are just a few of the features that you get with Magz. Along with the home page, you also get various inner layouts, Google Maps and a working contact form, to name a few. Start pushing news with Magz!

To download the template visit https://github.com/Loydtafireyi/blog-magazine

Dont forget to give it a star. 

Happy coding.
Continuing on with my Wellbean Project
Tags: devjournal, codenewbie, womenintech
Published: 2020-05-25 07:52:42

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

Easy, breezy Monday morning. I'll admit, the past week and a half has been spent in a bit of a funk for me. Totally normal after a big work-push in the couple of weeks leading up to that tired period, so I tried my best to really (really!) step back from pushing myself.

It mostly worked, I think, because today I'm ready to hit the ground running. Well, actually - I hit the ground running last night when I worked for a bit on my Wellbean project again.

It's the same project I submitted for the Twilio x DEV hackathon, but it's different in its user-functionality. While the hackathon project is meant to be run locally on someone's computer, this particular project that I'm now working on is built using Firebase Authentication - so users can use the app on any server and their information will be stored within the app.

I'm pumped!!! I'm also sailing through the inspiration of this epic idea I have for a project on a much larger scale - letting it simmer for a bit while I finish up some other projects.

It's already a good week and it's not even 10am on Monday morning.
Do you feel more productive at the office or at home? Why?
Tags: discuss, productivity, workfromhome
Published: 2020-05-25 07:51:41

> Cover Image: Google maps [page](https://www.google.com/maps/place/Codebrahma/@12.9864289,77.7355892,3a,96.4y,90t/data=!3m8!1e2!3m6!1sAF1QipNmmbkDJiuYYfcBQG0Uf6EeJMTWECCpS5ZHAYnQ!2e10!3e12!6shttps:%2F%2Flh5.googleusercontent.com%2Fp%2FAF1QipNmmbkDJiuYYfcBQG0Uf6EeJMTWECCpS5ZHAYnQ%3Dw203-h113-k-no!7i960!8i539!4m14!1m6!3m5!1s0x3bae16a3f3bb200f:0xa889ea33ec3ddae6!2sCodebrahma!8m2!3d12.9860335!4d77.7355688!3m6!1s0x3bae16a3f3bb200f:0xa889ea33ec3ddae6!8m2!3d12.9860335!4d77.7355688!14m1!1BCgIgAQ) of the organization I work for, [Codebrahma](https://codebrahma.com) - I miss this beautiful view.

It's been more than 2 months since most of us started work from home.

I am not feeling much difference in my productivity, maybe because my travel time was less (15-20min) and I go by bicycle which I am now compensating for by walking.

For those who are spending hours on road especially with Bangalore's traffic, WFH must be great and a little relaxing.

I am definitely missing coffee time and Table Tennis and a lot of other fun activities at the office. And yeah I definitely miss my wonderful colleagues.