Build a Car Driving Game from Scratch using JavaScript

Build a Car Driving Game from Scratch using JavaScript

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 1h 20m | 1.23 GB

Learn how you can build a car game from scratch practice exercise building a fun mini application

Using JUST JAVASCRIPT see how you can build a fully functional car racing game. Learn and practice applying JavaScript. Perfect for beginners to learn step by step to build interactive web applications. This course covers building a web site based car driving game, with all the source code and everything you need to build your own version. JavaScript core knowledge is a prerequisite for this course along with HTML and CSS. This course is designed for those who want to build interactive content using JavaScript and practice applying JavaScript in development.

The scope of the course is about applying JavaScript and seeing it in action.

Course covers

  • Element Selection and manipulation via JavaScript
  • Updating element style properties to move elements on your webpage
  • Adding event listeners to create interactive content
  • Keyboard events used to move elements
  • Collision detection between two elements on the page
  • Using animation frame function in JavaScript
  • Creating elements dynamically
  • Applying logic for game functions
  • Step by step lessons – source code included

No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application. Step by step learning with all steps included. Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also, HTML and CSS knowledge is essential as the scope of this course is all JavaScript-focused. Start building your own version of the game today!

A complete course packed with step-by-step instructions, working examples, and helpful advice. This course is clearly divided into small parts that will help you understand each part individually and help you learn at your own pace.

What You Will Learn

  • How to use JavaScript
  • How to create elements dynamically
  • Manipulate elements using JavaScript
Table of Contents

1 Car Game Introduction
2 Web developer setup
3 JavaScript Car Game Setup
4 KeyPress Event Listeners
5 RequestAnimationFrame Method
6 Move Div with Keypress
7 Road Builder
8 JavaScript game Road lines moving
9 Road Line Movement 2
10 Generate More Cars
11 Check Collision Detection
12 End Game Scoring
13 Restart Game Function
14 Random Color value
15 Game Tweaks and adjustments
16 Quick CSS update
17 Car Game Code Review