JavaScript Fundamentals — From Zero to a Real Web Page

About this course

JavaScript is the language of the web — every interactive page, every front-end framework starts here. We work through the modern fundamentals (let/const, arrow functions, fetch, DOM) plus the patterns that frameworks build on. By session eight you've shipped a small interactive app — a habit tracker, a to-do list, or a weather widget — live on GitHub Pages with your URL to share.

What you'll cover

• 1

  Setting up VS Code, the browser console, and your first script

  VS Code, DevTools, and a 'Hello world' that runs in the browser.

• 2

  Variables, types, and the modern syntax

  let vs const. Strings, numbers, arrays. Template literals.

• 3

  Functions and arrow functions

  Reusable code. Arrow shortcut. Returning vs side effects.

• 4

  Loops, conditionals, and array methods

  if/else, for, while. The map/filter/reduce trio that runs the modern web.

• 5

  The DOM — making the page move

  querySelector, addEventListener, classList. Build a click counter.

• 6

  fetch and APIs

  Hit a real API (weather, jokes). Promises, async/await, error handling.

• 7

  Local storage and the project shell

  Persist data without a backend. Set up your final project.

• 8

  Ship it — GitHub Pages and a live URL

  Push to GitHub. Enable Pages. Share your URL.

Skills you'll build

• JavaScript
• ES2024
• DOM
• fetch
• async/await
• VS Code
• GitHub Pages
• front-end