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.

JavaScript is the one of the most popular programming languages. We have released a full video course where you can learn JavaScript by building 7 retro grid-based games.

When you learn by building projects, you can immediately see how the code works in a real-world situation. And by the end of this course from Ania Kubow, you will have 7 great projects for your career portfolio. Each game taught in this course is created with minimal styling for you to take and make your own.

You will learn the basics of JavaScript by creating the following seven games:

• Memory Game
• Whack-a-mole
• Connect Four
• Snake
• Space Invaders
• Frogger
• Tetris

Here are a few of the JavaScript methods and functions you will learn about in this course:

• 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

⭐️ Course Contents ⭐️

⌨️ (01:55) Memory Game - Level 1
Learn:
• push()
• querySelector()
• SetAttribute()
• getAttribute()
• appendChild()
• Math.random()
• sort()
• For loops
• createElement()

⌨️ (11:39) Whack-a-mole - level 1
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

Shirts and Gifts for You, Your Friends & Loved ☞ https://bit.ly/36PHvXY

#javascript #game-development #gamedev #programming #developer