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
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
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!!!!
Instructor Details
- 4.6 Rating
151 Reviews
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
More courses by Laurence Svekis
Complete Google Workspace (G Suite), Beginner - Advanced (2025)
4.6 (10,757 Reviews)
Provider: Udemy
Time: 23.2h
$84.99
Frontend web developer Modern HTML CSS JavaScript (2025)
4.5 (6,723 Reviews)
Provider: Udemy
Time: 12.2h
$64.99
Web Developer Course HTML CSS JavaScript Learn Web Design (2024)
4.5 (5,865 Reviews)
Provider: Udemy
Time: 5.9h
Free
Google Apps Script Complete Course Beginner to Advanced (2025)
4.7 (3,971 Reviews)
Provider: Udemy
Time: 27.7h
$14.99
Modern Web Design HTML5 CSS3 beginners guide to Websites (2023)
4.4 (1,915 Reviews)
Provider: Udemy
Time: 3h
$11.99
More JavaScript courses
The Modern Javascript Bootcamp Course (2026)
4.9 (13,238 Reviews)
Provider: Udemy
Time: 51.9h
$24.99
JavaScript: Understanding Advanced ES Next (ES6 and Beyond) (2025)
4.9 (1,076 Reviews)
Provider: Udemy
Time: 3.5h
$79.99
Reviews
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.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 92 / 100











