[Lynda] The DOM in JavaScript, jQuery, AngularJS, and React


image of author Christian Hur Christian Hur



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
Skill Level Intermediate

5h 1m



Show More Show Less
Skills covered in this course

WebWeb Development

Size: 760.98M





Tutorials For Free, Guides, Articles & Community Forum.OneHack.Us | Tutorials For Free, Guides, Articles & Community Forum. A place where everyone can share knowledge with each other


  1. FCO January 2, 2018 Reply
  2. Drovosek November 15, 2017 Reply

Add a Comment

Your email address will not be published. Required fields are marked *