Please ensure Javascript is enabled for purposes of website accessibility

About This Course

Who this course is for:

  • Web developers
  • Web designers
  • Anyone who wants to learn how to make interactive web applications

What you’ll learn: 

  • How JavaScript can be added to web pages
  • Document Object Model (DOM)
  • Mini projects to highlight what was learned


  • HTML and CSS
  • Basics of JavaScript coding
  • Fundamental JavaScript

JavaScript can be used to apply interaction and dynamic content to web pages. Explore how you can do so within the course. 

The course will cover:

  • How JavaScript can be added to web pages
  • Console and debugging with JavaScript
  • Document Object Model (DOM)
  • Using JavaScript to select elements from the page
  • Selecting multiple elements from the page
  • Updating element attributes
  • Updating element style properties and values
  • Adding classes and manipulating element class values
  • How to create elements using JavaScript and add them to a webpage
  • Creating interaction using event listeners in JavaScript
  • Forming values
  • Mini projects to highlight what was learned

Source Codes are included, so try the codes for yourself and explore what you can do with JavaScript.

Our Promise to You

By the end of this course, you will have learned how to create web pages that are dynamic and interactive.

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
Introduction 00:00:00
Downloadable Resources 00:00:00
Setup Developer Environment 00:00:00
Create An Index Page 00:00:00
Script File JavaScript 00:00:00
Console Log Options 00:00:00
JavaScript Document Object 00:00:00
Selecting Elements 00:00:00
Selection By Tag 00:00:00
querySelector 00:00:00
querySelectorAll 00:00:00
Complex CSS querySelectorAll 00:00:00
Update Images 00:00:00
ChildNodes Children And More 00:00:00
Element Style Update 00:00:00
Multi Element Style Update 00:00:00
Add Classes To Elements 00:00:00
Set Attribute 00:00:00
Javascript Create Element 00:00:00
Append And Prepend 00:00:00
AddEvent Listeners 00:00:00
AddEvent Multiple Listeners 00:00:00
Mouse Move Events 00:00:00
Fun With Images 00:00:00
Fun With Images Part 2 00:00:00
Form Values 00:00:00
Annoying Blinker 00:00:00
Animation JavaScript 00:00:00
DOM Conclusion 00:00:00
Template Design © VibeThemes. All rights reserved.

Setup Menus in Admin Panel