Skip to content
New this month 24 fresh C++, C#, F#, JavaScript, TypeScript and Lua courses just landed. Browse new releases Use code WELCOME10 for 10% off your first order · 14-day refund
WisdomCharms — home
Cart 0 items in cart
Web Development Beginner

JavaScript from Scratch: The 2026 Beginner Path

Learn the JavaScript that modern browsers and Node actually run, with no jQuery nostalgia.

Rated 5.0 out of 5 from 1 review 24 students

MH Created by Marcus Hale

  • Last updated August 2026
  • English
  • 6h 58m of material
  • 52 lessons

What you will learn

8 concrete outcomes

Every bullet below is something you will have built, shipped or be able to explain by the time you finish the last lesson.

  • Write modern JavaScript with modules, const, destructuring and template literals
  • Understand values, references, scope and hoisting well enough to predict behaviour
  • Manipulate the DOM safely with querySelector, event delegation and element creation
  • Transform data with map, filter, reduce and the object and array spread syntax
  • Call HTTP APIs with fetch, handle errors and render loading and empty states
  • Use async and await instead of nested callbacks or promise chains
  • Debug with breakpoints, the console and the network tab rather than guesswork
  • Build and ship two projects with Vite, including a production build

Course curriculum

6 modules · 52 lessons · 6h 58m of material

10 lessons running 1h 22m in total. Each lesson ships with the finished source files and a short written recap, so you can follow along in your own editor and skim the module again later.

Lesson-by-lesson titles, code downloads and exercises live inside the course library you get access to straight after checkout.

9 lessons running 1h 12m in total. Each lesson ships with the finished source files and a short written recap, so you can follow along in your own editor and skim the module again later.

Lesson-by-lesson titles, code downloads and exercises live inside the course library you get access to straight after checkout.

10 lessons running 1h 20m in total. Each lesson ships with the finished source files and a short written recap, so you can follow along in your own editor and skim the module again later.

Lesson-by-lesson titles, code downloads and exercises live inside the course library you get access to straight after checkout.

7 lessons running 54m in total. Each lesson ships with the finished source files and a short written recap, so you can follow along in your own editor and skim the module again later.

Lesson-by-lesson titles, code downloads and exercises live inside the course library you get access to straight after checkout.

9 lessons running 1h 12m in total. Each lesson ships with the finished source files and a short written recap, so you can follow along in your own editor and skim the module again later.

Lesson-by-lesson titles, code downloads and exercises live inside the course library you get access to straight after checkout.

7 lessons running 58m in total. Each lesson ships with the finished source files and a short written recap, so you can follow along in your own editor and skim the module again later.

Lesson-by-lesson titles, code downloads and exercises live inside the course library you get access to straight after checkout.

6 modules · 52 lessons

6h 58m total length

Requirements

Short list, and deliberately so. If you meet these you can start today.

  • Basic HTML and CSS: you can write a page with elements and classes
  • A modern browser, a code editor and Node 20 or newer installed
  • No prior JavaScript experience required

About this course

JavaScript accumulated two decades of advice, and most beginner material is still carrying some of it. This path teaches only what a current engine runs: modules, let and const, arrow functions, destructuring, template literals, optional chaining, classes where they genuinely fit, and async and await for everything that waits.

You work in the browser and in Node from the first module, because understanding that JavaScript is a language with two host environments removes an enormous amount of confusion later. The DOM section covers querying, event listeners, delegation and building elements without innerHTML string concatenation. The data section covers arrays and objects, JSON, fetch, error handling and the network tab as a debugging tool.

Two projects anchor the material: an interactive task board that persists to localStorage and a small weather dashboard that consumes a public HTTP API, handles failures gracefully and renders loading states. Both are built with Vite so that modules, hot reload and a production build are normal from the beginning rather than a later shock.

Topics covered

Frequently asked questions

Still unsure about something? Write to misteryjj100@gmail.com and a human answers, usually the same working day.

Eventually, but not immediately. Frameworks make far more sense once the DOM, modules and async behaviour are second nature, which is exactly what this path builds.

No, deliberately. Learn the runtime semantics first, then add types with the dedicated TypeScript for JavaScript developers course, which continues from here.

Both. The language core and async modules run in Node, while the DOM and project modules run in the browser through Vite.

Checkout is handled on our provider's secure payment page. The moment your payment clears we email your personal access link and access code to the address you used at checkout, and the same link appears in your account library. There is nothing to install and nothing to wait for.

Email misteryjj100@gmail.com within 14 days of your purchase, quote your order number, and we refund the full amount to your original payment method. No form to fill in and no questions about how much of the course you watched.

What students say

Reviews are written by people who bought this course. We publish the critical ones too.

5.0

Rated 5.0 out of 5

Course rating · 1 review

Rating distribution

  • 5 stars 100%
  • 4 stars 0%
  • 3 stars 0%
  • 2 stars 0%
  • 1 star 0%
  • PD

    Paulina Duda

    Self-taught, switching careers

    Feb 2026
    Rated 5.0 out of 5

    No jQuery nostalgia, as promised

    Two other beginner courses had me spending an hour on var and prototype chains before showing me anything I would write today. This one goes straight at the language as it currently is, and the two projects at the end are substantial enough that I put one of them on my GitHub without embarrassment.

Your instructor

MH

Marcus Hale

Web engineer and JavaScript educator

  • 259 students taught
  • 12 courses published
  • 4.7 instructor rating
  • JavaScript
  • TypeScript
  • React
  • Node.js

Marcus has shipped front ends for two ad-tech startups and one very large retailer, which taught him more about performance budgets than any blog post could. He teaches JavaScript and TypeScript from the runtime up — event loop first, framework second — then follows the same code through Node on the server side. Every one of his courses ends with a deployed application rather than a folder of exercises. He writes a weekly newsletter on browser performance.

See every course by Marcus Hale
$49 USD

One-time payment · lifetime access

The WisdomCharms dispatch

One useful email a week. No fluff, no spam.

New course releases, discount codes before anyone else, and a short, practical breakdown of one technique — a prompt pattern, a C++ idiom, a TypeScript trick — that you can use the same day.

  • Subscriber-only launch pricing
  • Unsubscribe in one click
  • We never sell your address

By subscribing you agree to our Privacy Policy. Questions? Write to misteryjj100@gmail.com.