Ultimate Courses – JavaScript DOM 2020-3

Ultimate Courses – JavaScript DOM is a DOM training course and a complete understanding of JavaScript development. This course is prepared by Todd Motto, creator of Ultimate Courses, for teaching Java Script from beginner to advanced level.

What you will learn in Ultimate Courses – JavaScript DOM:

• Understand the use of the DOM in JavaScript
• Features, styles and classes in JavaScript
• Forms and events
• Project-oriented training by building a real world project

Course specifications

Publisher: Ultimate Courses
Instructors:  Todd Motto
Language: English
Education Level: Basic to Advanced
Number of Courses: 47
Duration: 7 hours

Course topics:

Introduction

The Missing JavaScript DOM Introduction
Setup Instructions
Project Walkthrough and Install

DOM Events and JavaScript Loading

Understanding DOM Loading Events
Understanding JavaScript Loading

DOM Nodes In-Depth

Nodes Explained DOM
Creating DOM Nodes
Changing Content of DOM Elements
innerHTML versus Createelement
Using Documentfragments
Inserting DOM Elements
Inserting DOM as String Templates
Replacing DOM Elements
Cloning DOM Elements
Removing DOM Elements

Querying and Traversing the DOM

Querying DOM Nodes (HTMLCollections)
Querying DOM Nodes (NodeLists)
Looping over DOM Elements
Finding Child Elements
Finding Parent Elements
Finding Sibling Elements

Attributes, Styles and Classes

Element Properties versus HTML Attributes
Setting and Getting HTML Attributes
Setting and Getting Inline Styles
Setting and Getting Classes

Events and Event Listeners

Adding Event Listeners and Event Object
Removing Event Listeners
Event Bubbling, Capturing and Propagation
Preventing Default Event Actions
Event Delegation and Dynamic Events
Keyboard Events

Forms and Events

Accessing Forms and Elements
Form Submit Event and FormData
Transforming FormData for the Server
Posting FormData via Fetch API
Handling Input Elements
Handling Radio Input Elements
Handling Checkbox Input Elements
Handling Select Elements

Project Build

Setup Instructions
Project Setup and Install
Structuring our HTML Template
State Initialization and Submit Events
Rendering State with Template Literals
Updating State via Event Delegation
Deleting Items from State
Toggling UI State and Filtering Collections
Persisting State to LocalStorage
Dynamic DOM Injection and Editing

Prerequisites course:

Pictures

Sample film

Installation guide

After Extract, watch with your favorite Player.

Subtitle: None

Quality: 1080p

download link

Download Part 1 – 1 GB

Download Part 2 – 870 MB

Size

1.9 GB