English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 5h 01m | 0.98 GB
The HTML DOM (Document Object Model) opens up exciting new ways to create dynamic websites. Learn the different ways a developer can manipulate the DOM tree using common web technologies. Instructor Christian Hur introduces the DOM and shows how DOM elements are arranged and constructed. Next, he reviews the built-in web browser developer tools and uses them to quickly manipulate the DOM in a temporary virtual environment (stateless mode). Once the foundations are covered, you can explore the dramatically different approaches to DOM manipulation taken by libraries and frameworks like jQuery, Angular, and React. Exploring the similarities and differences will give you the confidence to choose and switch between tools.
Topics include:
- What is the DOM?
- Working with properties, objects, and methods
- Traversing the DOM tree
- Manipulating elements with JavaScript
- Adding, appending, and deleting nodes with JavaScript
- Selecting content in the COM with jQuery
- Updating the DOM tree with jQuery or AngularJS
- Making live updates for content
- Understanding React’s virtual DOM approach
Table of Contents
1 Welcome
2 What you should know
3 Using the exercise files
4 Developer tools
5 What is the DOM_
6 The DOM tree
7 nodeType and nodeName properties
8 The Node interface
9 The Document object
10 The Document methods
11 Element objects
12 Modifying text in the DOM
13 Event objects
14 Window object
15 CSS properties and the DOM
16 Traversing the DOM tree
17 Select elements with getElementById
18 Select elements with getElementsByClassName
19 Select groups of elements with getElementsByName
20 Select elements with getElementsByTagName
21 Add, append, and delete DOM nodes
22 Updating content in place
23 jQuery application structure
24 Selecting content in the DOM
25 Angular application structure
26 Updating the DOM tree
27 From the DOM to directives
28 React application structure
29 The React virtual DOM approach
30 Encapsulating code in components
31 Live updates for content
32 Next steps
Resolve the captcha to access the links!