1. Interactivity

Syllabus Points Covered

Programming for the web

Data transmission using the web

• Explore the applications of web programming

  • interactive website/webpages

Designing web applications

• Model elements that form a web development system

  • client-side (front-end) web programming

Chapter Contents

• 1.1. JavaScript
  • 1.1.1. JavaScript in the Browser
  • 1.1.2. JavaScript Browser Model
  • 1.1.3. Hello World
  • 1.1.4. Glossary
• 1.2. JavaScript in HTML
  • 1.2.1. Event Attributes
  • 1.2.2. Inline
  • 1.2.3. External
  • 1.2.4. Glossary
• 1.3. Document Object Model
  • 1.3.1. What is the DOM?
  • 1.3.2. What Can You Do with the DOM?
  • 1.3.3. How Does the Browser Construct the DOM?
  • 1.3.4. Example: HTML + JavaScript
  • 1.3.5. Glossary
• 1.4. Window, Document and Elements
  • 1.4.1. Window Object
  • 1.4.2. Document Object
  • 1.4.3. Elements
  • 1.4.4. Glossary
• 1.5. Finding Elements
  • 1.5.1. getElementById
  • 1.5.2. querySelector
  • 1.5.3. querySelectorAll
  • 1.5.4. getElementsByClassName
  • 1.5.5. getElementsByTagName
• 1.6. Editing the Page and Elements
  • 1.6.1. Updating Content with innerHTML
  • 1.6.2. Updating Attributes
  • 1.6.3. Styling Elements
  • 1.6.4. Creating and Adding Elements
  • 1.6.5. Removing Elements
• 1.7. Events
  • 1.7.1. Event Properties
  • 1.7.2. Event Listeners
  • 1.7.3. Removing Event Listeners
  • 1.7.4. Common Events
  • 1.7.5. Special Event Types
  • 1.7.6. Glossary