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://ift.tt/2BppByA Learn: • push() • querySelector() • SetAttribute() • getAttribute() • appendChild() • Math.random() • sort() • For loops • createElement() ⌨️ (11:39) Whack-a-mole - level 1 💻 Code: https://ift.tt/2YfhUnH Learn: • querySelector() • addEventListener() • setInterval() • classList • forEach() • Arrow functions ⌨️ (19:47) Connect Four - level 1 💻 Code: https://ift.tt/3c5zIGb Learn: • querySelector() • addEventListener() • onclick • classList.contains() • classList.add() • For loops • Arrow functions ⌨️ (27:37) Nokia 3310 Snake - level 2 💻 Code: https://ift.tt/2Vj84yK Learn: • querySelector() • addEventListener() • setInterval() • keyCodes • pop() • unshift() • push() • classList.contains() • classList.add() • classList.remove() ⌨️ (43:10) Space Invaders - level 2 💻 Code: https://ift.tt/2RCucTJ Learn: • querySelector() • addEventListener() • Switch cases • keyCodes • indexOf() • includes() • classList • setInterval() • clearInterval() • push() ⌨️ (59:06) Frogger - level 2 💻 Code: https://ift.tt/2UTPoGx Learn: • querySelector() • addEventListener() • setInterval() • clearInterval() • forEach() • classList.contains() • classList.add() • classList.remove() ⌨️ (1:19:38) Tetris - level 3 💻 Code: https://ift.tt/2UVpAdo 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://ift.tt/2stGI8o Read hundreds of articles on programming: https://ift.tt/2NIAnme And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
via YouTube https://www.youtube.com/watch?v=lhNdUVh3qCc
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://ift.tt/2BppByA Learn: • push() • querySelector() • SetAttribute() • getAttribute() • appendChild() • Math.random() • sort() • For loops • createElement() ⌨️ (11:39) Whack-a-mole - level 1 💻 Code: https://ift.tt/2YfhUnH Learn: • querySelector() • addEventListener() • setInterval() • classList • forEach() • Arrow functions ⌨️ (19:47) Connect Four - level 1 💻 Code: https://ift.tt/3c5zIGb Learn: • querySelector() • addEventListener() • onclick • classList.contains() • classList.add() • For loops • Arrow functions ⌨️ (27:37) Nokia 3310 Snake - level 2 💻 Code: https://ift.tt/2Vj84yK Learn: • querySelector() • addEventListener() • setInterval() • keyCodes • pop() • unshift() • push() • classList.contains() • classList.add() • classList.remove() ⌨️ (43:10) Space Invaders - level 2 💻 Code: https://ift.tt/2RCucTJ Learn: • querySelector() • addEventListener() • Switch cases • keyCodes • indexOf() • includes() • classList • setInterval() • clearInterval() • push() ⌨️ (59:06) Frogger - level 2 💻 Code: https://ift.tt/2UTPoGx Learn: • querySelector() • addEventListener() • setInterval() • clearInterval() • forEach() • classList.contains() • classList.add() • classList.remove() ⌨️ (1:19:38) Tetris - level 3 💻 Code: https://ift.tt/2UVpAdo 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://ift.tt/2stGI8o Read hundreds of articles on programming: https://ift.tt/2NIAnme And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
via YouTube https://www.youtube.com/watch?v=lhNdUVh3qCc
Comments
Post a Comment