Skip to content
UdemyJavaScriptPaid courseAll LevelsCertificate

JavaScript DOM for Beginners Learn how to code (Udemy.com)

JavaScript DOM coding examples learn how to create interactive and dynamic web pages Element selection and updating

Created by: Laurence Svekis

Last updated November 2024

icon
What you will learn

  • How to use JavaScript
  • How to create elements dynamically
  • Manipulate elements using JavaScript

How it compares

Against the other 239 rated Udemy courses in JavaScript on CourseDuck:

  • Rating4.6 out of 5higher than 70% of them
  • Reviews151#183 of 240 by number of reviews
  • Length5.8 hourslonger than 51% of them
  • Last updatedNovember 2024more recently than 63% of them

icon
Course Description

Perfect course to learn more about JavaScript and how to apply JavaScript in real world applications.  Make your web pages come to life with JavaScript.  Create interactive and dynamic web page content today!!!  Learn how to animate page elements, use the page element object properties and values within your code.

Includes 30+ Page Downloadable Source Code and JavaScript Resource Guide

LifeTime Access with new updates - Professional support within the Q&A section.

JavaScript is used when creating interactive and dynamic web content. It allows you to bring your web pages to life. Almost all modern websites use JavaScript and becoming more familiar with how you can add Javascript code to interact and manipulate your web page elements will propel your web pages to the next level.

JavaScript DOM coding Lessons

  • Simple HTML page with innerHTML update

  • Page Element Selection

  • Select and update only divs with a class of output

  • Create Elements and Remove Elements

  • Page Element Style Property

  • Interactive Page elements Events

  • Event Object values

  • Event Listeners vs Event Handlers

  • UseCapture Event Listener Optional

  • Mouse Movement Events

  • Form Field Event listeners

  • List Exercise on events

  • Window Object WOM

  • DOM element attributes

  • Element Get and Has attribute

  • Adding and Removing Classes

  • Traversing between elements

  • List Exercise

  • requestAnimationFrame movement

  • Bouncing Ball Animation

JavaScript and the DOM Page Elements : JavaScript and the DOM

Document Object Model (DOM) is a programming interface for HTML documents, that is the logical structure of a page and how the page content can be accessed and manipulated. Bring your web pages to life with JavaScript and connect to the web page elements. Create fully interactive content that responds to the user. Create Dynamic web page content that can change without page refresh and present new elements and updated content to the user. Improve your web users experience with JavaScript and the DOM. What is the DOM Document Object Model How to select elements from your webpage with JavaScript Manipulate and change your page elements with JavaScript How to set styling attributes for elements Make them interactive with Event listeners DOM events and Page events with JavaScript How to create elements with code and add them to your webpage Moving elements and animation of elements.


  • Element Selection

  • DOM tree

  • Multiple Elements selection

  • Element Manipulation

  • Adding event listeners

  • Input Values

  • Create Elements

  • Animation

  • Element Movement

  • Window events

  • Document Events

  • Keyboard Events

  • Tracking key presses

Practice JavaScript while building fun interactive and dynamic min applications with JavaScript

Text area character counter

  • Events handlers

  • Keyboard events

  • Element manipulation

Text scroll box

  • Word scrolling

  • Mouse events

Fun with Elements

  • Clone elements

  • create and remove elements

  • animate elements

  • draw elements

  • attaching drag and more

No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.

Step by step learning with all steps included.

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.  

Along with friendly support in the Q&A to help you learn and answer any questions you may have.

Try it now you have nothing to lose, comes with a 30 day money back guarantee.  

Start building your own version of the game today!!!!


icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Laurence Svekis

Hi, I’m Laurence Svekis, and I’m here to help you learn smarter, build real skills, and confidently use AI and modern tools to create amazing things.

I’m a Google Developer Expert (GDE), international speaker, author, and educator specializing in AI-powered learning, Google Workspace automation, and practical development with Google Apps Script and JavaScript. I’ve been teaching online since 2002 and have helped over two million students worldwide develop real-world skills through hands-on courses, books, and workshops.

My passion is learning with AI—using AI not as a shortcut, but as a powerful learning partner. I focus on helping learners understand how things work, how to apply AI responsibly, and how to build tools that solve real problems. Many of my courses explore how AI can act as a tutor, assistant, or productivity booster inside everyday tools like Google Docs, Sheets, and Workspace.

I’m especially known for:

Google Apps Script & Google Workspace automation

Building AI-powered assistants and learning tools

JavaScript for real-world applications

Using AI to improve learning, productivity, and workflows

icon
More courses by Laurence Svekis

$84.99

$64.99

Free

$14.99

Free

$11.99

icon
More JavaScript courses

Free

Free

Free

$24.99

Free

$79.99

icon
Reviews

4.6

151 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Kai Ming Wong on 3/18/2022

Excellent and detail presentations, and downloadable source codes are really of great help to our learning !

By Jos Velema on 2/14/2021

Nice and quick practice of JS and the DOM.

By Bekhzod Ismoilov on 2/1/2021

Tutor started from the simplest project to demostrate so it was easy for me to catch each project

By PM A on 10/27/2020

Excellent and very useful basic javascript projects, so if you are new to javascript, you are going to learn a lot and have fun along the way!

By Quan Quan on 8/5/2020

not so much. My pre-knowledge on JS is not good enough so i get lost a lot on pos.ox pos.oy, pos.ny, pos.ny.

By Vincent Healy on 8/3/2020

Certainly tough going to understand if you don't have any programming experience. But not a show stopper

By Duaa Hamied on 5/24/2020

i am intermediate javaScript and this course is helping to improve my skills

By Shoshana Baddiel on 4/26/2020

I have really enjoyed Laurence's courses! he explains it clearly and each one of his courses is enjoyable to learn from!

By Nicolas Casel on 4/11/2020

Explanations are clear Teacher shows concrete things Cadence is well balanced between dynamic enough to keep attention, and slow enough to understand Point for improvement: the teacher could add comments in the source code, this way it is easier to remember what functions or relevant pieces of code mean

By Caleb Miller on 1/15/2019

These are really nice courses. It's pretty fun to make cool things like these with JavaScript.

Showing all 10 reviews on CourseDuck

Read all 151 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100