The JavaScript DOM Game Developer Bundle

This is a hands-on course that will help you put your HTML5 skills and knowledge into practice. In this course, you will learn how to create your first game using HTML 5 Canvas. You will create a fun, interactive battle game with a computer brain and dynamic values. Some examples of Canvas-based games you can create are the following: Pong, Catcher, Bubble Popper, Brick Breakout, and Battle Bots. You will also work on 5 projects. This course requires prior coding experience to help you work easier.

• Access 80 lectures & 10 hours of content 24/7
• Make Canvas-based games
  • HTML5 Canvas Pong Game. Hit the ball between 2 players on screen
  • HTML5 Canvas Falling Items Catcher Game. Catch items as they fall
  • Bubble Popper. Score when you click & pop endless bubbles that float up the screen
  • Brick Breakout Game. Build your version of this classic brick breaker game
  • Battle Bots Game. Create 2 player interaction & response to game actions
• Create 5 projects
  • Download canvas image to computer
  • Create a Matrix falling letters effect using HTML5 Canvas
  • Explore how to make a bouncing ball on canvas
  • Upload images from your computer into canvas
  • Draw on canvas simple drawing application project

Explore how you can build your own games online using JavaScript. This course will help you learn about game design and teach you the steps to create fully functional games from start to finish. Create your own version of the game in just a few hours! Source codes are included.

• Access 68 lectures & 8 hours of content 24/7
• Create games using JavaScript
• Work on 5 projects
  1. Word Scramble. Scramble the letters with JavaScript Random Array values
  2. Word Decoder. Every letter has a number associated with it; player needs to solve the phrase using the number codes to letters
  3. Hangman Game. Player needs to guess the hidden phrase by clicking the available letters
  4. Wordsearch. Create a fully functional word search that fills the grid with as many words as possible
  5. Dynamic Quiz Game. Creates all the DOM elements & interactions depending on the JSON data

Put your JavaScript skills to the test - create a fully functional Math game from scratch - perfect for kids to learn math. Test your kids or anyone who wants to put their math skills to the test, math skills with a dynamic math quiz game built with JavaScript. The lessons of this course will walk you through all the steps to create a fully functional Math game in which you can set the parameters.

• Access 25 lectures & 3 hours of content 24/7
• Apply JavaScript to create an interactive dynamic Math Game
• Make calculations with JavaScript
• Create elements on the page
• Add interactions to game for player
• Apply styling to make interesting games
• Create & generate dynamic games and randomize content

The DOM is an object-oriented representation of the web page, which can be modified with JavaScript to create interactive and dynamic web content. In this course, you will be taught how to make web pages come to life. You will be guided on how to create new page elements and automatically have new page elements added to the page you are working on. Also, you will be introduced to JavaScript DOM manipulation, a process of building interactive web page content that professionals are utilizing today.

• Access 12 lectures & 1 hour of content 24/7
• Create games using JavaScript DOM Manipulation
• Courses covered
  1. Web Dev Setup Coding IDE & Resources. Links and resources to setup introduction to course content
  2. JavaScript DOM Document Object Model Introduction to Selection. Select single or multiple page elements with QuerySelector
  3. Element Style Manipulation with JavaScript Update Color & Background Color. Manipulate the element style properties and add click events with JavaScript Event Listeners
  4. Update Element Position Using JavaScript. Move elements on the page & update the element style left and top values with JavaScript
  5. AnimationFrames with JavaScript & KeyBoard EventListeners Movement. AnimationFrames provide smooth continuous movement of elements on the page while keyboard key presses move elements according to keypress event listeners
  6. Create Element using JavaScript & Randomly Place within Page Container Div. Use document create Element method to dynamically generate elements & add them to the HTML page
  7. Move Element Randomly & Make them Clickable. Make new elements clickable and randomly move on the page
  8. Collision Detection with JavaScript Elements. Add options to check collision between page element
  9. Scoring & Game Development with JavaScript Page Elements. Add scoring to the gameplay, create gameplay and allow the user to progress in the game
  10. Final Gameplay of JavaScript DOM Project

This JavaScript Course will provide JavaScript essentials so that you can explore and learn more about JavaScript. This is a complete JavaScript course that covers ES6 and modern JavaScript coding. Here, you will gain access to the web browser document object, and select and update the elements on paper. You will also learn how to create dynamic web pages, connect them with DOM, and update and manipulate page elements.

• Access 54 lectures & 8 hours of content 24/7
• Explore JavaScript & build fun real world projects from scratch
• Awesome JavaScript DOM Projects
  1. Build an Interactive Game. Generate a responsive grid with JavaScript & CSS Grid
  2. JavaScript Slot Machine with Real Element Movement & Tracking of Element Values. Build dynamic global game object that you can adjust to change the game dynamics
  3. JavaScript DOM Frogger Game. Classes & how to track classes, update and check if element contain classes

This is a hands-on course that will help you put your HTML5 skills and knowledge into practice. In this course, you will create 5 Canvas-based games: Pong, Catcher, Bubble Popper, Brick Breakout, and Battle Bots. You will also work on 5 projects. This course requires prior coding experience to help you work easier. This course is a fast-paced course with all the source code included. Please try the code as you go through the lessons to learn.

• Access 80 lectures & 10 hours of content 24/7
• Make Canvas-based games
  • HTML5 Canvas Pong Game. Hit the ball between 2 players on screen
  • HTML5 Canvas Falling Items Catcher Game. Catch items as they fall
  • Bubble Popper. Score when you click & pop endless bubbles that float up the screen
  • Brick Breakout Game. Build your version of this classic brick breaker game
  • Battle Bots Game. Create 2 player interaction & response to game actions
• Create 5 projects
  • Download canvas image to computer
  • Create a Matrix falling letters effect using HTML5 Canvas
  • Explore how to make a bouncing ball on canvas
  • Upload images from your computer into canvas
  • Draw on canvas simple drawing application project

Explore how you can create a PacMan-type of the game from scratch using JavaScript and only JavaScript DOM. This course is perfect for those who want to practice and learn more about web design and web development. Here, you will be taught how to create gameplay directly within your website. Also, you will be guided on how to run in the browser and have fun! Learn about game design and how you can create a DOM-based web game from scratch using JavaScript alone.

• Access 29 lectures & 3 hours of content 24/7
• Explore how you can create a PacMan-type of game from scratch using JavaScript
• Create your own version of the game using JavaScript
• Manipulate elements on the page using JavaScript
• Understand DOM manipulation & element selection
• Make the enemies smarter by detecting where the player is located
• Add score keeping from the game play
• Learn how to start, stop & restart game
• Generate dynamic game boards

Practice and learn more about JavaScript as you create 5 amazing projects all while using Vanilla JavaScript. This JavaScript course will help you explore and sharpen your skills by introducing you to mini-projects that you can extend to build some amazing functionality and interactions for web users. You can also add them to your portfolio and have fun while you learn. With this course, you can challenge yourself and design your own versions of different games.

• Access 72 lectures & 7 hours of content 24/7
• Apply JavaScript Code to mini projects
• Interact with JavaScript Document Object Manipulate elements on page
• Create interactive page content with JavaScript
• Practice JavaScript while coding fun mini projects
• Create dynamic content with JavaScript
• Download files with JavaScript - DOM interaction - Common JavaScript methods