מבוא לקורס
מדריך אינטראקטיבי: לצד הקורס יש גם המדריך האולטימטיבי ל-JavaScript, דף אחד עם קונסול חי לכל נושא, מעבדת DOM ודוגמת SPA פעילה.
ברוכים הבאים
קורס מקיף ללימוד JavaScript למתחילים, עם דגש על תחביר נכון וקוד קריא. הוא מתחיל במשתנים, תנאים ולולאות, עובר לפונקציות, מערכים ואובייקטים, וממשיך לעבודה מול הדפדפן (DOM ואירועים), קוד אסינכרוני וקריאות שרת.
למה JavaScript?
- השפה היחידה שרצה בכל דפדפן
- הופכת דף סטטי לאינטראקטיבי
- רצה גם בשרת (Node.js) ובמובייל (React Native)
- אקוסיסטם ענק של ספריות וכלים
לפני שמתחילים
- הבנה בסיסית של HTML ו-CSS
- דפדפן מודרני (Chrome, Firefox, Edge) ועורך קוד
- Node.js, להרצת קוד מחוץ לדפדפן (לא חובה)
מבנה הקורס
חלק א' - יסודות
| # | שיעור |
|---|---|
| 1 | רקע והיסטוריה |
| 2 | תחביר בסיסי |
| 3 | משתנים וטיפוסי נתונים |
| 4 | אופרטורים |
חלק ב' - בקרת זרימה ופונקציות
| # | שיעור |
|---|---|
| 5 | תנאים (if / switch) |
| 6 | לולאות |
| 7 | פונקציות |
חלק ג' - מבני נתונים
| # | שיעור |
|---|---|
| 8 | מערכים |
| 9 | אובייקטים |
חלק ד' - עבודה עם הדפדפן
| # | שיעור |
|---|---|
| 10 | DOM - מודל המסמך |
| 11 | אירועים (Events) |
חלק ה' - מתקדם
| # | שיעור |
|---|---|
| 12 | תכנות אסינכרוני |
| 13 | קריאות שרת (Fetch API) |
| 14 | ביטויים רגולריים (Regex) |
| 15 | שיטות עבודה מומלצות |
דוגמאות קוד
לכל נושא יש קובץ קוד מלא ומתועד. לחיצה על קובץ פותחת אותו עם הדגשת תחביר, כפתור העתקה ואפשרות הורדה.
| # | נושא | קובץ |
|---|---|---|
| 1 | יסודות | 01_basics.js |
| 2 | משתנים | 02_variables.js |
| 3 | אופרטורים | 03_operators.js |
| 4 | תנאים | 04_conditionals.js |
| 5 | לולאות | 05_loops.js |
| 6 | פונקציות | 06_functions.js |
| 7 | מערכים | 07_arrays.js |
| 8 | אובייקטים | 08_objects.js |
| 9 | DOM | 09_dom_example.html |
| 10 | אירועים | 10_events_example.html |
| 11 | תכנות אסינכרוני | 11_async.js |
| 12 | Fetch API | 12_fetch_example.html |
| 13 | ביטויים רגולריים | 13_regex.js |
איך מתחילים
הדרך המהירה ביותר: פתחו את כלי המפתחים בדפדפן (F12), עברו ללשונית Console והקלידו:
console.log("שלום עולם!");קובצי .js מהדוגמאות מריצים עם Node.js, ואת קובצי ה-HTML פותחים ישירות בדפדפן:
node 01_basics.jsסדר לימוד מומלץ
- שבוע 1: רקע, תחביר, משתנים ואופרטורים (שיעורים 1-4)
- שבוע 2: תנאים, לולאות ופונקציות (שיעורים 5-7)
- שבוע 3: מערכים ואובייקטים (שיעורים 8-9)
- שבוע 4: DOM ואירועים (שיעורים 10-11)
- שבוע 5: אסינכרוניות, Fetch, Regex ושיטות עבודה (שיעורים 12-15)
משאבים נוספים
בהצלחה! מתחילים בשיעור הראשון: רקע והיסטוריה.