אודסיטי · מקטע בתוכנית · 14 שעות
בניית ממשקים ב-React מהיסוד — מקטע מתוך מסלול של אודסיטי
זה מקטע מתוך תוכנית רחבה יותר של אודסיטי, ולא הסמכה עצמאית שעומדת בפני עצמה. ארבע-עשרה שעות שבהן אתה בונה רכיבי React, מנהל מצב עם הוקים ומנווט בין דפים, ובסופן מגיש אפליקציית ווב למעקב אחרי ספרים.
מקטע לימוד ממוקד בספריית React — לא הכשרה שלמה למפתח ווב ולא הסמכה שעומדת בפני עצמה. בקצב של אדם עובד: כשבועיים, ואפליקציה אחת שרצה ונבדקת בידי בודק אנושי.
סרטון קצר על אודסיטי · 2:41
14ש׳
משך רשמי
ביניים
רמת כניסה
6 · 1
שיעורים · פרויקט
5.0★
מדרג אחד
2שבו'
עד סיום · שלנו
הרשמה ותמחור מתבצעים אצל אודסיטי · קישור שיווקי · אנחנו לא מוכרים את הקורס
בשורה אחת
שש שאלות, שש תשובות
אם אין לך זמן לקרוא את כל העמוד — אלה התשובות שמספיקות כדי להחליט.
למי זה
למי שכבר כותב JavaScript ברמה סבירה ורוצה להוסיף לארגז הכלים את React, בלי מסלול ארוך.
מה יוצא ביד
אפליקציית ווב אחת למעקב אחרי ספרים, עם שלושה מדפים, דף חיפוש וניווט בין הדפים.
כמה זמן באמת
ארבע-עשרה שעות רשמיות. בקצב של 6 עד 8 שעות בשבוע זה כשבועיים, בלי לדחוס ערבים.
איפה זה ממקם אותך
בתוך מקטע של תוכנית רחבה יותר באודסיטי — צעד בדרך, לא תעודה שמסיימת משהו.
מה חסר
דירוג ציבורי כמעט ואין — חמישה כוכבים שמבוססים על מדרג יחיד. והחומר כולו באנגלית.
תנאי כניסה
שמונה דרישות קדם: JavaScript ברמת ביניים ואסינכרוני, HTML, CSS, ניהול גרסאות, NodeJS, ניהול חבילות ושורת פקודה.
המסגרת במספרים
אלה המספרים שאודסיטי עצמה מפרסמת בעמוד-המוצר. נמדדו ב-13.9.2026.
14
שעות רשמיות
בקצב של 6 עד 8 שעות בשבוע — כשבועיים עד הסוף.
1
חלקים
6
שיעורים
1
פרויקטים
8
מיומנויות
7.2026
עודכן לאחרונה
כשבועיים
קצב ריאלי · שלנו
מסלול הלימוד
חלק אחד, שישה שיעורים
חלק אחד בתוך הקורס.
קורס 1
יסודות React
14 שעותש׳
1יסודות React14 שעות
- למה React — הסבר קצר על הסיבות שבגללן React נבנתה, ועל מושגי JavaScript הפונקציונלי שתשתמש בהם בהמשך.
- רינדור ממשק עם React — אתה בונה רכיבים לשימוש חוזר, וכותב אלמנטים של ממשק משתמש בעזרת JSX.
- ניהול מצב — ניהול מצב (state) באפליקציה בעזרת props, ה-hook בשם useState ורכיבים מבוקרים.
- הוקים — איך הוקים (hooks) מאפשרים מצב ואירועי מחזור-חיים בתוך רכיבים של React.
- ניתוב — ניתוב (routing) באפליקציות עמוד-יחיד בעזרת הספרייה React Router.
- זרימת נתונים ומצב משותף — איך נתונים זזים באפליקציה, איך מרימים מצב משותף כלפי מעלה, ואיך Context חוסך העברת props לעומק.
- פרויקטMyReads — אפליקציה למעקב אחרי ספרים
מה יישאר לך ביד
פרויקט אחד שמוגש לבדיקה
הפרויקט משויך לשיעור מסומן בסילבוס, ובסופו מגישים אותו לבדיקה.
- 01
יסודות React
MyReads — אפליקציה למעקב אחרי ספרים
אתה מקבל אפליקציית React התחלתית עם כלי חיפוש ספרים, ובונה עליה דף ראשי עם שלושה מדפים: קוראים עכשיו, רוצים לקרוא ונקראו. כל מדף הוא רכיב לשימוש חוזר שמציג כותרת ומחברים ומאפשר להזיז ספר בין המדפים, והמצב נשמר גם אחרי רענון של הדף. מוסיף דף חיפוש חי שמתמודד עם שאילתות ריקות או שגויות, עם תמונות ושמות מחברים חסרים ועם חיפוש רב-מילים, ומסנכרן את השיוך למדף בשני הכיוונים מול הדף הראשי. את שני הדפים אתה מחבר בניווט של React Router, והאפליקציה צריכה לרוץ אצל אחרים עם npm install ו-npm start לפי קובץ README שאתה כותב. בודק אנושי של אודסיטי מתקין, מריץ, בודק את הסנכרון והניווט וקורא את הקוד עצמו.
החסם של האנגלית
יש בכיתה עוזר שמדבר עברית
בתוך הכיתה של אודסיטי יושב עוזר בשם מארווין. שואלים בעברית — הוא עונה בעברית, על החומר שמוצג באותו רגע.
כל שאלה על מה שכתוב בעמוד
למשל: "תסביר לי במילים פשוטות את המושג שמופיע כאן". התשובה מתייחסת לשיעור שפתוח מולך.
סיכום, ואז בוחן
אפשר לבקש סיכום של השיעור שקוראים עכשיו, ואז לבקש שיבחן אותך לפני שממשיכים.
בדקנו את זה בפועל ב-7.9.2026: שלוש שאלות חופשיות, בקשת סיכום ובקשת בוחן — חמש מתוך חמש חזרו בעברית שוטפת ומדויקת לתוכן.
✓זה בשבילך אם…
לך על זה אם אתה כבר כותב JavaScript, מכיר שורת פקודה וניהול גרסאות, ורוצה בשבועיים להבין רכיבים, מצב, הוקים וניתוב. בסוף יש לך אפליקציה אחת שרצה ונבדקה בידי אדם.
✕דלג עליו אם…
דלג אם הרקע ב-JavaScript עדיין רופף, אם אתה מחפש תוכנית שלמה עם תעודה בסופה, או אם לימוד באנגלית מלאה מקשה עליך להתקדם.
לפני שמחליטים
מה זה לא נותן
- זה מקטע, לא תוכנית: ארבע-עשרה שעות בתוך מסלול רחב יותר של אודסיטי. אין כאן הסמכה עצמאית ואין הכרה אקדמית.
- הכול באנגלית: הסרטונים, הסילבוס, הוראות הפרויקט והרובריקה — כולם באנגלית, גם אם מארווין עונה לך בעברית.
- דירוג כמעט ריק: חמישה כוכבים שמבוססים על מדרג אחד בלבד. זה לא מדגם שאפשר להישען עליו.
- תנאי כניסה אמיתיים: שמונה דרישות קדם, מ-JavaScript אסינכרוני ועד ניהול חבילות ושורת פקודה. בלעדיהן הפרויקט נתקע מוקדם.
- על המחיר אין כאן מספר: ההרשמה והתמחור מתבצעים אצל אודסיטי בלבד, ואנחנו לא נוקבים כאן בסכום.
שאלות ותשובות
כמה זמן זה לוקח באמת?
אודסיטי מפרסמת ארבע-עשרה שעות. בקצב ריאלי של 6 עד 8 שעות בשבוע זה כשבועיים, כולל העבודה על ההגשה.
מה בדיוק מגישים בסוף, ומה יש בכיתה?
שישה שיעורים ואחריהם אפליקציית מעקב ספרים עם שלושה מדפים, דף חיפוש וניווט. בודק של אודסיטי מריץ אותה אצלו וקורא את הקוד.
אפשר להתחיל בלי רקע בתכנות?
לא. יש כאן שמונה דרישות קדם, בהן JavaScript ברמת ביניים, HTML, CSS, ניהול גרסאות ושורת פקודה.
מקבלים בסוף תעודת Nanodegree?
לא. זה מקטע בתוך תוכנית רחבה יותר של אודסיטי, לא הסמכה שעומדת בפני עצמה.
אחרי זה אני יודע React?
אתה יודע לבנות רכיבים, לנהל מצב עם הוקים ולנווט בין דפים — הבסיס שהסילבוס מכסה, ולא מעבר לו.
14 שעות, פרויקט אחד, אפליקציה שרצה
המחיר, תנאי הביטול ומועד הפתיחה — בעמוד המסלול של אודסיטי. ההחלטה שלך.
הרשמה ותמחור מתבצעים אצל אודסיטי · קישור שיווקי · אנחנו לא מוכרים את הקורס
מקורות
- עמוד המוצר הרשמי של הקורס באתר אודסיטי — משך, רמת כניסה, דירוג, מספר השיעורים והסילבוס. נמדד ב-13.9.2026.
- הוראות הפרויקט "MyReads — אפליקציה למעקב אחרי ספרים" ודף הרובריקה בתוך הכיתה של אודסיטי. נקרא ב-13.9.2026.
MSL הוא קטלוג קורסים — לא ספק הקורס. המסלול מתפרסם ומנוהל על ידי אודסיטי. תוכן הקורס, המחיר, התעודה ותנאי השימוש הם באחריות אודסיטי בלבד. הקישורים לאודסיטי הם קישורים שיווקיים.