Learn JavaScript to Make Games - JS Crash Course for Beginners

[@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!

[@kwizerafrank4978]

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.

[@JSLegendDev]

No problem! Thanks for watching :)

[@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!

[@JSLegendDev]

Thanks for watching! Btw if at any point you get stuck, feel that you can't understand something or simply think that you're too slow at learning new programming concepts, know that it's totally normal. I had similar feelings when I was a beginner. Programming is like playing a souls game. It's hard! However, when you finally succeed in beating that boss, you get that dopamine rush which keeps you coming back. If you keep practicing by making interesting projects you'll improve your programming skills at a faster rate. Practice makes perfect, as they say! I wish you success in your endeavors!

[@vkayhs]

@@JSLegendDev Thank you so much for this! I’m very excited to go through the rest of your tutorials and start building my own projects :) you truly are a legend!

[@okkaraung9512]

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.

[@JSLegendDev]

Thanks for watching!

[@phost9011]

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.

[@JSLegendDev]

Thanks! To be real, it's going to take more than 2h hours to fully interalize the concepts as a beginner. I have purposefully left certain things out as to not make it too heavy of an intro. The goal is that with the knowlegde acquired here you'll be able to deepen your knowledge with further study. Just wanted to add this caveat in case you recommend this course to someone!

[@Crybanger]

Taric enjoyer spotted🎉

[@LrdOfNightmares]

For any new people watching this tutorial and things not working when making the platformer game. You have to save your code in VS Code every time you do a change to see it in the browser. There is an "auto save" option that you can find in the "File" menu of VS Code.

[@gfddgitgud3848]

yo. this is the best js channel ever! I have one suggestion: can you showcase more of easy to do tweaks: like change the color of the white block( enemy) , give powerups like floating for a few seconds when reached 1min or two mins. gradually expand the simple game. I think by watching your other videos I will be able to do that. Huge thanks!!

[@Tayyab_Raja]

Awesome tutorial 100%❤

[@JSLegendDev]

Thanks!

[@iloveshibainu9003]

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

[@Crybanger]

Loved what u did at around minute 57 :)

[@Crybanger]

Im about to finish this one, may i ask if theres a video by u that fits best or can i pick any basically

[@flaviopsilva_]

Great video, thank you!

[@JSLegendDev]

Thanks for watching!

[@andersoncdz1]

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!!!!

[@JSLegendDev]

Thanks for watching! Was it hard teaching your son or does he pick up concepts easily?

[@andersoncdz1]

@@JSLegendDev He is learning well. It has been a few days since he started learning. Until then, he was studying pixel art. Since drawing is something he excels at, learning to do pixel art was easy. With programming, I'm using a pseudo-language called Portugol, which is based on the Portuguese language, specifically Brazilian Portuguese. For now, I gave him a book that I used about 20 years ago to learn. Everything is being done with paper and pen. Today, he already made his first 'program,' which has helped him understand concepts like variables, loops, decision structures, etc. I believe that in a month he will have a basic understanding to start learning a language. I think JavaScript is a good one for him to start with, especially since he is interested in the gaming area. The pace has been good for him, considering he is only 16 years old. This introductory lesson will be very good for a start. And then starting with the game content from your channel, I think in 6 months he will be working independently. At the company, I trained 4 people. I followed a similar path, but since they were older and in college, I outlined a path that went from the basics, which is the syntax of the language (in this case, PHP which we use at the company), through SQL, and finally, a project to practice what they had learned. In about 6 to 8 months, they were doing tasks independently. This lesson was very good, it's what is needed to start with JS. Since my son has been training with Portugol to practice concepts, I believe that when he watches your lesson, he will understand it easily. I appreciate it very much; I have loved your game lessons. I was planning to go for Unity or Godot because I couldn't find content about Kaboom, but now I want to practice a lot because I fully agree with you when it comes to web games and how easy Kaboom/KaPlay is.

[@JSLegendDev]

@@andersoncdz1 Nice! Thanks for sharing. This is very insightful :)

[@andersoncdz1]

@@JSLegendDev No problem, I eagerly await the next videos!!!

[@xoiudtheseeker2207]

Hello, followed along and was wondering if you could make a video going more in-depth into Uploading a finished game on the web. TY.

[@JSLegendDev]

Will put it on my list of potential video ideas.

[@xoiudtheseeker2207]

@@JSLegendDev TY for the reply and consideration, think is at the moment i'm still learning JS and React and also balancing that with my job so it's pretty hard to find time to research this stuff and figure it out on my own

[@JSLegendDev]

@@xoiudtheseeker2207 Understandable!

[@subarunatsuki1902]

Do I need both this tutorial and the Kaplay Library Crash Course Video?

[@JSLegendDev]

If you already know JavaScript you can skip this one and go watch the Kaplay crash course. In case you don't know JS already, I recommend watching both or watching this one and any other of my project based tutorials. For example, this one and the sonic runner tutorial I made could be a good option.

[@subarunatsuki1902]

@@JSLegendDev Thanks for the quick reply :D I still have to learn both so the example is viable for me

[@anpapala5961]

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

[@JSLegendDev]

I'm not familiar with q*bert and dig dug? Mind explaining what they are? Thanks for watching!

[@会供価]

@@JSLegendDevold games

[@TheStRaX_]

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

[@会供価]

it is

[@mr.fabian8471]

Thanks

[@JSLegendDev]

No problem :)

[@ShubhamSingh-it4om]

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

[@JSLegendDev]

Yes, I did. I prefer Kaplay because it's easier to use but Phaser.js has more features. p5.js and Pixi are also good if you want even more control over your game's rendering logic but you'll have to write more code.

[@ShubhamSingh-it4om]

Kaplay and phaser is a full fledged game engine. P5 and pixi is also a game engine Or just for rendering?

[@JSLegendDev]

@@ShubhamSingh-it4om p5.js and pixi are just for rendering, yes.

[@ShubhamSingh-it4om]

​@@JSLegendDevIf we have to create a big game with multiple scenes and levels and might be scaling in future , then should we go with Kaplay Or phaser?

[@JSLegendDev]

@@ShubhamSingh-it4om currently Phaser is more stable so I would use that or go with pixi which supported by multiple devs and is stable as well.

[@DeveloperLinux-c3m]

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

[@JSLegendDev]

JS is used for web dev so yes. It's also going to be easier for you to pick up a frontend framework/lib like React.

[@kaiser94exodus89]

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 😊

[@JSLegendDev]

Yes you can play in the browser. Some people make money by submitting their games to web portals which display ads around their game. I'm not well versed in the market aspect of web games that's why I don't really talk much about it. I recommend joining the webgamedev discord server where you'll have better answers to your questions. Here's the link : t.co/fuHaKMQQN3

[@10xFrontend]

Cool