JavaScript Car Driving Game from scratch with source code
This is a subtitle. Get more detailed about your course here!
Requirements
- Fundamental JavaScript concepts
- Access to computer
- Use of editor to write code
- HTML and CSS knowledge
Description
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 design 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 a 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 scope of this course is all JavaScript focused.
Start building your own version of the game today!!!!
Who this course is for:
- Beginners to JavaScript
- Anyone who wants to practice writing JavaScript
- Web developers
- Webmasters
- Anyone who wants to learn to make a JavaScript game without any libraries
Course Curriculum
-
1
Introduction to JavaScript Car Game
-
Car Game Introduction
-
Web developer setup
-
-
2
JavaScript - Building a Car Game from Scratch
-
JavaScript Car Game Setup
-
Source Code - Part 1
-
KeyPress Event Listeners
-
Source Code - Part 2
-
RequestAnimationFrame Method
-
Source Code - Part 3
-
Move Div with Keypress
-
Source Code - Part 4
-
Road Builder
-
Source Code - Part 5
-
Road lines moving
-
Source Code - Part 6
-
Road Line Movement 2
-
Source Code - Part 7
-
Generate More Cars
-
Source Code - Part 8
-
Check Collision Detection
-
Source Code - Part 9
-
End Game Scoring
-
Source Code - Part 10
-
Restart Game Function
-
Source Code - Part 11
-
Random Color value
-
Source Code - Part 12
-
Game Tweaks and adjustments
-
Source Code - Part 13
-
Quick CSS update
-
Source Code - Part 14
-
Car Game Code Review
-
Source Code (Full) and Downloadable Content
-
-
3
Bonus Content and Course Resources
-
Word Scramble Game - Source Code (Part 1)
-
Word Scramble Game - Source Code (Part 2)
-
Word Scramble Game - Source Code (Part 3)
-
Word Scramble Game - Source Code (Part 4)
-
Word Scramble Game - Source Code (Part 5)
-
Word Scramble Game - Source Code (Part 6)
-
Bonus: Word Scramble Game
-
Word Scramble Game - Source Code (Part 7)
-
Word Scramble Game - Source Code (Part 8)
-
Word Scramble Game - Source Code (Full)
-
About the instructor
IT Manager
Eric Chu
A proven and experienced IT Manager, customer-focused and equipped with a technical background. I have over 8 years’ experience in IT Service Delivery Management and leading small to medium crossfunctional teams, and over 15 years of experience in IT Training and Sales.Through my passion for technology, science, and innovation, I have fostered extensive practical knowledge of emerging technologies, complex networks, and data centre eco-systems.I have had the opportunity to work across the Asia Pacific region as an experienced Business Development Manager and IT Project Manager delivering end to end solutions.