MODULE_02beginner

JavaScript → TypeScript

Language Mastery

Master JavaScript fundamentals, then level up with TypeScript for type-safe applications.

12Units
2Projects
3Interactive
45-50hEst. Time
DOM manipulationFetch APIAsync patternsTypeScript

UNITS

12 LESSONS
01
theory2h

JavaScript Fundamentals

// ...

Core language recap

Variables & scopeFunctionsObjects & arrays
02
hands-on3h

DOM Selection & Manipulation

// ...

Querying and modifying the DOM

Query selectorsCreating elementsModifying content
03
hands-on3h

Event Handling

// ...

Events and delegation

Event listenersEvent bubblingDelegation patterns
04
hands-on2h

Fetch API Basics

// ...

HTTP requests in JS

GET/POST requestsHeadersResponse handling
05
interactive3h

Promises Deep Dive

// ...

Async fundamentals

Promise statesChainingError handling
06
hands-on3h

Async/Await Patterns

// ...

Modern async syntax

Async functionsSequential vs parallelError handling
07
hands-on2h

Error Handling Strategies

// ...

Robust error management

Try/catchError typesUser feedback
08
theory2h

ES Modules

// ...

Module system and bundling

Import/exportModule patternsBundler basics
09
hands-on3h

TypeScript: Types & Interfaces

// ...

Type-safe code

Basic typesInterfacesType aliases
10
hands-on3h

TypeScript: Generics

// ...

Reusable typed code

Generic functionsGeneric typesConstraints
11
hands-on2h

TypeScript: Type Narrowing

// ...

Type guards and narrowing

Type guardsDiscriminated unionsExhaustive checks
12
theory2h

TypeScript: Utility Types

// ...

Built-in type helpers

Partial, Required, PickOmit, RecordReturnType, Parameters

PROJECTS

2 BUILDS

Vanilla Task Manager

8h

CRUD app with localStorage

DOMEventsStorage

REQUIREMENTS

  • Add/edit/delete tasks
  • Filter by status
  • Persist to localStorage

TS API Explorer

6h

Typed fetch with UI states

TypeScriptFetchUI States

REQUIREMENTS

  • Type-safe API calls
  • Loading/error states
  • Search functionality

INTERACTIVE

3 TOOLS

Promise Visualizer

Step-through promise resolution

15 min

DOM Playground

Real-time DOM manipulation sandbox

20 min

Type Checker

Interactive TypeScript inference

15 min