Skip to main content

⚡ Front-End JavaScript

Make your web pages come alive. Learn JavaScript from the ground up and bring interactivity to the HTML & CSS skills you already have.

📚 About This Course

You know how to build beautiful, well-structured web pages with HTML and CSS. Now it's time to make them do things. This course teaches you JavaScript — the programming language of the browser — so you can add interactivity, respond to user actions, manipulate the page in real time, and even fetch data from the internet.

We start from absolute zero with JavaScript. No prior programming experience is required — just a solid foundation in HTML and CSS (which you built in the prerequisite course). By the end, you'll be writing real, working JavaScript that powers dynamic web pages.

What You'll Learn

  • JavaScript fundamentals — variables, data types, operators, and expressions
  • Control flow — conditionals, loops, and functions
  • Data structures — arrays, objects, and powerful built-in methods
  • The DOM — selecting, modifying, creating, and removing HTML elements with JavaScript
  • Events — responding to clicks, key presses, form submissions, and more
  • Real-world features — form validation, local storage, timers, and fetching data from APIs
  • A capstone project that ties it all together

Who This Course Is For

  • Graduates of the HTML & CSS: Build and Publish Your First Website course (or anyone comfortable with HTML/CSS)
  • Aspiring web developers ready to add interactivity to their pages
  • Anyone curious about programming who wants to see immediate visual results in the browser

📖 Course Modules

Module 1: JavaScript Foundations

Get set up and learn the building blocks of JavaScript — how to link scripts, use the console, declare variables, and work with data types and operators.

Module 2: Control Flow & Functions

Make decisions with conditionals, repeat actions with loops, and organize your code into reusable functions.

Module 3: Working with Data

Master arrays, objects, strings, and the powerful built-in methods that make JavaScript a joy to work with.

Module 4: The DOM

Connect JavaScript to the page — select elements, change their content and styles, listen for events, and build elements from scratch.

Module 5: Building Interactive Pages

Combine everything to build real features — form validation, timers, persistent storage, and fetching live data from APIs.

Module 6: Capstone & Next Steps

Build a complete interactive project from scratch, then chart your path forward as a JavaScript developer.

✅ Prerequisites

Before starting this course, you should have:

  • Completed HTML & CSS: Build and Publish Your First Website (or equivalent knowledge)
  • Comfort writing HTML tags, using CSS selectors, and building page layouts
  • A working VS Code setup with Live Server (covered in the HTML & CSS course)

Required Software

  • A modern web browser (Chrome, Firefox, or Edge recommended)
  • Visual Studio Code with the Live Server extension
  • No additional installs needed — JavaScript runs right in the browser!

📚 Additional Resources

Recommended References

Useful Tools

Prerequisite Course

🔍 Search Course Content