אודסיטי · Nanodegree · 6 קורסים · 39 שעות

מסלול Nanodegree בפיתוח צד-לקוח — אודסיטי

המסלול מורכב משישה קורסים ברצף: יסודות פיתוח ווב · טכניקות CSS, כלים ונגישות ווב · JavaScript ומודל-האובייקטים של המסמך · פרקטיקות פיתוח מודרניות וייעול · ובסוף ברכות על סיום התוכנית.

השורה התחתונה שלנו

"מסלול-המשך לפיתוח צד-לקוח, למי שכבר כתב HTML ו-CSS ברמה בסיסית — לא ספריית-ממשק מודרנית ולא ליווי-השמה. בקצב של אדם עובד: בין חמישה לשבעה שבועות, וארבעה פרויקטים כולל אתר עסקי."

סרטון קצר על אודסיטי

סרטון קצר על אודסיטי · 2:41

39ש׳

משך רשמי

ביניים

רמת כניסה

6 · 4

קורסים · פרויקטים

4.6★

866 מדרגים

1.5חוד׳

עד סיום · שלנו

לעמוד המסלול
באודסיטי ←

הרשמה ותמחור מתבצעים אצל אודסיטי · קישור שיווקי · אנחנו לא מוכרים את הקורס

בשורה אחת

חמש שאלות, חמש תשובות

אם אין לך זמן לקרוא את כל העמוד — אלה התשובות שמספיקות כדי להחליט.

01

למי זה

למי שכבר כתב HTML ו-CSS ברמה בסיסית. אודסיטי מסמנת רמת ביניים ומונה דרישות-קדם מפורשות.

02

מה יוצא ביד

ארבעה תוצרים — אתר-נחיתה עסקי, אתר-פורטפוליו נגיש ברמה AA, פרויקט JavaScript ואפליקציה מוכנה לייצור.

03

כמה זמן באמת

39 שעות רשמיות. בקצב של 6 עד 8 שעות בשבוע זה בין חמישה לשבעה שבועות.

04

איפה זה ממקם אותך

בכיוון של פיתוח צד-לקוח — HTML סמנטי, CSS, פריסות רספונסיביות, JavaScript ו-DOM, כלי-אריזה ובדיקות.

05

מה חסר

אין בסילבוס אף ספריית-ממשק מודרנית, כל התוכן באנגלית, ואין כאן הבטחת תעסוקה.

המסגרת במספרים

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 אתרים/פרויקטים אמיתיים: עמוד-נחיתה, פורטפוליו, פרויקט-JS אינטראקטיבי, ופרויקט production-ready

מה יישאר לך ביד

4 פרויקטים שמוגשים לבדיקה

כל פרויקט משויך לשיעור מסומן בסילבוס, ובסופו מגישים אותו לבדיקה.

  1. 01

    2 · יסודות פיתוח ווב

    אתר-נחיתה עסקי

    אתר עסקי בדוי בן שני עמודים ב-HTML ו-CSS, עם טפסים, תמונות וקישורים, שעומד בתקני רספונסיביות וסמנטיקה.

  2. 02

    3 · טכניקות CSS, כלים ונגישות ווב

    אתר פורטפוליו

    אתר-פורטפוליו מקצועי בעמוד אחד, עם CSS מתקדם, אנימציות, מעבד-קדם ומתודולוגיית BEM, בעמידה בנגישות ברמה AA.

  3. 03

    4 · JavaScript ומודל-האובייקטים של המסמך

    פורטפוליו אישי

    פרויקט ווב פונקציונלי במלואו שמשלב JavaScript עם HTML ו-CSS, ומדגים מניפולציה של ה-DOM.

  4. 04

    5 · פרקטיקות פיתוח מודרניות וייעול

    הכנה לייצור

    אפליקציית הכרטיסיות Study Night אחרי ייעול ובדיקות: הגדרת תלויות, כתיבת בדיקות ושימוש ב-Parcel וב-Gulp להכנה לייצור.

החסם של האנגלית

יש בכיתה עוזר שמדבר עברית

בתוך הכיתה של אודסיטי יושב עוזר בשם מארווין. שואלים בעברית — הוא עונה בעברית, על החומר שמוצג באותו רגע.

?

כל שאלה על מה שכתוב בעמוד

למשל: "תסביר לי במילים פשוטות את המושג שמופיע כאן". התשובה מתייחסת לשיעור שפתוח מולך.

✓

סיכום, ואז בוחן

אפשר לבקש סיכום של השיעור שקוראים עכשיו, ואז לבקש שיבחן אותך לפני שממשיכים.

מארווין — העוזר בעברית בתוך הכיתה של אודסיטי
שאלנו את מארווין בעברית בתוך הכיתה — והוא ענה בעברית.

בדקנו את זה בפועל ב-7.9.2026: שלוש שאלות חופשיות, בקשת סיכום ובקשת בוחן — חמש מתוך חמש חזרו בעברית שוטפת ומדויקת לתוכן.

אחרי המסלול

לאיזו עבודה זה מספיק בישראל

מפתח/ת צד-לקוח (Frontend)

מה עושים בו ביום-יום

בונים מסכים ורכיבי ממשק למערכת קיימת. מקבלים עיצוב ב-Figma והופכים אותו למסך אמיתי. מחברים את המסך לשרת דרך ממשק. מטפלים בטפסים, בבדיקות-קלט, בהרשאות ובמצבי טעינה ושגיאה. משפרים מסכים קיימים מבחינת נראות ותחזוקה. בונים רכיבים חוזרים ומערכת-עיצוב. מודדים ומשפרים ביצועים ונגישות.

מה המסלול נותן

Front End Web Developer נותן ארבעה אתרים אמיתיים כולל פרויקט production-ready. React (Fundamentals to Advanced) נותן ארבעה פרויקטים: React 19 עם Vite, קפסטון עם React Query, Redux עם Jest, ואפליקציית React Native. Intermediate JavaScript נותן OOP, תכנות פונקציונלי ואסינכרוני. Introduction to Programming נותן את הבסיס. הכיסוי הטכנולוגי כאן טוב מאוד.

מה עוד תצטרך

ההפתעה הגדולה של המחקר, ויש להעביר אותה לגולש: תיק-עבודות ו-GitHub לא נדרשו באף מודעת פיתוח שנקראה. חיפוש ייעודי אחר 'GitHub', 'תיק עבודות', 'פורטפוליו' ו-portfolio בשני קבצי-תוצאות מלאים החזיר אפס התאמות. מי שבונה את המסלול סביב 'תיק עבודות ב-GitHub' בונה סביב דרישה שלא נמצאה. מה שכן נדרש במקומה: (1) היכולת להסביר בעל-פה קוד שכתבת — 'יכולת להסביר פיצרים, APIs, שירותים או קומפוננטות שפותחו באופן אישי' כסעיף-חובה; (2) כניסה לקוד של אחרים — 'ניסיון בכניסה לפרויקטים קיימים, תחזוקה ופיתוח שלהם (ולא רק הקמה של פרויקטים מאפס)' — וזו בדיוק הפעולה שקורס לא מלמד, כי כל פרויקט-קורס מתחיל בתיקייה ריקה; (3) שימוש ביקורתי בכלי-AI, כסעיף-סינון; (4) עבודה בתוך תהליך-צוות: Code Review, ספרינטים; (5) אחריות על מה שרץ בייצור. ולבסוף — לא נמצאה אף מודעת-פרונט לכניסה ללא ניסיון, ולא חלופת-קורס לתואר.

מפתח/ת Full Stack

מה עושים בו ביום-יום

מפתחים יכולת שלמה — מהמסך ועד מסד-הנתונים. כותבים שירותי-שרת וממשקים, ובאותו יום גם רכיבי ממשק. מחברים אינטגרציות למערכות חיצוניות. עובדים מול SQL ולעיתים גם מסדים לא-טבלאיים. מתחזקים מערכות קיימות לצד יכולות חדשות. משתתפים בביקורות-קוד ובספרינטים, ומלווים את הגרסה עד לאוויר.

מה המסלול נותן

Full Stack JavaScript Developer נותן בדיוק את שתי הצלעות: ממשק עיבוד-תמונה ב-TypeScript עם בדיקות, חנות עם PostgreSQL ו-Express ו-JWT, אפליקציית Angular, ופריסה ל-AWS עם CircleCI. בצירוף Front End Web Developer ו-Backend with Python מתקבל כיסוי של שני הצדדים בנפרד.

מה עוד תצטרך

זהו המקצוע היחיד בכל אשכול הפיתוח שבו נמצאו שתי דלתות אמיתיות למי שאין לו תואר: רשימת-חלופות-השכלה מפורשת שכוללת 'הכשרה מקצועית' ו'בוגר/ת יחידה טכנולוגית', ומודעת-ג'וניור שמכירה ב'קורסים מקצועיים בתחום'. שתיהן ב-Full Stack ו-.NET, ובאף מודעת Frontend, Backend או מובייל לא נמצאה חלופה כזו. מה שעדיין חסר: הוותק (רוב המודעות 3-6 שנים), האחריות על ייצור, והיכולת להיכנס לקוד קיים. ושווה לדעת: הכיוון שבו התפקיד נשחק הוא לצד-שרת — שלוש מודעות מגדירות אותו במפורש 'Backend Oriented' או 'נטייה לצד שרת'.

✓זה בשבילך אם…

כבר כתבת HTML ו-CSS ברמה בסיסית, ואתה רוצה מסגרת מסודרת שמסתיימת בארבעה תוצרים; חשוב לך להגיש עבודות לבדיקה ולא רק לצפות בסרטונים; ונוח לך ללמוד באנגלית, עם עוזר שמסביר בעברית כשנתקעים.

לפני שמחליטים

מה זה לא נותן

  • הכותרת השיווקית מדברת על השקת קריירה בפיתוח צד-לקוח. מה שיש בפועל הוא ארבעה פרויקטים: אתר עסקי: פורטפוליו, פרויקט JavaScript ואפליקציה מוכנה לייצור. זה תיק-עבודות, לא קריירה.
  • אין בסילבוס אף ספריית-ממשק מודרנית: הרצף עוצר במנהלי-חבילות, כלי-אריזה, בדיקות וייעול ביצועים.
  • כל התוכן באנגלית. מארווין עונה בעברית: אבל השיעורים, הסילבוס והוראות הפרויקטים אינם מתורגמים.
  • 39 השעות הן משך רשמי בלבד. את הוראות-הפרויקט המלאות ואת הרובריקה לא בדקנו בכיתה: פרטי הפרויקטים נאספו מעמוד-הקוריקולום אחרי הרשמה, ב-7.9.2026.

שאלות ותשובות

צריך רקע בתכנות כדי להתחיל?

כן. אודסיטי מסמנת את המסלול כרמת ביניים ומונה דרישות-קדם: HTML ו-CSS, פיתוח ווב בסיסי ו-JavaScript בסיסי, ולצידם גם מעבדי-קדם ל-CSS, Sass, Less ו-Bootstrap.

הכול באנגלית? איך מסתדרים עם זה?

השיעורים, הסילבוס והוראות הפרויקטים באנגלית. בתוך הכיתה יושב מארווין, עוזר AI שאפשר לשאול אותו בעברית, לבקש סיכום של השיעור או בוחן קצר על מה שקראת.

כמה זמן זה ייקח לי באמת?

אודסיטי מפרסמת 39 שעות. בקצב של 6 עד 8 שעות בשבוע, שהוא הקצב שאדם עם עבודה עומד בו, זה בין חמישה לשבעה שבועות — כחודש וחצי.

לומדים בו React או ספרייה אחרת?

לא. הסילבוס עוצר במנהלי-חבילות, מריצי-משימות, כלי-אריזה, בדיקות וייעול ביצועים. אף ספריית-ממשק מודרנית אינה מופיעה בו.

כמה פרויקטים מגישים ומה הם?

ארבעה: אתר-נחיתה עסקי, אתר-פורטפוליו נגיש ברמה AA, פרויקט ווב שמשלב JavaScript עם HTML ו-CSS, ואפליקציית כרטיסיות שעוברת ייעול ובדיקות לקראת ייצור.

כמה זה עולה?

אין כאן מספר בכוונה. אודסיטי קובעת את המחיר ואת מבנה-התשלום ומעדכנת אותם מעת לעת, ולכן המקום היחיד שבו כדאי לבדוק הוא עמוד המסלול אצלה.

39 שעות, ארבעה פרויקטים, תיק אחד

המחיר, תנאי הביטול ומועד הפתיחה — בעמוד המסלול של אודסיטי. ההחלטה שלך.

לעמוד המסלול באודסיטי ←

הרשמה ותמחור מתבצעים אצל אודסיטי · קישור שיווקי · אנחנו לא מוכרים את הקורס

מקורות

  1. עמוד-המוצר הרשמי של מסלול Front End Web Developer באודסיטי — משך, רמה, דירוג, מיומנויות, דרישות-קדם והסילבוס המלא. נמדד ב-7.9.2026.
  2. עמוד-הקוריקולום של התוכנית לאחר הרשמה — שמות הפרויקטים, שיוכם לקורסים ותוצרי-ההגשה. נקרא ב-7.9.2026.

MSL הוא קטלוג קורסים — לא ספק הקורס. המסלול מתפרסם ומנוהל על ידי אודסיטי. תוכן הקורס, המחיר, התעודה ותנאי השימוש הם באחריות אודסיטי בלבד. הקישורים לאודסיטי הם קישורים שיווקיים.

מסלול Nanodegree בפיתוח צד-לקוח — אודסיטי 39 שעות · ארבעה פרויקטים · 4.6 ★ לעמוד המסלול ←
גילוי נאות: התוכן באתר אינו ייעוץ פיננסי, פנסיוני, מסים או השקעות. החלטות פיננסיות אישיות מומלץ לקבל בליווי בעל מקצוע מוסמך.

להמשיך מכאן

4 המשכים · חינוך והשכלה