JavaScript DOM Dynamic Web interactive content Boot Camp

Modern Dynamic JavaScript makes your web developer content come to life user dynamic content customized for each user.
4.3 (40 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
7,015 students enrolled
80% off
Take This Course
  • Lectures 59
  • Exercises 2 coding exercises
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Coding Exercises New!
    Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2015 English

Course Description

JavaScript is powerful, and the DOM really demonstrates this!

Learn web development using JavaScript. JavaScript is an essential part of creating websites learn the building blocks of web development with JavaScript programming. The DOM can be used to create interactive content for your web pages.

Understanding the DOM is an excellent starting point for jQuery.

Learn the underlying technology to all of the JavaScript frameworks such as jQuery.

JavaScript for beginners to JavaScript advanced users, this course also includes lots of coding examples. This course will show you how to Master JavaScript, learning dynamic web design using JavaScript. JavaScript is a crucial part to become a Complete Web Developer

No wasted time, straight to the point teaching. Our method of teaching is

  • Course has over 31 Source files
  • Links to online code editor with file content
  • No wasted time watching someone type code
  • straight to the point cover all topics directly with examples
  • challenges within the course to test your knowledge of the topic
  • Quizzes
  • 30 day money back guarantee
  • Downloadable PDF web developer resources FREE

1st - VISUAL watch with explanations about the topic.2nd - TRY try the code yourself we provide all the source code used in the course.3rd - CHALLENGE we test you on what you have learned try to solve our challenges.4th - VISUAL we show you how we solve the challenges.5th - Repeat as needed.

Knowing how it works from the ground up will help you learn JavaScript frameworks better.

This course is designed to cover core aspects of JavaScript and cover the Document Object Model (DOM).

JavaScript is Dynamic executed at run-time when the browser loads. This allows JavaScript to create awesome interaction with the user. If you want to build interactive web content you need to know JavaScript.

DOM is the API which JavaScript uses to interact with the objects on the webpage. The DOM can be used to access and manipulate HTML content. This course will focus on the JavaScript code that makes this happen.

JavaScript for beginners to JavaScript advanced users, this course also includes lots of coding examples. This course will show you how to Master JavaScript, learning dynamic web design using JavaScript. JavaScript is a crucial part to become a Complete Web Developer. Learn and master JavaScript from Scratch. Check out our other JavaScript courses to learn even more advanced JavaScript included with our of web developer courses. Comprehensive JavaScript Programming, learn by making and working with examples. Build dynamic websites with JavaScript.

  • javascript web
  • javascript design
  • javascript complete
  • javascript for programmers
  • javascript tutorial
  • javascript basics

This course is perfect whether you are an Absolute Beginner, who wants to learn about JavaScript Programming or whether you are a web developer who wants to learn more about JavaScript.

What are the requirements?

  • Basic HTML tags
  • HTML elements
  • CSS Classes and Ids
  • Basic CSS Styling

What am I going to get from this course?

  • Better understand the core principles of Javascript

Who is the target audience?

  • Expand their knowledge of Javascript

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Getting Started with the JavaScript DOM Course
Instructor intro to course
3 pages
Course Introduction How to use content
Introduction to the DOM
Section 2: Getting Started with Interactive Javascript

adding JavaScript to your webpage

Use Source : Lesson1

document.getElementById JavaScript DOM Source Code example 1
1 page

Use Source : Lesson2

Console JavaScript DOM Source Code example 2
1 page
1 question
Print a specified value to the console

Lesson 3

document.body DOM Source Code example 3
1 page
innerHTML vs TextContent

InnerHTML how to change elements on a page using Javascript

Lesson 4

innerHTML DOM Source Code example 4
2 pages

Placement of JavaScript



JavaScript Objects from the DOM

outerHTML innerHTML DOM Source Code example 6
2 pages
3 questions

JavaScript tags

Section 3: JavaScript and working within the DOM
CSS Selectors Finding a node

Open source files Lesson7a and Change innerHTML of each class to a count plus the class name



Loop through classes DOM Source Code example 8
1 page
1 question
Read and print all elements of an array using a for loop

Change innerHTML of the last div with a class of first use source file Lesson8a


Lesson 9

querySelectorAll DOM Source Code example 9
1 page

Use source file Lesson9a

Write out the href link URL and some text for each link that includes the JS text


Lesson 11

DOM navigation childNodes DOM Source Code example 11
2 pages

Lesson 10

Navigating the DOM Source Code example 10
2 pages
Section 4: Manipulating JavaScript using DOM

Lesson 12

Add Styles CSS DOM Source Code example 12
2 pages

Lesson 13

get all elements with class name row.

loop through the returned results

change the style, textAlign, color, backgroundColor, fontFamily and add a border.

getElementsByClassName DOM Source Code example 13
2 pages

Lesson 14


Lesson 15

setAttribute appendChild DOM Source Code example 15
2 pages

Lesson 16

Working with Images DOM Source Code example 16
3 pages

Lesson 17

addEventListener DOM Source Code example 17
2 pages

change the output text to show the id of the button that was clicked.

Events DOM Source Code example 18
2 pages

change the output text to show the id of the button that was clicked.

Lesson 18


Lesson 19

function(e) DOM Source Code example 19
2 pages

Challenge Lesson 20

Change background and text of output id div, when the user moves mouse on and off the image.

mouseMover DOM Source Code example 20
2 pages

Lesson 21

Form element values DOM Source Code example 21
2 pages

Lesson 22 Check for a valid email on submit

Form value checks DOM Source Code example 22
2 pages

Lesson 23

preventDefault DOM Source Code example 23
2 pages

Lesson 24

Windows Objects DOM Source Code example 24
3 pages

Lesson 25

setInterval DOM Source Code example 25
2 pages

Lesson 26

requestAnimationFrame DOM Source Code example 26
3 pages
Section 5: Course Bonus Resources and Extra Lectures
JavaScript Resources
7 pages

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Laurence Svekis, Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"

Ready to start learning?
Take This Course