Building Interactive JavaScript Websites

Learn the Document Object Model, the interface between JavaScript and HTML elements, and combine HTML, CSS, and JavaScript into exciting interactive sites!

### Why Build Interactive JavaScript Websites?
This course will guide you through combining HTML, CSS, and JavaScript to make exciting interactive sites!

The concepts covered in this course lay the foundation for adding interactivity to websites and can help you bridge the gap between learning JavaScript principles and actually applying JavaScript to real web development projects.

### Take-Away Skills:
Learn about the DOM architecture and manipulation, browser events and handlers, as well as a new web templating framework Handlebars.js.

### Note on Prerequisites:
Basic HTML and CSS skills are a prerequisite for this course. You should be familiar with common HTML tags, and the syntax of CSS selectors and rules. Intermediate JavaScript is also a prerequisite, and you should be comfortable with arrays, objects, and looping through arrays.

• JavaScript Interactive Websites: Learn how to bring JavaScript and HTML together with the script tag and the DOM model.
• Lesson: The Script Element
• VideoContentItem: Create Your First JavaScript Website
• Lesson: The Document Object Model
• Lesson: JavaScript and the DOM
• Quiz: JavaScript and the DOM
• Project: Chore Door
• DOM Events with JavaScript: Learn to create webpage interactivity by leveraging JavaScript events in the browser.
• Lesson: DOM Events with JavaScript
• Quiz: DOM Events
• Project: Piano Keys
• Templating With Handlebars: Learn to create semantic templates using a popular and lightweight templating engine, Handlebars!
• Lesson: Learn Handlebars
• Project: Musicon