5 of the best JavaScript Tutorials on YouTube

You can learn almost anything on YouTube. For many, it is the medium of choice over books or articles when it comes to picking up new skills. Web development topics have always had great coverage here, but in this article, we’re going to look at JavaScript in particular. I’ve compiled a varied and wide-ranging list that contains some of the best JavaScript tutorials on YouTube.

Let’s take a look.

1. Coding the “snake” game

Who doesn’t love snake? It’s a simple yet timeless game.

This tutorial from Web Dev Simplified is really useful for a number of reasons:

• It deals entirely with native JavaScript, so there are no frameworks or libraries to pick up for newer developers
• It’s detailed and thorough, and of decent length — clocking in at just over 46 minutes
• JavaScript game development is awesome!

Most people will recognize this simple game. A tutorial that covers a custom implementation of the game from start to finish is fantastic. You’ll end up with a fully-functional piece of code, a tangible product to experiment with and extend as you wish.

If you want to go a step further and move into more complex JavaScript games, you’ll be happy to know there is a growing number of JavaScript Game Engines for you to check out!

2. Asynchronous goodness

Over 42 minutes discussing a topic that catches many JavaScript beginners out. What’s not to love? The specific topics covered in this particular tutorial are some of the trickier ones:

• Callbacks
• Promises
• Async/Await

The reason I think this is one of the best JavaScript tutorials on YouTube are numerous.

It’s taking a potentially tricky area and tackling it head on. The video is concise and detailed, the explanations and examples are clear and easy to digest. If you need to brush up on the asynchronous aspects of JavaScript, I’d definitely recommend checking this one out. It’s a one-stop shop on this very topic!

3. “Old style” to ES6

Today, many newer JavaScript developers will have likely started out with ES6 from the get-go. For the others, however, this is a fantastic video to get up to speed and to help you acquaint yourself with the various features of ES6.

The thing I like most about this tutorial is that it breaks down the “old” way of doing things, then compares it to the “new” (ES6) way. I think this is a really useful approach.

Again, it’s a long one at over 56 minutes. This is a good length to adequately cover the necessary topics in sufficient detail. Check it out!

4. Debugging JavaScript with Chrome DevTools

This one is shorter and easier to digest. It covers debugging in JavaScript, an area that is very frequently overlooked — especially by beginners.

Specifically, the tutorial deals with Chrome’s DevTools.

The minutes you save by “properly” debugging your code (JavaScript or otherwise) will eventually add up to hours. Those hours will eventually add up to days. You get the idea.

This is a 7 minute video, but I’d rate it one of the best JavaScript tutorials on YouTube for this very reason. It’s short and sweet, but it’ll save you stacks of time in the long run. Especially if you were initially unaware of JavaScript’s debugging potential within Chrome to begin with.

Of course, there is a lot more to debugging JavaScript than what’s covered in the video. If you’re looking for more information on this topic, as a starting point you could check out these debugging tips from raygun.

5. Code the map and filter functions from scratch

Last but by no means least, this awesome video from Fun Fun Function. Strictly speaking, it’s not a tutorial. But there are definitely some things to be learnt from it.

In the video, we see a custom implementation of the map and filter functions. As developers, we often tend to think about how functions (or other such tech-related things) work “under the hood”. It’s great to see a breakdown like the ones presented in this video.

There are many other useful videos on this channel as well as in the other channels listed above. If you enjoy any of the tutorials, give them a like or subscribe to help our community grow and thrive!

← Back to blog