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
62,109 learners enrolled
  • Skill level

    Intermediate
  • Time to complete

    Approx. 7 hours
  • Certificate of completion

    Included with paid plans
  • Prerequisites

    3 courses

About this course

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.

Syllabus

5 lessons • 3 projects • 2 quizzes
The platform

Hands-on learning

Don’t just watch or read about someone else coding — write your own code live in our online, interactive platform. You’ll even get AI-driven recommendations on what you need to review to help keep you on track.
Animated demonstration of running code in Codecademy's learning environment
Meet the creator of the course
Jiwon Shin
Senior Curriculum Developer at Codecademy
Jiwon is a Senior Curriculum Developer at Codecademy. She has created courses across the web development catalog on languages such as JavaScript, PHP, and CSS, frameworks like React and Node.js, and the Front-End Engineer Career Path. She also created courses on p5.js, build tools, and Intro to UI and UX Design.

Reviews from learners

  • The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.
    Chris
    Codecademy Learner @ USA
  • I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.
    Rodrigo
    Codecademy Learner @ UK
  • Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.
    John-Andrew
    Codecademy Learner @ USA

Our learners work at

Google Logo
Meta Logo
Apple Logo
EA Logo
Amazon Logo
IBM Logo
Microsoft Logo
Reddit Logo
Spotify Logo
Uber Logo
YouTube Logo
Instagram Logo

Unlock additional features with a paid plan

Practice Projects

Guided projects that help you solidify the skills and concepts you're learning.

Assessments

Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.

Certificate of Completion

Earn a document to prove you've completed a course or path that you can share with your network.

Join over 50 million learners and start Building Interactive JavaScript Websites today!

Start