PProtokol
Start free
← All paths

JavaScript Developer

Deep JavaScript and TypeScript mastery for the modern web.

Your progress

0/56 lessons · 0%

Next up: Programming Foundations

Start path
5 courses56 lessons8 projects~51h

Roadmap

Each step unlocks when the one before it is done.

  1. Programming Foundations

    Think like a programmer: values, logic, loops, functions and problem solving in JavaScript.

    ~14h17 lessons3 projectsbeginner

  2. Debugging Academy

    Diagnose and fix syntax, logic, runtime, API and UI bugs like a professional.

    ~10h10 lessons2 projectsintermediate

  3. The DOM & Browser Events

    Locked

    Learn to read and change a live web page with JavaScript: select elements, update content, create and remove nodes, and respond to user actions with events.

    ~8h9 lessons1 projectbeginner

  4. JavaScript Deep Dive

    Locked

    Go beyond the basics: master how JavaScript really works under the hood, from coercion and closures to classes, modules, and modern 2026 syntax.

    ~10h11 lessons1 projectintermediate

  5. Async JavaScript & APIs

    Locked

    Understand the event loop, master callbacks/promises/async-await, and learn to talk to real HTTP APIs with fetch.

    ~9h9 lessons1 projectintermediate

  6. Projects you'll build

    • Interactive To-Do & Filter Widget

      Build a small interactive to-do list widget: add items, mark them done, and filter which ones are visible — all with vanilla DOM APIs and event listeners.

    • Bug Triage Lab

      Diagnose and repair five broken functions, one bug type at a time.

    • Data Transformation Toolkit

      Build a small library of pure functions that group, summarise, sort, and validate arrays of records -- the exact kind of utility code real apps use to shape data for dashboards, reports, and forms.

    • Score Tracker

      Turn variables and types into a working score tracker used by a small games night app.

    • Build an API Client Layer

      Design a small but real API client layer: build request URLs safely, normalise messy API responses into clean shapes, classify errors usefully, and generate stable cache keys.

    • Ship the Analytics Bug-Fix Release

      Diagnose and fix a batch of realistic bugs in a small analytics utility library, then defend each fix with a written root-cause note.

    • Number Guessing Engine

      Build the logic engine behind a guessing game using conditions and loops.

    • Study Coach

      Final project: a study coach that summarises practice sessions and reports back in plain English.

Skills you'll build

Computational ThinkingVariablesConditionalsLoopsFunctionsProblem SolvingDebugging