Learn JavaScript Dynamic Interactive Projects for Beginners
4.0 (35 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,342 students enrolled

Learn JavaScript Dynamic Interactive Projects for Beginners

Bring HTML code to life with JavaScript. Access and update your web code with JavaScript through the DOM
4.0 (35 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,342 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English [Auto]
Current price: $64.99 Original price: $99.99 Discount: 35% off
7 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 1 article
  • 10 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • access the DOM Document Object Model with JavaScript
  • create Dynamic Content
  • create user interaction with your HTML code
  • Create dynamic lists
  • use JavaScript to add effects, update HTML and more
  • create custom applications
Course content
Expand all 37 lectures 03:14:27
+ Functions
6 lectures 35:23
JavaScript Introduction to Functions
JavaScript function declarations vs function expressions
JavaScript function return values
JavaScript variables Global values
Learn more about Functions
1 page

Please select the correct value that is sent to the console.log

5 questions
JavaScript User input data this to code
+ DOM Document Object Model
14 lectures 01:03:39
JavaScript Introduction to the DOM
JavaScript DOM
4 pages
JavaScript getElementById
JavaScript values addEventListener
JavaScript getElementsByTagName
JavaScript Arrays
JavaScript Objects
JavaScript Loops
JavaScript get text content output to other part of HTML
Source code for current projects
2 pages
JavaScript Math
JavaScript Dynamic Styling using the DOM
JavaScript Random color on hover project code snippet
Project 1 Source Code Random color on Hover
2 pages
+ DOM Document Object Model working with the DOM
12 lectures 58:50
JavaScript DOM Upcoming project
2 pages
JavaScript DOM working with Attributes
JavaScript Attributes of Images
JavaScript Create and Append
JavaScript Add text to new element
JavaScript DOM project Shopping List part 1
JavaScript DOM project Shopping List part 2
DOM shopping List source code
2 pages
JavaScript DOM project create dynamic page updater
JavaScript DOM project dynamic updates part 2
JavaScript Dynamic Style Object Properties
Style Object Properties Source Code
2 pages
  • basic understanding of HTML CSS
  • desire to learn

Bring your web pages to life with user Interaction. Create Dynamic responses using JavaScript. Web visitors are expecting more, and that's interaction with the content.

JavaScript opens the doors to being able to create amazing effects and being able to deliver that expected experience.

I'm a JavaScript developer, having worked on and created hundreds of websites. I'm going to show you how to use JavaScript to access your web page content and make it dynamic.

This course is designed for beginners who want to see real world examples. I show you how you can use JavaScript and your imagination to make amazing things online. All of the source code is included. I also share resources that are used in the course. Tips, and coding methods are also included.

In this course you will learn to make three projects from scratch, using JavaScript to create useful code snippets that can be reused in the real world.

Topics that are covered include Functions. Introduction to functions, how JavaScript compiles your code and the difference between declaration functions and expressions. Functions are so important to understand when it comes to creating interaction. They save time and can accelerate your development process. Using user input and accessing it in JavaScript. Once you get content into JavaScript you can then apply your logic to output endless possibilities.

The DOM, document object model is available and accessible using JavaScript. The DOM opens up full access to anything that the browser is able to present. Learning how to use the DOM brings your JavaScript to the next level. Accessing the DOM makes it easy to do. Learn how to access various elements, any piece of content within your webpage. Event listeners are exactly what you need to add that user interaction. There are many options with event listeners, and when used with the values you get from the web content you can really bring your content to life.

We cover how to list out objects, arrays and loops. How to update HTML and Text on your webpage dynamically. Using Math in JavaScript allows you to make calculations and even create random values.

Next we show you how to access your HTML styling and manipulate it. Bring CSS styling together with JavaScript, changing the look of your web content customized for each user. Add cool effects for your users.

DOM and accessing HTML element attributes. In this project understanding how to dynamically use JavaScript to create elements in HTML, update attribute content, and .append new elements into your HTML code. We teach you how to create a dynamic shopping list, where you can add items and even click to remove those newly created elements.

Who this course is for:
  • anyone who wants to learn more about JavaScript
  • coding beginners learning JavaScript
  • web developers who want to learn about the DOM
  • Anyone who wants to learn about creating web pages
  • New web experience developers