Author: Ray Villalobossize : 381.92 MB
Subject: Developer, Web, Web Design, Web Development
Software: HTML , JavaScript
Level: Intermediate | Duration: 2h 3m | Released date: Jun 10, 2013
Homepage: http://www.lynda.com/HTML-tutorials/JavaScript-Enhancing-DOM/122462-2.html
Topics include:
- What is the DOM?
- Choosing and isolating elements
- Traversing up and down DOM nodes
- Changing HTML attributes
- Modifying elements as text
- Creating and appending nodes
- Cloning and removing nodes
- Adding a bubbling event listener
- Adding and resizing images
- Handling clicks
- Introduction
- Welcome
- What you should know before watching this course
- Using the exercise files
- 1. Getting Started
- What is the Document Object Model (DOM)?
- Navigating the DOM with developer tools
- Testing JavaScript commands with the console
- Communicating with the console through JavaScript
- 2. Selecting the DOM
- Selecting elements with getElementById
- Choosing elements by HTML tag
- Isolating elements by class name
- Querying CSS to select elements
- Working with named form elements
- Understanding nodeType, nodeName, and nodeValue
- Traversing up and down DOM nodes
- Targeting node elements
- 3. Modifying DOM Attributes and Content
- Changing HTML attributes
- Working with restricted attributes
- Detecting data attributes
- Controlling classes with the HTML5 classList
- Targeting the attributes property
- Using text content modifiers
- Modifying elements as text
- 4. Inserting and Deleting Nodes
- Creating and appending nodes
- Controlling node insertions with insertBefore
- Cloning and removing nodes
- Replacing existing nodes
- 5. The DOM in Action
- What we’ll build
- Adding a bubbling event listener
- Creating and styling an overlay with JavaScript
- Adding an image
- Resizing images in the DOM
- Centering an image
- Handling clicks
- Adjusting for scrolling
- Detecting and adjusting for a window resize
- Conclusion
- Next step
Download : Direct LinksDownload From : 1fichier.comDownload From : gulfup.comDownload From Multi Server : go4up.com