שלב 1
HTML ו־CSS: הדףדף ייעודי
להתחיל את השלב הזהלהתחילאלמנטים, קישורים, טפסים ו־markup סמנטי, ואז סלקטורים, מודל הקופסה, flexbox, grid ופריסות רספונסיביות. בהמשך React תכתוב בשבילכם HTML, אז זו השפה שהיא מדברת.להתחילדף ייעודי3 יחידות, לפי הסדר
מסלול למידה
מפת דרכים למפתחי MERN stack
קורסים חינמיים לפי הסדר שבו מפתחי MERN stack צריכים אותם: HTML, CSS ו־JavaScript לדף, React לממשק, ואז Node.js ו־Express לשרת, MongoDB לנתונים והתחברות משתמשים כדי לשמור עליהם. שפה אחת, JavaScript, מהתגית הראשונה ועד ה־route האחרון ב־API, וכל שיעור רץ בדפדפן שלכם.
711,880+ לומדים רשומים בקורסים האלה
718 שיעורים808 אתגרים3,295 שאלות חידון
- ידידותי למתחילים
עזרה בתכנות בליווי AI
שיעורים אינטראקטיביים ומעשיים
הקראה קולית בכל שיעור
חידונים לבדיקת הידע
תעודת מסלול בסוף, ועוד 16 לאורך הדרך
מפת הדרכים של MERN stack, שלב אחר שלב
כל שלב הוא יחידה בקורס קיים ב־Coddy. עברו עליהם לפי הסדר, או קפצו לזה שחסר לכם: ההתקדמות נשמרת לכל קורס בנפרד בכל מקרה.
- 1
- 2שלב 2
JavaScriptדף ייעודי
להתחיל את השלב הזהלהתחילמשתנים, פונקציות, מערכים ואובייקטים, ואז תנאים ולולאות, ואז מחלקות. זו השפה היחידה שתשתמשו בה בכל שלב שאחרי, בדפדפן ובשרת.להתחילדף ייעודי3 יחידות, לפי הסדר - 3שלב 3
JavaScript בדפדפן
להתחיל את השלב הזהלהתחילה־DOM, אירועים, טפסים ואימות קלט, ואז דפוסים מעשיים כמו לשוניות, חלונות מודאליים וניווט רספונסיבי. מה ש־React עושה בשבילכם הופך להגיוני אחרי שעשיתם את זה בעצמכם.להתחיל2 יחידות, לפי הסדר - 4שלב 4
React: ה־R ב־MERNדף ייעודי
להתחיל את השלב הזהלהתחילקומפוננטות, JSX, props, state, אירועים, רשימות וטפסים מבוקרים, ובסוף כרטיס חברתי קטן שבונים שלב אחר שלב. React היא הממשק שה־API שלכם ישרת.להתחילדף ייעודי - 5שלב 5
Node.js: ה־N ב־MERNדף ייעודי
להתחיל את השלב הזהלהתחילJavaScript מחוץ לדפדפן: ארגומנטים משורת הפקודה, מודולים, קריאה וכתיבה של קבצים, callbacks, promises, async ו־await, ה־event loop ואירועים. בונים כלי פתקים לשורת הפקודה.להתחילדף ייעודי - 6שלב 6
Express ו־REST API: ה־E
להתחיל את השלב הזהלהתחילRoutes, פרמטרים, JSON, middleware, מטפלי שגיאות ו־routers באתר מתכונים, ואז API למעקב משימות: POST, PATCH, PUT ו־DELETE, ולידציה עם zod, סינון, מיון, עימוד ו־CORS.להתחיל2 יחידות, לפי הסדר - 7שלב 7
MongoDB והתחברות: ה־M
להתחיל את השלב הזהלהתחילמסמכים ואוספים מתוך API של Express: הוספה, ObjectId, פילטרים, אופרטורי עדכון, אינדקסים ייחודיים, אגרגציה ו־$lookup. ואז מי רשאי לראות את הנתונים: סיסמאות מגובבות, sessions, JWT, בעלים ותפקידי מנהל, כותרות אבטחה והגבלת קצב.להתחיל2 יחידות, לפי הסדר - 8שלב 8
הטרמינל ו־Gitדף ייעודי
להתחיל את השלב הזהלהתחילקבצים, הרשאות, pipes וסקריפטים בטרמינל אמיתי, ואז commits, branches, merges ו־remotes. כל פרויקט MERN חי בריפוזיטורי Git ורץ משורת הפקודה.להתחילדף ייעודי2 יחידות, לפי הסדר
מה מקבלים
כל מה שתשתמשו בו כדי ללמוד לתכנת
ללמוד תוך כדי עשייה
כתבו קוד אמיתי, שלפו נתונים ממסדי נתונים, בנו אתרים ושלטו בפרומפטים ל-AI. השיעורים האינטראקטיביים שלנו מכסים כל מיומנות שמפתחים מודרניים צריכים.
playground.js
עורך קוד
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3 return greeting + " " + name
4}
5
בדיקה #1
בדיקה #2
בדיקה #3
קלט
"Alex"
פלט
"Hello, Coddy! Alex"
לבנות רצף
שמרו על עקביות וראו איך ההתקדמות שלכם גדלה! עקבו אחרי הרגל התכנות היומי, הגנו על הרצף עם ימי הקפאה וקבלו פרסים על כל יום שאתם מגיעים.
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
אתם לא לבד
התחרו בטבלאות דירוג עולמיות, הזמינו חברים כדי לקבל פרסים וחגגו את ההצלחות אחד של השני. תכנות עם חברים זה יותר כיף!
ליגת המתמודדים7 המובילים עולים
1
Alex7+ Days
2840
2
Jordan7+ Days
2650
3
Sam7+ Days
2420
4
Casey
2180
5
Morgan7+ Days
1950
אזור העלייהכל הדרכים ללמוד
לקרוא, להאזין, לבחון את עצמכם, לשאול את ה-AI או לחפש כל דבר שכבר למדתם. כל שיעור פוגש אתכם בדיוק איפה שאתם.
מבוא למשתנים
אודיו
משתנה הוא מיכל עם שם ששומר ערך שאפשר להתייחס אליו בהמשך התוכנית.
ב-Python יוצרים משתנה על ידי כתיבת השם, סימן שווה, ואז הערך שרוצים לשמור.
הערך יכול להשתנות עם הזמן. השמה מחדש לאותו שם פשוט מפנה אותו לערך חדש.
1xשרה
לקבל תעודה
קבלו תעודה על כל קורס שתסיימו. הוסיפו אותן לפרופיל ה-LinkedIn ולקורות החיים כדי להציג למעסיקים את כישורי התכנות שלכם.
תעודת סיוםתעודה זו מאשרת כיישראל ישראליהשלים/ה בהצלחה את
יסודות Python
יסודות Python
תאריךינו׳ 2026
להוסיף ל-LinkedInלמה ללמוד MERN stack ב־Coddy
- כל שכבה רצה לצד הקוד שלכם. קומפוננטות React מוצגות תוך כדי הקלדה, שרת Express עונה לשורת בקשות שבה בוחרים method, כותרות וגוף JSON, ושאילתות MongoDB רצות מול מסד נתונים שאפשר לפתוח בלשונית Data. אין מה להתקין, כך שגם מחשב נייד של בית הספר מספיק.
- שפה אחת לכל ה־stack. השלבים הראשונים במסלול מוקדשים ל־JavaScript ולדפדפן, כך שכש־Node.js מגיעה, השרת הוא רעיונות חדשים ולא שפה חדשה: אותן פונקציות, אותם אובייקטים ואותו קוד אסינכרוני, שעכשיו עונים לבקשות.
- פרויקט בכל יחידת Backend: כלי פתקים לשורת הפקודה, אתר מתכונים, API למעקב משימות, API לדירוג ספרים על MongoDB ואפליקציית פתקים עם חשבונות משתמש. כל אחד נבנה שיעור אחר שיעור ונבדק בבדיקות ששולחות בקשות אמיתיות לשרת שלכם.
- רמזים שקוראים את הקוד שלכם. כש־route מחזיר 404, שאילתה לא מחזירה כלום או התחברות מכניסה את המשתמש הלא נכון, Bugsy, המורה מבוסס ה־AI, מסתכל על מה שכתבתם ומצביע על השורה בלי לכתוב את התיקון בשבילכם.
שאלות נפוצות על MERN stack
מה זה MERN stack?
דרך לבנות אפליקציית ווב שלמה ב־JavaScript עם ארבעה כלים: MongoDB שומר את הנתונים כמסמכים, Express הופך תוכנית Node.js לשרת ווב ול־API, React בונה את הממשק שרץ בדפדפן, ו־Node.js מריץ JavaScript בשרת. קוד ה־React בדפדפן קורא ל־API של Express, וה־API קורא וכותב ל־MongoDB.
מה ראשי התיבות של MERN?
MERN הם ראשי התיבות של MongoDB, Express, React ו־Node.js. הסדר הוא סדר האותיות במילה, לא הסדר שבו לומדים: במסלול הזה מתחילים בדף (HTML, CSS, JavaScript ו־React) ואז עוברים לשרת (Node.js ו־Express) ולמסד הנתונים (MongoDB).
מה עושה מפתח MERN stack?
בונה פיצ'רים ממסד הנתונים ועד המסך: מתכנן את המסמכים ב־MongoDB, כותב את ה־routes ב־Express שיוצרים, קוראים, מעדכנים ומוחקים אותם, מגן על ה־routes האלה עם התחברות משתמשים, ובונה את דפי ה־React שקוראים להם. כיוון שכל ארבעת הכלים הם JavaScript, מפתח אחד יכול ללוות פיצ'ר דרך כל השכבות.
האם עדיין שווה ללמוד MERN stack?
כן. React ו־Node.js הם שניים מהכלים הנפוצים ביותר בפיתוח ווב, ו־Express ו־MongoDB הם השותפים הנפוצים ביותר שלהם, כך שהמיומנויות עוברות איתכם גם לצוותים שמשתמשים במסד נתונים או ב־framework אחר. לימוד stack אחד מקצה לקצה מלמד גם איך כל אפליקציית ווב מתחברת יחד, וזה בדיוק מה שבודקים בראיונות עבודה.
ללמוד MERN stack או MEAN stack?
MERN, לרוב מי שמתחילים עכשיו. שני ה־stacks חולקים את MongoDB, Express ו־Node.js ונבדלים רק בצד הלקוח: React ב־MERN, Angular ב־MEAN. React נפוצה יותר מבין השתיים וקל יותר להתחיל איתה, ומעבר ל־Angular בהמשך פירושו ללמוד framework חדש אחד, לא stack חדש.
כמה זמן לוקח ללמוד MERN stack?
בערך שמונה עד עשרה חודשים, בשעה ביום, כדי לסיים את המסלול. HTML ו־CSS לוקחות כשישה שבועות, JavaScript והדפדפן חודשיים עד שלושה, React כחודש, וחמש היחידות של Node.js (Node.js, Express, REST API, MongoDB, התחברות משתמשים) עוד שלושה חודשים. אם אתם כבר יודעים JavaScript, התחילו בשלב של React וזה ייקח כארבעה חודשים.
אפשר ללמוד MERN stack בלי להתקין כלום?
כן, במסלול הזה. כל שיעור רץ בדפדפן: React מוצגת לצד העורך, תוכניות Node.js שלכם רצות בטרמינל והשרתים שלכם עונים לשורת בקשות, ויחידת MongoDB משתמשת במסד נתונים בזיכרון שמדבר ב־API של ה־driver של MongoDB. כשתבנו בהמשך אפליקציה משלכם, תתקינו Node.js ו־MongoDB על המחשב, והקוד עובר איתכם כמו שהוא.
האם מקבלים תעודה על מסלול מפתח MERN stack?
כן. סיימו כל שלב וקבלו תעודה אחת בחינם על כל מסלול מפתח MERN stack. היא מפרטת כל קורס שסיימתם בדרך, ומקשרת לתעודה של כל קורס, כך שכל אחד יכול לאמת כל מיומנות שמופיעה בה. אפשר להוסיף אותה לפרופיל ה-LinkedIn. זו תעודת סיום מ-Coddy, לא הסמכה מוכרת.
