Please ensure Javascript is enabled for purposes of website accessibility

About This Course

Who this course is for:

  • JavaScript beginners
  • Anyone who wants to create web pages
  • Webmasters and web designers

What you’ll learn: 

  • JavaScript DOM manipulation
  • JavaScript to create interactive web pages
  • Dynamic web pages with JavaScript
  • JavaScript code to interact with HTML elements

Requirements: 

  • JavaScript HTML and CSS
  • Coding experience

Explore what you can do with the Document Object Model (DOM) making your web pages come to life!

The DOM is an object-oriented representation of the web page, which can be modified with JavaScript to create interactive and dynamic web content:

  • Select elements from the page
  • Update elements on the page
  • Apply styling to the style attribute
  • Track user interactions with click events and keyboard events
  • Move and manipulate page elements with JavaScript

Upcoming lessons will show you how to make your web pages come to life.

Creating a basic game project where the player can move a page element using the keyboard. Also, create new page elements and automatically have new page elements added to the page when conditions are met. Create a dynamic and interactive game that detects element collision and adds to the score. Move your element to hit the other elements on the page, score and see how new elements are created with a max number in from the code. Basic JavaScript game structure that can be extended upon to build your own games and more.

Our Promise to You

By the end of this course, you will have learned JavaScript DOM.

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about JavaScript DOM.

Course Curriculum

Section 1 - Introduction To JavaScript DOM Creating Interactive Web Pages And Web Content
Introduction To JavaScript To Create Interactive And Dynamic Web Content 00:00:00
Web Dev Setup Coding IDE And Top Resources And How To Use This Course 00:00:00
JavaScript DOM Document Object Model Introduction To Selection 00:00:00
Element Style Manipulation With JavaScript Update Color And Background Color 00:00:00
Update Element Position Using JavaScript Move Div With JavaScript Code 00:00:00
AnimationFrames With JavaScript and KeyBoard EventListeners Movement Click Event 00:00:00
Create Element Using JavaScript And Randomly Place Within Page Container Div 00:00:00
How To Move Element Randomly Make Clickable With JavaScript DOM 00:00:00
How To Add Collision Detection With JavaScript Elements Game JavaScript 00:00:00
Scoring And Game Development With JavaScript Page Elements Final Gameplay 00:00:00
top
Template Design © VibeThemes. All rights reserved.

Setup Menus in Admin Panel

3954196

Get LIFETIME ACCESS to ALL courses 

Enter your Name and Email for a chance to win Lifetime Access to all courses!
Promotion ends today.

3954197

Get LIFETIME ACCESS to ALL courses 

Enter your Name and Email for a chance to win Lifetime Access to all courses!
Promotion ends today.

Success! You are now entered to win lifetime access to all courses. Winners are selected at the beginning of each month. 

P.S. Look out for our exclusive sales only shown to students on our email list!