Building Interactive JavaScript Websites
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.
Codecademy courses have been taken by employees at
- 1Learn how to bring JavaScript and HTML together with the script tag and the DOM model.
- 2Learn to create webpage interactivity by leveraging JavaScript events in the browser.
- 3Learn to create semantic templates using a popular and lightweight templating engine, Handlebars!
What you'll create
Portfolio projects that showcase your new skills
Chore Door
Practice using JavaScript and the DOM by creating an interactive game.
Piano Keys
It’s time to build fluency in your coding skills. In this next Pro Project, we’re going to practice building interactivity with JavaScript. Why? You will have the opportunity to build an interactive web page with events like you would in the real-world. What’s next? Create an interactive piano player. You got this!
Musicon
You will build a musical instrument store using HTML, CSS, JavaScript, and Handlebars.
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory

— Madelyn, Pinterest
I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.
Course Description
Learn the Document Object Model, the interface between JavaScript and HTML elements, and combine HTML, CSS, and JavaScript into exciting interactive sites!
Details
Earn a certificate of completion
7 hours to complete in total
Intermediate
Learn how to bring JavaScript and HTML together with the script tag and the DOM model.
1 lesson, 1 quiz, 1 project
1 lesson, 1 project