מבוא לקורס
ברוכים הבאים
קורס ללימוד TypeScript, למי שכבר מכיר JavaScript. הוא מתחיל בטיפוסים הבסיסיים ובהגדרת פרויקט, עובר לפונקציות, אובייקטים, Union ו-Generics, ומסתיים בשימוש יומיומי: TypeScript עם React, עם Node.js ו-Express, ושיטות העבודה שמשמשות צוותים ב-2026.
למה TypeScript?
- מוצאת באגים עוד לפני שהקוד רץ: שדה עם שם שגוי,
undefinedששכחתם, פרמטר חסר - השלמה אוטומטית אמיתית ושינויים בכל הפרויקט בביטחון
- ברירת המחדל בפרויקטים חדשים של React, Next.js ו-Node.js
- דרישה נפוצה כמעט בכל משרת Frontend ו-Backend ב-JavaScript
לפני שמתחילים
- שליטה ב-JavaScript: פונקציות, מערכים, אובייקטים ו-async/await (קורס JavaScript)
- Node.js בגרסת LTS עדכנית (22.18 ומעלה, כדי להריץ קובצי
.tsישירות) - VS Code, שכולל תמיכה מלאה ב-TypeScript בלי תוסף
מבנה הקורס
חלק א' - יסודות
| # | שיעור |
|---|---|
| 1 | מה זה TypeScript ולמה |
| 2 | התקנה והרצה |
| 3 | טיפוסים בסיסיים |
| 4 | מערכים, Tuples ו-Enums |
חלק ב' - הכלים המרכזיים
| # | שיעור |
|---|---|
| 5 | פונקציות |
| 6 | אובייקטים: type ו-interface |
| 7 | Union, Narrowing ו-Literal Types |
| 8 | Generics |
| 9 | Utility Types |
חלק ג' - פרויקט אמיתי
| # | שיעור |
|---|---|
| 10 | מחלקות |
| 11 | מודולים ו-tsconfig |
| 12 | TypeScript עם React |
| 13 | TypeScript עם Node.js ו-Express |
| 14 | שיטות עבודה מומלצות |
דוגמאות קוד
לכל נושא יש קובץ קוד מלא ומתועד. לחיצה על קובץ פותחת אותו עם הדגשת תחביר, כפתור העתקה ואפשרות הורדה.
| # | נושא | קובץ |
|---|---|---|
| 1 | טיפוסים בסיסיים | 01_basic_types.ts |
| 2 | פונקציות | 02_functions.ts |
| 3 | אובייקטים | 03_objects.ts |
| 4 | Union ו-Narrowing | 04_unions.ts |
| 5 | Generics | 05_generics.ts |
| 6 | Utility Types | 06_utility_types.ts |
איך מתחילים
לניסוי מהיר, בלי התקנה: TypeScript Playground. לתרגול מקומי:
mkdir ts-practice && cd ts-practice
npm init -y
npm pkg set type=module
npm install --save-dev typescript
npx tsc --initכתבו קובץ hello.ts, הריצו אותו עם node hello.ts, ובדקו טיפוסים עם npx tsc --noEmit.
סדר לימוד מומלץ
- שבוע 1: רקע, התקנה, טיפוסים בסיסיים ומערכים (שיעורים 1-4)
- שבוע 2: פונקציות, אובייקטים, Union ו-Narrowing (שיעורים 5-7)
- שבוע 3: Generics, Utility Types, מחלקות ו-tsconfig (שיעורים 8-11)
- שבוע 4: TypeScript עם React, עם Node.js, ושיטות עבודה (שיעורים 12-14)
משאבים נוספים
בהצלחה! מתחילים בשיעור הראשון: מה זה TypeScript ולמה.