Learn JavaScript by Building 7 Games - Full Course
In this tutorial course, you will learn JavaScript by coding 7 retro grid-based games. Learn by doing and have 7 great projects for your career portfolio by the end of the course. Each game is done with minimal styling for you to take and make your own.
🎥 Course from Ania Kubow. Check out her channel: https://www.youtube.com/channel/UC5DNytAJ6_FISueUfzZCVsw
⭐️ Course Contents ⭐️
⌨️ (01:55) Memory Game - Level 1
💻 Code: https://github.com/kubowania/memory-game
Learn:
• push()
• querySelector()
• SetAttribute()
• getAttribute()
• appendChild()
• Math.random()
• sort()
• For loops
• createElement()
⌨️ (11:39) Whack-a-mole - level 1
💻 Code: https://github.com/kubowania/whack-a-mole
Learn:
• querySelector()
• addEventListener()
• setInterval()
• classList
• forEach()
• Arrow functions
⌨️ (19:47) Connect Four - level 1
💻 Code: https://github.com/kubowania/connect-four
Learn:
• querySelector()
• addEventListener()
• onclick
• classList.contains()
• classList.add()
• For loops
• Arrow functions
⌨️ (27:37) Nokia 3310 Snake - level 2
💻 Code: https://github.com/kubowania/Nokia3310-Snake
Learn:
• querySelector()
• addEventListener()
• setInterval()
• keyCodes
• pop()
• unshift()
• push()
• classList.contains()
• classList.add()
• classList.remove()
⌨️ (43:10) Space Invaders - level 2
💻 Code: https://github.com/kubowania/space-invaders
Learn:
• querySelector()
• addEventListener()
• Switch cases
• keyCodes
• indexOf()
• includes()
• classList
• setInterval()
• clearInterval()
• push()
⌨️ (59:06) Frogger - level 2
💻 Code: https://github.com/kubowania/Frogger
Learn:
• querySelector()
• addEventListener()
• setInterval()
• clearInterval()
• forEach()
• classList.contains()
• classList.add()
• classList.remove()
⌨️ (1:19:38) Tetris - level 3
💻 Code: https://github.com/kubowania/Tetris
Learn:
• querySelector()
• addEventListener()
• Array.from()
• getElementsByClassName()
• Math.floor()
• Math.random()
• forEach()
• classList.contains()
• classList.add()
• classList.remove()
• setInterval()
• clearInterval()
• some()
• style.backgroundImage
• splice()
• concat()
• appendChild()
• Arrow functions
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Видео Learn JavaScript by Building 7 Games - Full Course канала freeCodeCamp.org
🎥 Course from Ania Kubow. Check out her channel: https://www.youtube.com/channel/UC5DNytAJ6_FISueUfzZCVsw
⭐️ Course Contents ⭐️
⌨️ (01:55) Memory Game - Level 1
💻 Code: https://github.com/kubowania/memory-game
Learn:
• push()
• querySelector()
• SetAttribute()
• getAttribute()
• appendChild()
• Math.random()
• sort()
• For loops
• createElement()
⌨️ (11:39) Whack-a-mole - level 1
💻 Code: https://github.com/kubowania/whack-a-mole
Learn:
• querySelector()
• addEventListener()
• setInterval()
• classList
• forEach()
• Arrow functions
⌨️ (19:47) Connect Four - level 1
💻 Code: https://github.com/kubowania/connect-four
Learn:
• querySelector()
• addEventListener()
• onclick
• classList.contains()
• classList.add()
• For loops
• Arrow functions
⌨️ (27:37) Nokia 3310 Snake - level 2
💻 Code: https://github.com/kubowania/Nokia3310-Snake
Learn:
• querySelector()
• addEventListener()
• setInterval()
• keyCodes
• pop()
• unshift()
• push()
• classList.contains()
• classList.add()
• classList.remove()
⌨️ (43:10) Space Invaders - level 2
💻 Code: https://github.com/kubowania/space-invaders
Learn:
• querySelector()
• addEventListener()
• Switch cases
• keyCodes
• indexOf()
• includes()
• classList
• setInterval()
• clearInterval()
• push()
⌨️ (59:06) Frogger - level 2
💻 Code: https://github.com/kubowania/Frogger
Learn:
• querySelector()
• addEventListener()
• setInterval()
• clearInterval()
• forEach()
• classList.contains()
• classList.add()
• classList.remove()
⌨️ (1:19:38) Tetris - level 3
💻 Code: https://github.com/kubowania/Tetris
Learn:
• querySelector()
• addEventListener()
• Array.from()
• getElementsByClassName()
• Math.floor()
• Math.random()
• forEach()
• classList.contains()
• classList.add()
• classList.remove()
• setInterval()
• clearInterval()
• some()
• style.backgroundImage
• splice()
• concat()
• appendChild()
• Arrow functions
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Видео Learn JavaScript by Building 7 Games - Full Course канала freeCodeCamp.org
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Can You Become a Programmer After 30 Years Old?🎮 Easy JavaScript Game Development with Kaboom.js (Mario, Zelda, and Space Invaders) - Full CourseWhy I don't work for FAANGyou need to learn Python RIGHT NOW!! // EP 125 Ways To Make MONEY With CODELearn JavaScript - Full Course for BeginnersHow I Learned to Hold My Breath for 4 Minutes3 FREE Websites To Learn To Code That Are BETTER Than Coding BootcampsThis Week I Learned to Crack a Combination LockMicroservices with FastAPI – Full Course5 Javascript Projects to Build (For Beginners)Get out of Code Tutorial Hell now, and Get a Job!Tricky JavaScript interview questions and answersTeaching yourself to learn programming? Start Here!Code Tetris: JavaScript Tutorial for BeginnersWhy You Should Not Learn to Code (as an ex-Google programmer)Build 15 JavaScript Projects - Vanilla JavaScript CourseUltimate Freelancing Guide for Web Developers (Make money through freelance programming!)Android Development Course - Build Native Apps with Kotlin Tutorial5 things you NEED to know as a Programmer