The DOM in JavaScript, jQuery, AngularJS, and React

Introduction

• Welcome
• What you should know
• Using the exercise files

• Developer tools
• What is the DOM?
• The DOM tree
• nodeType and nodeName properties
• The Node interface
• The Document object
• The Document methods
• Element objects
• Modifying text in the DOM
• Event objects
• Window object
• CSS properties and the DOM
• Traversing the DOM tree

• Select elements with getElementById
• Select elements with getElementsByClassName
• Select groups of elements with getElementsByName
• Select elements with getElementsByTagName
• Add, append, and delete DOM nodes
• Updating content in place

• jQuery application structure
• Selecting content in the DOM

• Angular application structure
• Updating the DOM tree
• From the DOM to directives

• React application structure
• The React virtual DOM approach
• Encapsulating code in components
• Live updates for content

• Next steps