Learn JavaScript Dynamic Interactive Projects for Beginners
4.3 (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,341 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.3 (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,341 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto-generated]
Current price: $64.99 Original price: $99.99 Discount: 35% off
12 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
09:22
JavaScript function declarations vs function expressions
05:21
JavaScript function return values
06:35
JavaScript variables Global values
10:35
Learn more about Functions
1 page

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

Functions
5 questions
JavaScript User input data this to code
03:30
+ DOM Document Object Model
14 lectures 01:03:39
JavaScript Introduction to the DOM
04:10
JavaScript DOM
4 pages
JavaScript getElementById
07:10
JavaScript values addEventListener
07:41
JavaScript getElementsByTagName
04:40
JavaScript Arrays
02:51
JavaScript Objects
07:24
JavaScript Loops
04:00
JavaScript get text content output to other part of HTML
05:35
Source code for current projects
2 pages
JavaScript Math
06:41
JavaScript Dynamic Styling using the DOM
07:48
JavaScript Random color on hover project code snippet
05:39
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
06:57
JavaScript Attributes of Images
06:12
JavaScript Create and Append
04:14
JavaScript Add text to new element
02:25
JavaScript DOM project Shopping List part 1
10:31
JavaScript DOM project Shopping List part 2
08:34
DOM shopping List source code
2 pages
JavaScript DOM project create dynamic page updater
09:21
JavaScript DOM project dynamic updates part 2
04:31
JavaScript Dynamic Style Object Properties
06:05
Style Object Properties Source Code
2 pages
Requirements
  • basic understanding of HTML CSS
  • desire to learn
Description

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