About this course

New to JavaScript? Start with the beginner course first. HTML, CSS & JavaScript — Beginner

Who it's for

Front-end or back-end developers who want to learn JavaScript in depth and TypeScript professionally.

Prerequisites

Familiarity with JavaScript basics, HTML, the terminal and Git.

How you learn

Concept → diagram → runnable code → exercise; run every snippet yourself.

By the end you can

Explain JavaScript's execution model (call stack and event loop)

Use closures, this and prototypes with confidence

Design asynchronous code properly with Promises and async/await

Handle modules, performance and browser security

Write precise, safe types with TypeScript

Use generics, conditional types and utility types

Tools & environment

Node.js (LTS)Runs JavaScript outside the browser, plus npm.

VS CodeWith the ESLint and Prettier extensions.

TypeScript (tsc)The compiler and type checker.

tsxRuns TypeScript files directly, no manual compile step.

Slides

Read all 106 slides right here. Use the arrow keys, swipe on a phone, or jump straight to a topic from the syllabus below. The slide text is in Persian.

1 / 106

Class plan

A suggested 12-session plan. Each session lists its exercise and the slides it covers.

1

Execution model, hoisting, types and coercion

Exercise: Type and equality exercises

Slides 7–12

2

Closures, this and advanced functions

Exercise: memoize and a counter

Slides 13–18

3

Objects, prototypes and classes

Exercise: A Stack with #private

Slides 19–24

4

Iterators, generators, Map/Set and regex

Exercise: range and iterables

Slides 25–31

5

Errors, Proxy and code quality

Exercise: Tests with Vitest

Slides 32–36

6

Event loop, Promises and async/await

Exercise: retry and sleep

Slides 38–45

7

Modules, fetch, the DOM and performance

Exercise: Live search

Slides 46–53

8

Security, Node.js and testing

Exercise: A small CLI tool

Slides 54–59

9

TypeScript basics 1: types and narrowing

Exercise: Functions and unions

Slides 61–70

10

TypeScript basics 2: generics, classes and modules

Exercise: groupBy and Result

Slides 71–80

11

Advanced TypeScript: conditional and mapped types

Exercise: DeepReadonly

Slides 82–86

12

Utility types, type guards and the final project

Exercise: Typed API client

Slides 87–102 Slides 105

Each session is about 2 hours — roughly 24 hours in total. Short on time? Prioritise async and advanced TypeScript, and only skim Proxy, decorators and Web Workers.

Syllabus

Every slide, grouped by part. Click any row to open that slide.

00 Start here 3 slides

3این دوره برای چه کسی است؟4نقشه‌ی چهار بخش دوره 5ابزار و محیط کار

01 JavaScript core 30 slides

مدل اجرا و HoistingClosure و thisپروتوتایپ و کلاسIterator و GeneratorProxy و Reflect

7مدل اجرا: Call Stack و Execution Context 8Hoisting و Temporal Dead Zone 9تبدیل نوع و برابری: دام‌های رایج 10مقدار (Primitive) در برابر ارجاع (Reference)11کپی سطحی و عمیق 12Optional Chaining و Nullish Coalescing 13Closure ۱: تابع و محیط لغوی آن 14Closure ۲: الگوها و دام‌ها 15this: چه کسی صدا زده؟16call، apply و bind 17توابع پیشرفته: Rest، Currying و HOF 18بازگشت (Recursion) و Call Stack 19ویژگی‌های ویژگی‌ها: Property Descriptors 20Getter و Setter و متدهای Object 21زنجیره‌ی پروتوتایپ (Prototype Chain)22تابع سازنده و new 23کلاس‌ها: Private، Static و Accessor 24وراثت: extends و super و Mixin 25Symbol و پروتکل Iterator 26Generator: تابع‌هایی که متوقف می‌شوند 27Map، Set، WeakMap و WeakSet 28آرایه و رشته: reduce، flatMap و Intl 29عبارت‌های باقاعده (Regular Expressions)30اعداد، BigInt، Date و Intl 31Destructuring، Spread و JSON پیشرفته 32مدیریت خطا: try، catch، finally و cause 33Proxy و Reflect 34کیفیت کد و آزمون خودکار 35تمرین‌های هسته‌ی JavaScriptExercise 36خلاصه‌ی هسته‌ی JavaScript (Cheat Sheet)Review

02 Async & the platform 22 slides

Event LoopPromise و async/awaitماژول‌هاDOM، عملکرد و امنیتNode.js و تست

38Event Loop: قلب ناهمزمانی 39ترتیب اجرا: Microtask پیش از Task 40Callback، Callback Hell و promisify 41Promise: حالت‌ها و زنجیره 42ترکیب Promiseها: all، allSettled، race و any 43async/await: ترتیبی در برابر موازی 44پیمایش ناهمزمان: for await و async generator 45زمان‌بندی: debounce، throttle و requestAnimationFrame 46Fetch پیشرفته: POST، لغو و timeout 47ES Modules: import و export 48CommonJS در برابر ES Modules 49رویدادها: Bubbling، Capturing و Delegation 50عملکرد DOM و Observerها 51Web Worker: کار سنگین خارج از نخ اصلی 52ذخیره‌سازی در مرورگر: کدام را کی؟53مدیریت حافظه و Garbage Collection 54امنیت مرورگر: CORS، XSS و CSRF 55Node.js: اجرای JavaScript روی سرور 56آزمون‌نویسی و چرخه‌ی TDD 57پروژه‌ی کوچک: جست‌وجوی زنده‌ی ایمنProject 58تمرین‌های ناهمزمانی و پلتفرمExercise 59خلاصه‌ی ناهمزمانی و پلتفرم (Cheat Sheet)Review

03 TypeScript fundamentals 20 slides

نوع‌های روزمرهNarrowingGenericsکلاس‌هافایل‌های تعریف نوع

61TypeScript چیست و چرا؟62نصب و تنظیم: tsconfig.json 63نوع‌های روزمره (Everyday Types)64Inference، Assertion و const 65any، unknown، never و void 66نوع‌دهی توابع 67نوع‌های شیء: interface و type 68Union و Literal Types 69Narrowing: تنگ کردن نوع 70Discriminated Union و بررسی کامل با never 71Tuple، readonly و Enum 72کلاس‌ها در TypeScript 73Generics ۱: تابع و محدودیت 74Generics ۲: interface، کلاس و پیش‌فرض 75type یا interface؟76Structural Typing و Excess Property Check 77ماژول‌ها و فایل‌های تعریف نوع (.d.ts)78خواندن پیام‌های خطای TypeScript 79تمرین‌های مبانی TypeScriptExercise 80خلاصه‌ی مبانی TypeScript (Cheat Sheet)Review

04 Advanced TypeScript 21 slides

Conditional و MappedUtility TypesType GuardsDeclaration Mergingابزار و مهاجرت

82keyof، typeof و Indexed Access 83Conditional Types و infer 84Distributive Conditional و حذف با never 85Mapped Types: تبدیل نوع‌ها 86Template Literal Types 87Utility Types ۱: تبدیل شکل اشیا 88Utility Types ۲: اتحادها و توابع 89Type Guard و Assertion Function 90الگوهای پیشرفته‌ی Generic: Brand و Factory 91نوع‌دهی ایمن به API و Async 92Declaration Merging و Module Augmentation 93satisfies، const Generic و using 94Decoratorها (استاندارد TypeScript 5)95Variance و سازگاری نوع تابع 96گزینه‌های strict و مهاجرت تدریجی از JavaScript 97اکوسیستم ابزارها 98نوع‌ها در زمان اجرا نیستند: اعتبارسنجی و آزمون نوع 99پروژه‌ی کوچک: Event Emitter با نوع ایمنProject 100پروژه‌ی کوچک: Store ساده با Reducer تایپ‌شدهProject 101تمرین‌های TypeScript پیشرفتهExercise 102خلاصه‌ی TypeScript پیشرفته (Cheat Sheet)Review

★ Next steps & final project 3 slides

103بعد از این دوره: کجا برویم؟104برنامه‌ی پیشنهادی دوازده‌جلسه‌ای 105پروژه‌ی پایانی: API Client تایپ‌شده با رابط کاربریProject

Exercises & projects

Exercises

35تمرین‌های هسته‌ی JavaScript 58تمرین‌های ناهمزمانی و پلتفرم 79تمرین‌های مبانی TypeScript 101تمرین‌های TypeScript پیشرفته

Mini projects

57پروژه‌ی کوچک: جست‌وجوی زنده‌ی ایمن 99پروژه‌ی کوچک: Event Emitter با نوع ایمن 100پروژه‌ی کوچک: Store ساده با Reducer تایپ‌شده

Final project

Final project: a typed API client with a UI

Types

A map from routes to response types
Result and type guards
No any, with strict mode on

Async logic

fetch with a timeout and AbortController
Caching and retry
debounce for search

Testing

Unit tests with Vitest and mocks
Type tests with Expect/Equal
tsc --noEmit in CI

Delivery

A Git repository with a README
npm scripts
A runnable example

Open the project slide

What to learn next

01

Front-end frameworksAngular, React or Vue with TypeScript; build large applications.

02

Back-end with NodeNestJS or Express with TypeScript; APIs and databases.

03

Design patterns & architectureClean Architecture, SOLID and common patterns.

04

Advanced performanceProfiling, Web Vitals and bundle optimisation.

05

Advanced testingIntegration, E2E and contract tests.

06

Team toolingMonorepos, CI/CD and code review.

Download

Keep the whole deck offline as a PDF.

PDF 8.7 MB

Course material is shared for personal learning. If you share or reuse it, please credit the source.

JavaScript & TypeScript