אודסיטי · Nanodegree · 6 קורסים · 39 שעות
מסלול Nanodegree בפיתוח צד-לקוח — אודסיטי
המסלול מורכב משישה קורסים ברצף: יסודות פיתוח ווב · טכניקות CSS, כלים ונגישות ווב · JavaScript ומודל-האובייקטים של המסמך · פרקטיקות פיתוח מודרניות וייעול · ובסוף ברכות על סיום התוכנית.
"מסלול-המשך לפיתוח צד-לקוח, למי שכבר כתב HTML ו-CSS ברמה בסיסית — לא ספריית-ממשק מודרנית ולא ליווי-השמה. בקצב של אדם עובד: בין חמישה לשבעה שבועות, וארבעה פרויקטים כולל אתר עסקי."
39ש׳
משך רשמי
ביניים
רמת כניסה
6 · 4
קורסים · פרויקטים
4.6★
866 מדרגים
1.5חוד׳
עד סיום · שלנו
הרשמה ותמחור מתבצעים אצל אודסיטי · קישור שיווקי · אנחנו לא מוכרים את הקורס
בשורה אחת
חמש שאלות, חמש תשובות
אם אין לך זמן לקרוא את כל העמוד — אלה התשובות שמספיקות כדי להחליט.
למי זה
למי שכבר כתב HTML ו-CSS ברמה בסיסית. אודסיטי מסמנת רמת ביניים ומונה דרישות-קדם מפורשות.
מה יוצא ביד
ארבעה תוצרים — אתר-נחיתה עסקי, אתר-פורטפוליו נגיש ברמה AA, פרויקט JavaScript ואפליקציה מוכנה לייצור.
כמה זמן באמת
39 שעות רשמיות. בקצב של 6 עד 8 שעות בשבוע זה בין חמישה לשבעה שבועות.
איפה זה ממקם אותך
בכיוון של פיתוח צד-לקוח — HTML סמנטי, CSS, פריסות רספונסיביות, JavaScript ו-DOM, כלי-אריזה ובדיקות.
מה חסר
אין בסילבוס אף ספריית-ממשק מודרנית, כל התוכן באנגלית, ואין כאן הבטחת תעסוקה.
המסגרת במספרים
39 שעות, ומה שיוצא מהן
אלה המספרים שאודסיטי עצמה מפרסמת בעמוד-המוצר. נמדדו ב-7.9.2026.
39
שעות רשמיות
בקצב של 6 עד 8 שעות בשבוע — בין חמישה לשבעה שבועות בקצב הזה
6
קורסים
19
שיעורים
4
פרויקטים
4.6
866 מדרגים
יולי 2026
עודכן
1.5
עד סיום · שלנו
מסלול הלימוד
שישה קורסים ברצף אחד
אורך העמודה מציג את יחס השעות בין הקורסים. פתח קורס כדי לראות כל שיעור בשמו.
קורס 1
ברוכים הבאים לתוכנית ה-Nanodegree
0.8ש׳
קורס 2
יסודות פיתוח ווב
10.8ש׳
קורס 3
טכניקות CSS, כלים ונגישות ווב
10.3ש׳
קורס 4
JavaScript ומודל-האובייקטים של המסמך
9.7ש׳
קורס 5
פרקטיקות פיתוח מודרניות וייעול
7.5ש׳
קורס 6
ברכות על סיום התוכנית
0.2ש׳
1ברוכים הבאים לתוכנית הNanodegree — 0.8 שעות
- ברוכים הבאים! — היכרות קצרה עם אודסיטי וטיפים להצלחה בקורסים.
- קבלת עזרה — חמש דקות קריאה על הדרכים לקבל עזרה בתוכן ובפרויקטים.
2יסודות פיתוח ווב10.8 שעות
- יסודות HTML — בסיס השפה ועבודה ב-VS Code, בניית מבנה העמוד ואיתור תקלות בכלי-הפיתוח של הדפדפן.
- HTML סמנטי — תקנים עדכניים שמשפרים קריאוּת, נגישות וקידום במנועי חיפוש.
- יסודות CSS — מאפייני צבע, טקסט ותצוגה לעיצוב האלמנטים בעמוד.
- טכניקות פריסה ועיצוב רספונסיבי — flexbox, grid ו-float, עקרונות מובייל-ראשון והתאמה לגדלי מסך שונים.
- פרויקטאתר-נחיתה עסקי
3טכניקות CSS, כלים ונגישות ווב10.3 שעות
- ארכיטקטורת CSS — מתודולוגיות BEM, OOCSS ו-SMACSS לכתיבת סגנונות מסודרים וברי-תחזוקה.
- מעבדי-קדם ל-CSS — כלים שמרחיבים את CSS במשתנים, בקינון ובמודולריות.
- טכניקות CSS מתקדמות — אנימציות, שאילתות-מדיה ועיצוב מודרני לחוויה דינמית.
- נגישות ווב — עקרונות עיצוב מכליל, תפקידי ARIA ועמידה בתקן WCAG.
- פרויקטאתר פורטפוליו
4JavaScript ומודלהאובייקטים של המסמך — 9.7 שעות
- תחביר JavaScript — שיפורי התחביר האחרונים בשפה ואיך לכתוב איתם קוד טוב יותר.
- מודל-האובייקטים של המסמך — איך ה-DOM נבנה, מהם צמתים ואלמנטים ואיך בוחרים מתוכו.
- יצירת תוכן עם JavaScript — יצירה, עדכון ומחיקה של תוכן בעמוד ושליטה בסגנון האלמנטים.
- עבודה עם אירועי דפדפן — מהו אירוע, איך מאזינים לו ומגיבים, אילו נתונים הוא נושא ומהם שלביו.
- JavaScript אסינכרוני וביצועים — לולאת-האירועים, קריאות לממשקים עם Fetch ו-Promises ושימוש ב-async/await.
- פרויקטפורטפוליו אישי
5פרקטיקות פיתוח מודרניות וייעול7.5 שעות
- ניהול חבילות וכלי-אריזה — מנהלי-חבילות, מריצי-משימות וכלי-אריזה שמייעלים את זרימת-העבודה בצד-הלקוח.
- בדיקות — סוגי בדיקות, עקרונות תכנון, שימוש בכלים, אסטרטגיית יישום וניתוח תוצאות.
- ייעול ביצועים ואיכות קוד — שיפור ביצועים, איתור תקלות, ריפקטורינג ובקרת איכות.
- פרויקטהכנה לייצור
6ברכות על סיום התוכנית0.2 שעות
- ברכות! — סגירת התוכנית וברכות על הסיום.
מה יישאר לך ביד
4 פרויקטים בקוד שרץ
לא מסמכים ולא מצגות. כל פרויקט נעול בשיעור מסומן בסילבוס ומוגש לבדיקה.
- 01
2 · יסודות פיתוח ווב
אתר-נחיתה עסקי
אתר עסקי בדוי בן שני עמודים ב-HTML ו-CSS, עם טפסים, תמונות וקישורים, שעומד בתקני רספונסיביות וסמנטיקה.
- 02
3 · טכניקות CSS, כלים ונגישות ווב
אתר פורטפוליו
אתר-פורטפוליו מקצועי בעמוד אחד, עם CSS מתקדם, אנימציות, מעבד-קדם ומתודולוגיית BEM, בעמידה בנגישות ברמה AA.
- 03
4 · JavaScript ומודל-האובייקטים של המסמך
פורטפוליו אישי
פרויקט ווב פונקציונלי במלואו שמשלב JavaScript עם HTML ו-CSS, ומדגים מניפולציה של ה-DOM.
- 04
5 · פרקטיקות פיתוח מודרניות וייעול
הכנה לייצור
אפליקציית הכרטיסיות Study Night אחרי ייעול ובדיקות: הגדרת תלויות, כתיבת בדיקות ושימוש ב-Parcel וב-Gulp להכנה לייצור.
החסם של האנגלית
יש בכיתה עוזר שמדבר עברית
בתוך הכיתה של אודסיטי יושב עוזר בשם מארווין. שואלים בעברית — הוא עונה בעברית, על החומר שמוצג באותו רגע.
כל שאלה על מה שכתוב בעמוד
שואלים בעברית והוא עונה בעברית, על השיעור שפתוח מולך.
סיכום, ואז בוחן
אפשר לבקש סיכום של השיעור שקוראים עכשיו, ואז לבקש שיבחן אותך לפני שממשיכים.
בדקנו את זה בפועל ב-7.9.2026: שלוש שאלות חופשיות, בקשת סיכום ובקשת בוחן — חמש מתוך חמש חזרו בעברית שוטפת ומדויקת לתוכן.
✓בחר במסלול הזה אם…
כבר כתבת HTML ו-CSS ברמה בסיסית, ואתה רוצה מסגרת מסודרת שמסתיימת בארבעה תוצרים; חשוב לך להגיש עבודות לבדיקה ולא רק לצפות בסרטונים; ונוח לך ללמוד באנגלית, עם עוזר שמסביר בעברית כשנתקעים.
✕דלג עליו אם…
לא כתבת שורת קוד מעולם — אודסיטי מסמנת רמת ביניים ומונה דרישות-קדם; אתה מחפש מסלול שמלמד ספריית-ממשק מודרנית — היא לא בסילבוס; או אתה מצפה לליווי השמה או להכשרה שמסתיימת במשרה. זה תיק-עבודות, וזה כל מה שהוא.
לפני שמחליטים
מה זה לא נותן
- הכותרת השיווקית מדברת על השקת קריירה בפיתוח צד-לקוח. מה שיש בפועל הוא ארבעה פרויקטים: אתר עסקי: פורטפוליו, פרויקט JavaScript ואפליקציה מוכנה לייצור. זה תיק-עבודות, לא קריירה.
- אין בסילבוס אף ספריית-ממשק מודרנית: הרצף עוצר במנהלי-חבילות, כלי-אריזה, בדיקות וייעול ביצועים.
- כל התוכן באנגלית. מארווין עונה בעברית: אבל השיעורים, הסילבוס והוראות הפרויקטים אינם מתורגמים.
- 39 השעות הן משך רשמי בלבד. את הוראות-הפרויקט המלאות ואת הרובריקה לא בדקנו בכיתה: פרטי הפרויקטים נאספו מעמוד-הקוריקולום אחרי הרשמה, ב-7.9.2026.
שאלות ותשובות
צריך רקע בתכנות כדי להתחיל?
כן. אודסיטי מסמנת את המסלול כרמת ביניים ומונה דרישות-קדם: HTML ו-CSS, פיתוח ווב בסיסי ו-JavaScript בסיסי, ולצידם גם מעבדי-קדם ל-CSS, Sass, Less ו-Bootstrap.
הכול באנגלית? איך מסתדרים עם זה?
השיעורים, הסילבוס והוראות הפרויקטים באנגלית. בתוך הכיתה יושב מארווין, עוזר AI שאפשר לשאול אותו בעברית, לבקש סיכום של השיעור או בוחן קצר על מה שקראת.
כמה זמן זה ייקח לי באמת?
אודסיטי מפרסמת 39 שעות. בקצב של 6 עד 8 שעות בשבוע, שהוא הקצב שאדם עם עבודה עומד בו, זה בין חמישה לשבעה שבועות — כחודש וחצי.
לומדים בו React או ספרייה אחרת?
לא. הסילבוס עוצר במנהלי-חבילות, מריצי-משימות, כלי-אריזה, בדיקות וייעול ביצועים. אף ספריית-ממשק מודרנית אינה מופיעה בו.
כמה פרויקטים מגישים ומה הם?
ארבעה: אתר-נחיתה עסקי, אתר-פורטפוליו נגיש ברמה AA, פרויקט ווב שמשלב JavaScript עם HTML ו-CSS, ואפליקציית כרטיסיות שעוברת ייעול ובדיקות לקראת ייצור.
כמה זה עולה?
אין כאן מספר בכוונה. אודסיטי קובעת את המחיר ואת מבנה-התשלום ומעדכנת אותם מעת לעת, ולכן המקום היחיד שבו כדאי לבדוק הוא עמוד המסלול אצלה.
39 שעות, ארבעה פרויקטים, תיק אחד
המחיר, תנאי הביטול ומועד הפתיחה — בעמוד המסלול של אודסיטי. ההחלטה שלך.
הרשמה ותמחור מתבצעים אצל אודסיטי · קישור שיווקי · אנחנו לא מוכרים את הקורס
מקורות
- עמוד-המוצר הרשמי של מסלול Front End Web Developer באודסיטי — משך, רמה, דירוג, מיומנויות, דרישות-קדם והסילבוס המלא. נמדד ב-7.9.2026.
- עמוד-הקוריקולום של התוכנית לאחר הרשמה — שמות הפרויקטים, שיוכם לקורסים ותוצרי-ההגשה. נקרא ב-7.9.2026.
MSL הוא קטלוג קורסים — לא ספק הקורס. המסלול מתפרסם ומנוהל על ידי אודסיטי. תוכן הקורס, המחיר, התעודה ותנאי השימוש הם באחריות אודסיטי בלבד. הקישורים לאודסיטי הם קישורים שיווקיים.