Information Technology
Hands on Training icon
Hands On Training
Hands on Training icon

Car Racer JavaScript Game Exercise Vanilla JavaScript

Course Cover

5

(1)

compare button icon

Course Features

icon

Duration

2.23 hours

icon

Delivery Method

Online

icon

Available on

Lifetime Access

icon

Accessibility

Desktop, Laptop

icon

Language

English

icon

Subtitles

English

icon

Level

Beginner

icon

Teaching Type

Self Paced

icon

Video Content

2.23 hours

Course Description

Practice and learn more about JavaScript while building a fun interactive car racing game from scratch. No libraries, no shortcuts just learning JavaScript! Source code is included to get you started quickly. Prefect course for beginners to learn JavaScript step by step learning with all steps included fun and exciting way to learn and practice JavaScript. 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. -Learn how to set up your gameplay area using HTML and CSS-add JavaScript setting event listeners-add keyboard actions to move an HTML div using keyboard arrow keys-run animation frame to change element position and respond to the users commands-set up start game functionality-create a dynamic JavaScript road-create elements within JavaScript-access the JavaScript document object model to manipulate element properties-set up and add values within an object to track location and move-set up a dashboard to output variables for the user like score and speed-add road movement-track speed dynamically with braking and accelerating-add other cars and have them move within the gameplay area-check for element overlap and detect collisions-score and extend gameplay-all this is included and a whole lot more. Along with friendly support in the Q&A to help you learn and answer any questions you may have. Start building your own version of the game today!

Course Overview

projects-img

International Faculty

projects-img

Post Course Interactions

projects-img

Instructor-Moderated Discussions

Skills You Will Gain

Prerequisites/Requirements

Prerequisites are not available for this course

What You Will Learn

Learn how to setup your gameplay area using HTML and CSS

Add JavaScript setting event listeners

Add Keyboard actions to move an html div using keyboard arrow keys

Run animationframe to change element position and respond to the users commands

Setup start game functionality

Create a dynamic JavaScript road

Create elements within JavaScript

Access the JavaScript Document Object Model to manipulate element properties

Setup and add values within an object to track location and move

Setup a dashboard to output variables for the user like score and speed

Add road movement

Track speed dynamically with braking and accelerating

Add other cars and have them move within the gameplay area

Check for element overlap and detect collisions

Course Instructors

laurence

Instructor

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Course Cover