Dynamic and Interactive web pages - beginners JavaScript DOM
4.6 (33 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.
5,267 students enrolled

Dynamic and Interactive web pages - beginners JavaScript DOM

Learn to create Dynamic and Interactive web pages using JavaScript. JavaScript Document Object Model - For Beginners
4.6 (33 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.
5,267 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $129.99 Original price: $199.99 Discount: 35% off
8 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 25 articles
  • 5 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
  • How to apply JavaScript
  • Use of JavaScript
  • Making web pages interactive
  • How to make website dynamic
Course content
Expand all 53 lectures 02:16:07
+ Introduction to Interactive Web pages
52 lectures 02:14:54
Resource Guide
00:11
create an index page
05:03
Script file JS
01:59
Source Code
00:05
Console Log Options
05:00
Source Code
00:05
JS Document Object.
06:03
Source Code for html index page that can be used as a sample webpage
01:14
Selecting Elements
04:58
Source Code
00:01
Selection by tag
05:21
Source Code
00:05
querySelector
03:53
Source Code
00:03
querySelectorAll
05:00
Source Code
00:06
Source Code
00:06
Update Images
03:11
Source Code
00:04
ChildNodes Children and more
09:09
Source Code
00:07
Element Style Update
03:42
Multi Element Style Update.
03:56
Source Code
00:06
Add Classes to Elements
07:35
Source Code
00:05
Set Attribute.
02:29
Source Code
00:02
JavaScript Create Element
03:52
Source Code
00:04
append and prepend
06:57
Source Code
00:09
AddEvent Listeners
03:46
Source Code
00:06
AddEvent Mulitple Listeners
05:32
Source Code
00:07
Mouse move events.
03:06
Source Code
00:05
Fun with Images
05:12
Source Code
00:12
Fun with Images part 2
02:19
Source Code
00:10
Form Values
05:12
Source Code
00:06
Annoying Blinker
05:40
Source Code
00:09
Animation JavaScript.
08:53
Source Code
00:15
DOM Conclusion
00:30
Requirements
  • HTML and CSS
  • Basics of JavaScript coding
  • Desire to learn JavaScript
  • Fundamental JavaScript
Description

Learn about how JavaScript can be used to apply interaction and dynamic content to web pages.

Please note that JavaScript - HTML and CSS are prerequisites to this course

Scope of this course is to cover JavaScript and how it can be used to select elements from the web page.  Create new element, updates elements and manipulate elements directly using JavaScript.  Explore how easy it is to make your website come to life.  Using the DOM Document Object Model connect to the elements via JavaScript.

  • Explore how JS can be added to web pages

  • Learn about console and debugging with JavaScript

  • Find out more about DOM Document Object Model

  • Use JavaScript to select elements from the page

  • Select multiple elements from the page

  • Update element attributes

  • Update element style properties and values

  • Add classes and manipulate element class values.

  • Learn how to create elements using JavaScript and add them to a webpage

  • Create interaction using event listeners in JavaScript

  • Form values

  • Mini projects to highlight what was learned

  • Source code is inlcuded

try the code for yourself and explore what you can do with JavaScript

Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section.  Taught by an instructor with over 20 years real world experience ready to help you learn more.  Step by step training resources and source code is also included to get you started quickly.

Who this course is for:
  • Web developers
  • Web designers
  • Anyone who wants to learn how to make interactive web applications