Course

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!

4.51 out of 5 stars
65,726 learners enrolled
  • Skill level

    Intermediate
  • Time to complete

    Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary
    6 hours
  • Certificate of completion

    Included with paid plans
  • Prerequisites

    3 courses
    We suggest you complete the following courses before you get started with Building Interactive JavaScript Websites:
    • Learn HTML
    • Learn CSS
    • Learn JavaScript

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
  • Certificate of completion available with Plus or Pro

    Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.

The platform

Hands-on learning

Animated GIF of an AI provided error explanation within Codecademy's learning environment
An AI-generated hint within the instructions of a Codecademy project
Animated GIF of Codecademy's Job Readiness Checker tool generating a compatibility report for a senior software engineer role
Animated GIF of building a phone screen interview using Codecademy's Interview Simulator
A fill-in-the-blank JavaScript question in a Codecademy assessment
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.

Earn a certificate of completion

Show your network you've done the work by earning a certificate of completion for each course or path you finish.
  • Show proofReceive a certificate that demonstrates you've completed a course or path.
  • Build a collectionThe more courses and paths you complete, the more certificates you collect.
  • Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.

Building Interactive JavaScript Websites course ratings and reviews

4.51 out of 5 stars
710 ratings
  1. 5 stars
  2. 4 stars
  3. 3 stars
  4. 2 stars
  5. 1 star
  • 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

Frequently asked questions about Building Interactive JavaScript Websites

  • An interactive (or dynamic) website is a site with dynamic pages that can be modified by users. Most modern websites are interactive, while static websites (which have pages that appear the same for every user) were more prevalent until the early 2000s.

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

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.