by Laurence Svekis | Publisher: Packt Publishing | Release Date: April 2019 | ISBN: 9781838823702

Manipulate elements using JavaScript and create a game while learning JavaScript and Document Object ModelAbout This VideoGain basic knowledge of fundamental JavaScript conceptsGet to grips with basic HTML and CSSIn DetailExplore a fun and exciting way to practice JavaScript while building an interactive game from scratch. In this course, you will understand how to apply JavaScript, connect to elements, update and manipulate element content and attributes, create interaction with event listeners, and even develop content dynamically. You'll learn all this through a step-by-step format, which will help you create your own version of the game.As you progress, you'll be able to apply what you've learned to your JavaScript projects to efficiently work with the DOM. As an additional bonus, you'll even gain access to exclusive source code so you can even try it for yourself.To get started, beginner-level knowledge of JavaScript is required as the course only covers JavaScript relevant to building the game. Knowledge of HTML and CSS is also essential as the scope of this course is mainly JavaScript-focused. Through guidance from a professional instructor with over 18 years of experience, you'll be able to confidently build your own version of the game.Downloading the example code for this course: You can download the example code files for this course on GitHub at the following link: https://github.com/PacktPublishing/Practice-a-JavaScript-DOM-Exercise-to-Build-a-Bird-Flying-Game. If you require support please email: [email protected]

1. Chapter 1 : Introduction to JavaScript building a Flying bird game from scratch
   • Flying Bird Game Introduction 00:02:12
   • HTML CSS and JavaScript - Game Setup Structure 00:04:17
   • Add Event Listeners - JavaScript element interaction 00:04:01
   • Keyboard event tracking - JavaScript KeyPress Events 00:05:33
   • Add element to page - JavaScript Create Elements - createElement Method 00:03:48
   • JavaScript RequestAnimationFrame 00:07:11
   • Move Conditions - JavaScript Game logic 00:02:42
   • Wing Movements - Boolean values JavaScript 00:03:56
   • Scoring and gravity - JavaScript game enhancements 00:03:31
   • Game End Conditions - Game over with JavaScript 00:04:17
   • Create Obstacles - Element creation using JavaScript 00:09:15
   • Moving Obstacles - Select Element and update style properties JavaScript 00:05:39
   • Checking Collision Detection - JavaScript element properties check 00:06:53
   • Handle Game Over on collision 00:01:32
   • Game Code Review - Review game source code HTML CSS and JavaScript 00:12:23
   • Bonus Add Color - Generate random color value JavaScript 00:02:00