Menu
Coddy logo textTech
להתחיל ללמוד
flag He iconעבריתdown icon
חדשמסלול

קורס React למתחילים, אינטראקטיבי וחינמי

שלטו ב־React על ידי כתיבת קומפוננטות אמיתיות מהשיעור הראשון: JSX, props, state ואירועים, ואז המשיכו אל Next.js: ניתוב מבוסס מערכת קבצים, layouts, קומפוננטות שרת, שליפת נתונים ו־server actions. הכול רץ בדפדפן עם רמזי AI כשנתקעים, ובסיום אתם מקבלים תעודה חינמית.

להתחיל ללמוד(בחינם)
לצפייה בסילבוסReact אונליין

1,529+ לומדים רשומים

89 שיעורים69 אתגרים164 שאלות חידון

  • ידידותי למתחילים
  • sparkles iconעזרה בתכנות בליווי AI
  • hint iconשיעורים אינטראקטיביים ומעשיים
  • volume On iconהקראה קולית בכל שיעור
  • quiz iconחידונים לבדיקת הידע
  • certificate iconתעודת סיום בחינם

סילבוס

2 יחידות1 פרויקטים89 שיעורים69 אתגרים164 שאלות חידון
  1. יחידה 1

    יסודות

    להתחיל את היחידהלהתחיללהרחיבלכווץ    למדו לבנות ממשקי משתמש עם React: רכיבים, JSX, ‏props, ‏state ואירועים — מהרכיב הראשון שלכם ועד לאפליקציה קטנה ופועלת.42 שיעורים37 אתגרים65 שאלות

    הכירו את React

    5 שיעורים513

    ביטויי JSX

    5 שיעורים58

    רכיבים

    5 שיעורים48

    Props

    6 שיעורים510

    מצב ואירועים

    6 שיעורים59

    טפסים ושדות קלט

    5 שיעורים47

    תנאים ורשימות

    6 שיעורים510

    פרויקט: כרטיס פרופיל

    4 שיעורים4
  2. יחידה 2

    היסודות של Next.jsדף ייעודי

    להתחיל את היחידהלהתחיללהרחיבלכווץ    עברו מרכיבי React לאפליקציה אמיתית: ניתוב מבוסס מערכת קבצים, פריסות, רכיבי שרת ורכיבי לקוח, שליפת נתונים, פעולות שרת ופרויקט Next.js מלא.47 שיעורים32 אתגרים99 שאלות1 פרויקט

    למה Next.js

    4 שיעורים39

    ניתוב וקישורים

    6 שיעורים516

    פריסות ומטא־נתונים

    6 שיעורים515

    שרת ולקוח

    6 שיעורים515

    נתונים בשרת

    6 שיעורים516

    פעולות שרת

    5 שיעורים413

    ניווט בצד הלקוח

    5 שיעורים515

    פרויקט: Coddy Eats

    פרויקט9 שיעורים
מה מקבלים
כל מה שתשתמשו בו כדי ללמוד לתכנת

ללמוד תוך כדי עשייה

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

playground.js
עורך קוד
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
בדיקה #1test Case Success icon
בדיקה #2test Case Success icon
בדיקה #3test Case Failure icon
קלט
"Alex"
פלט
"Hello, Coddy! Alex"

לבנות רצף

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

12 ימי רצף

חזרו מחר כדי לשמור על הרצף!

fire Filled icon
left icon

January 2026

right icon

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

product Double Or Nothing icon

הכל או כלום

יום 5 מתוך 7

fire Freeze icon

הקפאת רצף

2 left

לתכנת מכל מקום

קחו את מסע התכנות שלכם לכל מקום! בלי התקנות, בלי הורדות - פשוט פותחים ומתחילים לתכנת. זמין ב-iOS, ב-Android ובאתר עם דירוג של 4.9 כוכבים.

Python
7רצף
250ניקוד
5אנרגיה
משתנים
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
להמשיך
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
מסלול
יעדים
טבלת הדירוג
פרופיל
4.9
כוכבכוכבכוכבכוכבכוכב
דירוג

אתם לא לבד

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

ליגת המתמודדים
ליגת המתמודדים7 המובילים עולים
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconאזור העלייהleaderboard Arrow Up icon

כל הדרכים ללמוד

לקרוא, להאזין, לבחון את עצמכם, לשאול את ה-AI או לחפש כל דבר שכבר למדתם. כל שיעור פוגש אתכם בדיוק איפה שאתם.

מבוא למשתנים
אודיו

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

ב-Python יוצרים משתנה על ידי כתיבת השם, סימן שווה, ואז הערך שרוצים לשמור.

הערך יכול להשתנות עם הזמן - השמה מחדש לאותו שם פשוט מפנה אותו לערך חדש.

1xשרה

לקבל תעודה

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

Coddyתעודת סיום
תעודה זו מאשרת כיישראל ישראליהשלים/ה בהצלחה את
python iconיסודות Python
מאומת
תאריךינו׳ 2026
LinkedInלהוסיף ל-LinkedIn

למה ללמוד React עם Coddy

  • כתבו JSX בדפדפן מהשיעור הראשון. בלי התקנת Node, בלי create-react-app, בלי הגדרות build: כל שיעור נותן לכם קוד קומפוננטות אמיתי לערוך ולהריץ.
  • תוכנית לימודים שמסתיימת באפליקציות אמיתיות: קומפוננטות, props, state, אירועים ו־hooks ביחידת Fundamentals, ואז יחידת Next.js מלאה: ניתוב, layouts, קומפוננטות שרת ולקוח, שליפת נתונים ו־server actions.
  • רמזי AI שקוראים את הקוד שלכם בפועל. כשקומפוננטה לא מתרנדרת או ש־state לא מתעדכן, אתם מקבלים דחיפה שמצביעה על הבאג בלי לקלקל את הפתרון.
  • תעודת React חינמית בסיום: אות חזק לתפקידי Frontend, שבהם React נשארת ספריית ה־UI המבוקשת ביותר.

שאלות נפוצות על לימוד React

מה זה React?

React היא ספריית JavaScript לבניית ממשקי משתמש מקומפוננטות: פונקציות קטנות שאפשר לעשות בהן שימוש חוזר ומחזירות markup. היא נוצרה ב־Meta ומפעילה חלק עצום מהווב המודרני, מ־Facebook ו־Instagram ועד המוצרים של מיליוני סטארטאפים, והיא באופן עקבי מיומנות ה־Frontend המבוקשת ביותר במודעות דרושים.

צריך לדעת JavaScript לפני שלומדים React?

כדאי שתרגישו בנוח עם יסודות JavaScript: משתנים, פונקציות, מערכים ואובייקטים. הקורס מציג את דפוסי ה־JavaScript ש־React נשענת עליהם (arrow functions, destructuring, map) כשהם עולים, כך שלא צריך להיות מומחים. אם אתם חדשים לגמרי בקוד, עברו קודם את מסלול ה־JavaScript.

האם קשה ללמוד React?

רעיונות הליבה, קומפוננטות, JSX ו־props, נקלטים מהר כי הם מתחברים לדברים שאתם כבר מכירים: פונקציות ו־HTML. state, effects וזרימת נתונים דורשים יותר תרגול, ולכן בכל שיעור כאן אתם כותבים ומריצים קוד קומפוננטות אמיתי במקום רק לקרוא עליו.

מה ההבדל בין React ל־Next.js?

React היא ספריית ה־UI: קומפוננטות, state, רינדור. Next.js היא framework שבנוי מעל React ומוסיף את מה שאפליקציות אמיתיות צריכות: ניתוב מבוסס מערכת קבצים, layouts, רינדור בצד השרת, שליפת נתונים ו־server actions. הקורס מלמד קודם את יסודות React, ואז יחידת Next.js ייעודית לוקחת אתכם מקומפוננטות לאפליקציה שלמה.

אפשר ללמוד React אונליין בחינם?

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

מקבלים תעודה בסיום קורס React?

כן. סיום הקורס מעניק לכם תעודת סיום חינמית שאפשר להוסיף ל־LinkedIn או לקורות החיים. יחד עם הקומפוננטות והאפליקציות שתבנו לאורך הדרך, זו הוכחה משמעותית לכישורים מעשיים ב־React וב־Next.js.

מסלולי למידה שכוללים את הקורס הזה

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

איור של שפות התכנות ב-Coddy

ללמוד React עם Coddy

להתחיל