Learn JavaScript to Make Games - JS Crash Course for Beginners

In this crash course you'll learn how to code in JavaScript so that you can start making games with it.

-- Relevant links --

-- Chapters --

0:00 Intro
0:32 Why learn JS to make games?
5:44 Environment Setup
14:44 Core concept #1 : variable and constants
28:15 Core concept #2 : conditional statements and boolean operations
39:45 Core concept #3 : complex data types (Arrays and objects)
51:59 Core concept #4 : loops
1:06:06 Core concept #5 : functions + param passing by reference vs by value
1:18:34 Core concept #6 : local vs global scoping
1:21:20 Core concept #7 : comments + how import/export js code works
1:28:42 What is a library?
1:44:13 Making our first JS game
2:24:56 Next steps (useful resources)

[JSLegendDev]

Hi everyone! If my voice sounds a bit different than usual, that's because I recorded it while I had a sore throat.
I didn't realize it would change my voice slightly until I was far enough into the recording that I just decided to keep going.

NOTE :

One thing I forgot to mention regarding conditional statements is that you can have multiple conditionals in one if statement rather than creating multiple different ones. Here is an example.


const age = 22;
const height = 182;

if (age > 18 && height > 180) console.log("hello, you're both older than 18 and taller than 180cm");

So && is the symbol to use if you want both conditions to be true.

You can also have:

if (age > 18 || height > 180) console.log("hello, you're either older than 18 or taller than 180cm or both");

So || is the symbol to use if you want to check if either one condition is true or the other or both. It's called a logical "or" and differs from the usual meaning of "or" in English. In English, if you say would you like coffee or tea, it's either coffee or tea but not both. This is not the case when you use the || symbol. Be careful with that!

[kwizerafrank]

Man thinking all about the previous games you've made in javascript, now with this video. Thank you for all the amount of time and energy.

[phost]

it's literally learn javascript in 2h lol. Great work. I will think about this video if i need to advise someone on how to start programming.

[vkayhs]

Thank you so so much! I have never been able to sit through the web dev tutorials but this was right up my alley. I'm very excited to learn more! And create games. Thanks so much again!

[okkaraung]

I like your videos. You first teach us the concepts of JS before developing the game. Very Good for beginners. I really appreciate it. I always check your channel when it comes to KaBoom or KaPlay. Looking forward to more videos.

[iloveshibainu]

Awesome video legend 🔥
Waiting for your capacitor master tut ❤️🙏🏻

[andersoncdz]

Man, excellent, I'm trying to teach programming to my son, and this video will help a lot. He already makes sprites for the games I create to test the knowledge he's gained.
The Pokemon Fired game turned out great, and I'd like to understand more about p5.js later. One interesting thing you mentioned is the possibility of porting to desktop. There's also Capacitor, which is for porting to mobile, in case anyone is interested.
Thank you very much!!!!

[anpapala]

you could make something different games like q*bert or dig dug nobody has done them thanks i have learned a lot

[TheStRaX_]

If you build with any framework or Library, that would make sense

[ShubhamSingh-itom]

Which is better for game development, Phaser js Or Kaplay js?
Have you tried phaser js?

[ulizbkd]

Bro, if i can build a game in JavaScript can i apply those knowledge in web development too ?

[kaiserexodus]

Is it actually possible to play on browser?
But more importantly, is it really a paid job? Because I didn't hear you talk about the html css javascript web games market 😊