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!
Start![[missing "en.views.course_landing_page.build-interactive-websites.course_illustration" translation]](http://www.codecademy.com/webpack/64ffbb7557fac182fb5da99c2bb0d39f.svg)
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
What you'll learn
- 1
JavaScript Interactive Websites
Learn how to bring JavaScript and HTML together with the script tag and the DOM model.
- 2
DOM Events with JavaScript
Learn to create webpage interactivity by leveraging JavaScript events in the browser.
- 3
Templating With Handlebars
Learn to create semantic templates using a popular and lightweight templating engine, Handlebars!
- View Syllabus
What you'll create
Portfolio projects that showcase your new skills
Chore Door
It’s time to build fluency in your coding skills. In this next Pro Project, we’re going to practice building an interactive webpage in HTML, CSS, and JavaScript so you can hone your skills and feel confident taking them to the real world. Why? These three languages are the backbone of all web development. What’s next? Interactive JavaScript, chore-assigning robots, and game time. You got this!
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.”