Download : Lynda – JavaScript: Enhancing the DOM

Author: Ray Villalobos
Subject: Developer, Web, Web Design, Web Development
Software: HTML , JavaScript
Level: Intermediate | Duration: 2h 3m | Released date: Jun 10, 2013

size : 381.92 MB

Homepage: http://www.lynda.com/HTML-tutorials/JavaScript-Enhancing-DOM/122462-2.html

The Document Object Model (DOM) is at the core of every HTML page. In order to develop dynamic HTML pages, a front-end developer needs to understand how JavaScript connects to and controls the DOM, allowing you to create, modify, delete, and edit existing page content. This course focuses on helping you understand the DOM elements, and shows the different ways JavaScript gives you access to them and makes it easier to work with the DOM. Author Ray Villalobos covers navigating the DOM, selecting elements, modifying HTML attributes, editing nodes, and much more.

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 Links
  
  
  Download From : 1fichier.com 
  
  
  Download From :  gulfup.com
  
  
  Download From Multi Server : go4up.com