חלק ממסלול Reactחדשמסלולקורס Next.js למתחילים
קורס Next.js חינמי ואינטראקטיבי שלוקח אתכם מקומפוננטות React לאפליקציה אמיתית: ניתוב, layouts, קומפוננטות שרת ולקוח, שליפת נתונים ו־server actions. רמזי AI עוזרים כשנתקעים, ובסיום מקבלים תעודה חינמית.
47 שיעורים41 אתגרים99 שאלות חידון
- ידידותי למתחילים
עזרה בתכנות בליווי AI
שיעורים אינטראקטיביים ומעשיים
חידונים לבדיקת הידע
תעודת סיום בחינם
סילבוס
היחידה הזו היא חלק ממסלול React. בסילבוס המלא יש עוד יחידות: לחצו על כל תצוגה מקדימה למטה כדי לראות אותה בדף המסלול.
- יחידה 1יסודות42 שיעורים
יחידה 2
היסודות של Next.js
להתחיל את היחידהלהתחילעברו מרכיבי React לאפליקציה אמיתית: ניתוב מבוסס מערכת קבצים, פריסות, רכיבי שרת ורכיבי לקוח, שליפת נתונים, פעולות שרת ופרויקט Next.js מלא.למה Next.js
4 שיעורים39ניתוב וקישורים
6 שיעורים516פריסות ומטא־נתונים
6 שיעורים515שרת ולקוח
6 שיעורים515נתונים בשרת
6 שיעורים516פעולות שרת
5 שיעורים413ניווט בצד הלקוח
5 שיעורים515פרויקט: Coddy Eats
9 שיעורים9
ללמוד תוך כדי עשייה
כתבו קוד אמיתי, שלפו נתונים ממסדי נתונים, בנו אתרים ושלטו בפרומפטים ל-AI. השיעורים האינטראקטיביים שלנו מכסים כל מיומנות שמפתחים מודרניים צריכים.
לבנות רצף
שמרו על עקביות וראו איך ההתקדמות שלכם גדלה! עקבו אחרי הרגל התכנות היומי, הגנו על הרצף עם ימי הקפאה וקבלו פרסים על כל יום שאתם מגיעים.
12 ימי רצף
חזרו מחר כדי לשמור על הרצף!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
הכל או כלום
יום 5 מתוך 7
הקפאת רצף
2 left
לתכנת מכל מקום
קחו את מסע התכנות שלכם לכל מקום! בלי התקנות, בלי הורדות: פשוט פותחים ומתחילים לתכנת. זמין ב-iOS, ב-Android ובאתר עם דירוג של 4.9 כוכבים.
אתם לא לבד
התחרו בטבלאות דירוג עולמיות, הזמינו חברים כדי לקבל פרסים וחגגו את ההצלחות אחד של השני. תכנות עם חברים זה יותר כיף!
1
2
3
אזור העלייהכל הדרכים ללמוד
לקרוא, להאזין, לבחון את עצמכם, לשאול את ה-AI או לחפש כל דבר שכבר למדתם. כל שיעור פוגש אתכם בדיוק איפה שאתם.
משתנה הוא מיכל עם שם ששומר ערך שאפשר להתייחס אליו בהמשך התוכנית.
ב-Python יוצרים משתנה על ידי כתיבת השם, סימן שווה, ואז הערך שרוצים לשמור.
הערך יכול להשתנות עם הזמן. השמה מחדש לאותו שם פשוט מפנה אותו לערך חדש.
לקבל תעודה
קבלו תעודה על כל קורס שתסיימו. הוסיפו אותן לפרופיל ה-LinkedIn ולקורות החיים כדי להציג למעסיקים את כישורי התכנות שלכם.
תעודת סיוםיסודות Python
להוסיף ל-LinkedInלמה ללמוד Next.js עם Coddy
- בנו אפליקציות Next.js בדפדפן. בלי התקנת Node, בלי create-next-app, בלי קונפיגורציה: כל שיעור נותן לכם תיקיית app אמיתית עם layout, דפים וקומפוננטות לערוך.
- ה־App Router כפי שמשתמשים בו בפרודקשן: תיקיות כנתיבים, מקטעים דינמיים, layouts מקוננים, קומפוננטות שרת מול קומפוננטות לקוח, שליפת נתונים, מצבי טעינה ושגיאה, וטפסים עם server actions.
- רמזי AI שקוראים את הקוד שלכם בפועל. כשנתיב מחזיר 404 או שקומפוננטת שרת נשברת, אתם מקבלים דחיפה שמצביעה על הבעיה בלי לגלות את התשובה.
- תעודה חינמית בסיום היחידה: Next.js הוא ה־framework המבוקש ביותר ל־React, וזה מה שמודעות דרושים מודרניות ל־Frontend מבקשות לצד React עצמה.
שאלות נפוצות על לימוד Next.js
מה זה Next.js?
Next.js הוא framework של React לבניית אפליקציות ווב מלאות. React נותנת לכם קומפוננטות; Next.js מוסיף את כל מה שמסביבן: ניתוב מבוסס מערכת קבצים, layouts מקוננים, רינדור בצד השרת, שליפת נתונים ו־server actions לטיפול בטפסים ובשינויי נתונים. הוא נבנה ומתוחזק על ידי Vercel, וזה ה־framework של React הנפוץ ביותר בפרודקשן.
צריך לדעת React לפני שלומדים Next.js?
כן. Next.js בנוי על React, ולכן קומפוננטות, props ו־state צריכים להרגיש מוכרים קודם. היחידה הזו היא החלק השני של מסלול ה־React: יחידת ה־Fundamentals שלפניה מכסה בדיוק את הבסיס הזה, כך שאפשר לעבור ישר לפי הסדר.
האם הקורס מכסה את ה־App Router?
כן. היחידה בנויה סביב ה־App Router המודרני: תיקיית app, תיקיות כנתיבים, מקטעי נתיב דינמיים, layouts מקוננים ומודל קומפוננטות השרת והלקוח. זו הארכיטקטורה שפרויקטי Next.js חדשים משתמשים בה כברירת מחדל, ומה שמודעות דרושים עכשוויות מצפות לו.
מה ההבדל בין קומפוננטות שרת לקומפוננטות לקוח?
קומפוננטות שרת מתרנדרות בשרת: הן יכולות לשלוף נתונים ישירות ושולחות פחות JavaScript לדפדפן. קומפוננטות לקוח רצות בדפדפן ומטפלות באינטראקטיביות: state, אירועים, effects. אפליקציות Next.js משלבות את שתיהן, והיכולת לדעת במה לבחור היא אחת ממיומנויות הליבה שהיחידה הזו מתרגלת.
אפשר ללמוד Next.js אונליין בחינם?
כן. יחידת ה־Next.js האינטראקטיבית חינמית: שיעורים מלאים, אתגרי קוד אמיתיים עם משוב מיידי ורמזי AI. הכול רץ בדפדפן, כך שלא צריך להתקין Node או להקים פרויקט כדי להתחיל.
מקבלים תעודה בסיום קורס Next.js?
כן. סיום היחידה מעניק לכם תעודת סיום חינמית שאפשר לשתף ב־LinkedIn או להוסיף לקורות החיים, לצד פרויקט ה־Next.js השלם שתבנו בפרקים האחרונים.
