מסלול למידה

מפת דרכים למפתחי Full Stack

קורסים חינמיים בסדר שבו מפתחי ווב Full Stack צריכים אותם: HTML, CSS ו־JavaScript לדף, TypeScript ו־React לממשק, Next.js לשרת, SQL לנתונים, ואז Linux, Git ו־Docker כדי להעלות הכול לאוויר. JavaScript רצה בשני הצדדים, כך שאתם לומדים שפה אחת ומשתמשים בה מקצה לקצה. כל שיעור רץ בדפדפן, וכל יחידה של קורס מסתיימת בתעודה חינמית.

להתחיל ללמוד(בחינם)

830,387+ לומדים רשומים בקורסים האלה

880 שיעורים883 אתגרים4,346 שאלות חידון

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

מסלול מפתחי Full Stack, שלב אחר שלב

7 קורסים16 יחידות880 שיעורים883 אתגרים4,346 שאלות חידון

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

1
שלב 1
HTML ו־CSS: הדףדף ייעודי
להתחיל את השלב הזהלהתחילאלמנטים, קישורים, טפסים ו־markup סמנטי, ואחר כך סלקטורים, מודל הקופסה, flexbox, grid, פריסות רספונסיביות ומעברים לאורך שתי יחידות CSS. הטפסים שאתם כותבים כאן הם אותם טפסים שהשרת שלכם קורא בהמשך המסלול.להתחיל דף ייעודי
3 יחידות, לפי הסדר
179 שיעורים215 אתגרים833 שאלות
2
שלב 2
JavaScript ו־TypeScriptדף ייעודי
להתחיל את השלב הזהלהתחיליסודות, לוגיקה וזרימת בקרה, אובייקטים ומחלקות בשלוש יחידות, ואז TypeScript: טיפוסים, interfaces, גנריות וקריאת שגיאות הקומפיילר. זו השפה שבה אתם כותבים בדפדפן ובשרת, ולכן היא מקבלת יותר זמן מכל שלב אחר.להתחיל דף ייעודי
4 יחידות, לפי הסדר
271 שיעורים288 אתגרים1,457 שאלות
3
שלב 3
JavaScript בדפדפןדף ייעודי
להתחיל את השלב הזהלהתחילה־DOM, אירועים, טפסים ואימות קלט, ואחר כך דפוסי Frontend מעשיים כמו לשוניות, חלונות מודאליים, ערכות נושא וניווט רספונסיבי. HTML, CSS ו־JavaScript הופכים לדף אחד שמגיב לאדם שמשתמש בו.להתחיל דף ייעודי
2 יחידות, לפי הסדר
1. JavaScript בפעולה27 שיעורים27 אתגרים163 שאלות
2. פיתוח Frontend מעשי35 שיעורים34 אתגרים197 שאלות
62 שיעורים61 אתגרים360 שאלות
4
שלב 4
Reactדף ייעודי
להתחיל את השלב הזהלהתחילקומפוננטות, JSX, props, state, אירועים, רשימות וטפסים מבוקרים, ובסוף כרטיס חברתי קטן שאתם בונים שלב אחר שלב. React היא שכבת הממשק שהשלב הבא מריץ בשרת.להתחיל דף ייעודי42 שיעורים37 אתגרים65 שאלות
5
שלב 5
Next.js: חצי השרתדף ייעודי
להתחיל את השלב הזהלהתחילניתוב ו־layouts, קומפוננטות שרת ולקוח, שליפת נתונים בשרת, route handlers לנקודות קצה API משלכם, server actions לטפסים, מצבי טעינה ושגיאה, ואחר כך אפליקציית מסעדה בתשעה שלבים עם עגלה, מסננים, ביקורות וחיפוש חי. כאן אתם כותבים את ה־Backend.להתחיל דף ייעודי47 שיעורים32 אתגרים99 שאלות
6
שלב 6
SQL: מסד הנתוניםדף ייעודי
להתחיל את השלב הזהלהתחילשאילתות מול טבלאות אמיתיות: סינון, מיון, joins, קיבוץ ופונקציות צבירה, ואחר כך תת־שאילתות, פונקציות חלון, CASE ו־common table expressions. כל אפליקציית Full Stack שומרת את הנתונים שלה במסד נתונים, ו־SQL היא הדרך לשאול אותו שאלות.להתחיל דף ייעודי
2 יחידות, לפי הסדר
1. יסודות72 שיעורים72 אתגרים360 שאלות
2. מעבר ליסודות27 שיעורים28 אתגרים167 שאלות
99 שיעורים100 אתגרים527 שאלות
7
שלב 7
Linux ו־Gitדף ייעודי
להתחיל את השלב הזהלהתחילקבצים, הרשאות, pipes וכתיבת סקריפטים ל־shell בטרמינל Linux אמיתי, ואחר כך commits, branches, מיזוג, קונפליקטים ו־remotes. שרתים מריצים Linux, וכל צוות שומר את הקוד שלו במאגר Git.להתחיל דף ייעודי
2 יחידות, לפי הסדר
1. יסודות82 שיעורים68 אתגרים440 שאלות
2. ניהול גרסאות58 שיעורים46 אתגרים370 שאלות
140 שיעורים114 אתגרים810 שאלות
8
שלב 8
Dockerדף ייעודי
להתחיל את השלב הזהלהתחילimages, קונטיינרים, Dockerfiles, volumes ורשתות. קונטיינר אורז את האפליקציה שלכם עם כל מה שהיא צריכה כדי לרוץ, וכך רוב אפליקציות הווב מועלות היום לשרת.להתחיל דף ייעודי40 שיעורים36 אתגרים195 שאלות

מה מקבלים

כל מה שתשתמשו בו כדי ללמוד לתכנת

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

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

playground.js

עורך קוד

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

בדיקה #1

בדיקה #2

בדיקה #3

קלט

"Alex"

פלט

"Hello, Coddy! Alex"

לבנות רצף

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

12 ימי רצף

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

January 2026

הכל או כלום

יום 5 מתוך 7

הקפאת רצף

2 left

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

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

250

משתנים

להמשיך

4.9

דירוג

אתם לא לבד

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

ליגת המתמודדים7 המובילים עולים

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

אזור העלייה

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

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

מבוא למשתנים

אודיו

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

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

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

1xשרה

לקבל תעודה

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

תעודת סיום

תעודה זו מאשרת כיישראל ישראליהשלים/ה בהצלחה את

יסודות Python

תאריךינו׳ 2026

להוסיף ל-LinkedIn

למה ללמוד פיתוח Full Stack ב־Coddy

שפה אחת בשני הצדדים. המסלול מלמד JavaScript ו־TypeScript לדפדפן, ואז משתמש באותה שפה בשרת דרך route handlers ו־server actions של Next.js, כך שה־Backend הוא רעיונות חדשים ולא שפה שנייה ללמוד מאפס.
אין מה להתקין. HTML ו־CSS מוצגות בזמן אמת לצד הקוד שלכם, SQL רצה מול טבלאות אמיתיות, ושלבי Linux, Git ו־Docker נותנים לכם טרמינל אמיתי בדפדפן. אפשר ללמוד את כל ה־stack על מחשב נייד שמעולם לא הותקן עליו כלי פיתוח.
רמזי AI שקוראים את הקוד שלכם. כשקומפוננטה לא מוצגת, שאילתה מחזירה את השורות הלא נכונות או פקודה נכשלת, Bugsy מסתכל על מה שכתבתם ומכוון אתכם לתיקון בלי לתת את התשובה.
הסדר הוא העיקר. רוב קורסי ה־Full Stack ממהרים ל־framework כבר בשבוע השני; המסלול הזה נותן ל־JavaScript שלוש יחידות ולדפדפן רביעית לפני ש־React מופיעה, כי framework קריא רק כשהשפה שמתחתיו קריאה.

שאלות נפוצות על הדרך להפוך למפתחי Full Stack

מה זה מפתח Full Stack?

מפתח שיודע לבנות את שני החצאים של אפליקציית ווב: ה־Frontend שרץ בדפדפן (HTML, CSS, JavaScript ו־framework כמו React) וה־Backend שרץ על שרת (טיפול בבקשות, לוגיקה עסקית ומסד נתונים). בפועל רוב מפתחי ה־Full Stack חזקים יותר בצד אחד, אבל הם יכולים לבנות פיצ'ר שלם מטבלת מסד הנתונים ועד הכפתור שמשתמש בה בלי להעביר אותו למישהו אחר.

איך הופכים למפתח ווב?

למדו HTML, CSS ו־JavaScript מספיק טוב כדי לבנות דף מקובץ ריק, הוסיפו framework אחד (React), למדו איך שרת עונה לבקשות ואיך נתונים נשמרים (Next.js ו־SQL במסלול הזה), למדו Git, ובנו פרויקטים שאפשר להעלות לרשת ולהסביר. מעסיקים מגייסים לפי מה שאתם יכולים להראות להם, ולכן הפרויקטים חשובים יותר מכל תעודה. המסלול הזה הוא הרצף הזה, בסדר הזה, והוא חינמי.

מה כדאי ללמוד קודם, Frontend או Backend?

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

למה המסלול הזה משתמש ב־JavaScript בשרת ולא ב־Python?

כי JavaScript היא השפה היחידה שרצה בדפדפן, ולכן שימוש בה גם בשרת אומר שפה אחת לכל ה־stack. Next.js, שבנויה על React, מאפשרת לאותו בסיס קוד לרנדר דפים בשרת, לענות לבקשות API ולטפל בשליחת טפסים. אם אתם מעדיפים לכתוב את ה־Backend ב־Python, מסלול מפתחי Backend ב־Coddy מלמד את הדרך של Python.

האם צריך בוטקמפ כדי להפוך למפתח Full Stack?

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

כמה זמן לוקח להפוך למפתח Full Stack?

בערך תשעה עד שנים־עשר חודשים של שעה ביום כדי להגיע לרמת ג'וניור. במסלול הזה HTML ו־CSS לוקחות יחד שישה עד שמונה שבועות, JavaScript והדפדפן חודשיים עד שלושה, TypeScript ו־React כשישה שבועות, Next.js חודש, SQL שלושה עד ארבעה שבועות, ו־Linux, Git ו־Docker עוד חודש. לבנות פרויקט משלכם לצד השלבים המאוחרים זה מה שהופך את הזמן הזה לתיק עבודות.

האם המסלול מכסה Node.js, Express, אימות משתמשים או פריסה?

עדיין לא כקורסים נפרדים, ואנחנו מעדיפים לומר זאת מאשר לנפח את הדף. קוד השרת במסלול הזה נכתב עם route handlers ו־server actions של Next.js, שרצים על Node.js, אבל אין קורס Express, אין קורס על חיבור אפליקציה למסד נתונים בפרודקשן עם ORM, ואין קורס על אימות משתמשים או על פריסה לפלטפורמת אחסון. אלה מתוכננים בתוכנית הלימודים ומצטרפים למסלול כשלבים חדשים כשהם יוצאים.

האם קורס ה־Full Stack הזה חינמי, והאם מקבלים תעודה?

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