Menu
Coddy logo textTech
מסלול למידה

מפת דרכים למפתחי JavaScript

מה ללמוד, ובאיזה סדר, כדי לעבוד כמפתחי JavaScript: השפה ו־TypeScript, שורת הפקודה, Git ו־SQL, ואז מבני הנתונים והאלגוריתמים שראיונות בודקים, ולבסוף קוד שצוות יכול לתחזק. אותו בסיס משרת עבודת Frontend, Backend ו־Full Stack. בחינם, מעשי, בדפדפן.

503,064+ לומדים רשומים בקורסים האלה

651 שיעורים577 אתגרים2,785 שאלות חידון

מפת הדרכים למפתחי JavaScript, צעד אחר צעד

17 קורסים7 יחידות651 שיעורים577 אתגרים2,785 שאלות חידון

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

  1. 1
    להתחיל את השלב הזהלהתחילארבע יחידות. Fundamentals מכסה משתנים, שוויון קפדני ורופף, המרת טיפוסים, פונקציות ו־arrow functions, ומערכים; Logic & Flow מכסה מחרוזות, JSON ואובייקטים, אופרטור ה־spread, sets, ומתודות המערך map, filter, reduce ו־sort; Introduction To TypeScript מכסה טיפוסי ליבה, tuples, איחודים, interfaces, enums, generics ו־type guards; Object Oriented Programming מכסה את this, מודולים, מחלקות, שדות פרטיים, ירושה והרכבה. למדו אותה לעומק: כל framework שתפגשו בהמשך הוא JavaScript מתחת, והכללים הרופפים שלה, == לצד === והמרת טיפוסים שקטה, הם מלכודות רק עד שאתם מכירים אותם.להתחילדף ייעודי
  2. 2
    להתחיל את השלב הזהלהתחילנתיבים וקבצים, wildcards, grep, pipes והפניות, הרשאות, משתני סביבה וסקריפטים של shell. כלי הפיתוח של JavaScript חיים בטרמינל: npm install, npx, שרתי פיתוח, builds ומריצי בדיקות הם פקודות, הסקריפטים ב־package.json הם פקודות shell, וסודות מגיעים לאפליקציית Node.js כמשתני סביבה דרך process.env.להתחילדף ייעודי
  3. 3
    להתחיל את השלב הזהלהתחילStaging, commits, .gitignore, branches, merges וקונפליקטים, ביטול טעויות ו־remotes. בפרויקט JavaScript, node_modules/ מוחרג כבר מה־commit הראשון ו־package-lock.json נכנס ל־commit, וקובץ lock עמוס הוא המקום שבו branches מקבילים מתנגשים לעתים קרובות. שירותי אחסון כמו Vercel ו־Netlify פורסים בכל push, כך שבצוותי ווב רבים merge ל־main הוא שחרור גרסה.להתחילדף ייעודי
  4. 4
    להתחיל את השלב הזהלהתחילסינון, מיון, joins, קיבוץ, פונקציות צבירה, תת־שאילתות, פסוקיות WITH ופונקציות חלון, על טבלאות אמיתיות. JavaScript ב־Full Stack פירושו מסד נתונים מאחורי ה־API, לעתים קרובות PostgreSQL או MySQL, שמגיעים אליו דרך ORM או query builder כמו Prisma; קריאת ה־SQL שהוא שולח היא הדרך לגלות למה endpoint איטי.להתחילדף ייעודי
  5. 5
    להתחיל את השלב הזהלהתחילמחסנית, תור, רשימה מקושרת, עץ בינארי וטבלת גיבוב, כל אחד נבנה מאפס ב־JavaScript ואז משמש לפתרון בעיות. אלה הצורות שאפליקציות JavaScript כבר רצות עליהן: היסטוריית ביטול היא מחסנית, ה־event loop עובד דרך תור, ותפריט מקונן או מסמך JSON הם עץ.להתחיל
  6. 6
    להתחיל את השלב הזהלהתחילאתגרי רקורסיה, ואז bubble, selection, insertion, merge ו־quick sort ב־JavaScript, כל מיון בשילוב עם כלי המחשת האלגוריתמים של Coddy. רקורסיה היא JavaScript יומיומי, מעבר על אובייקט מקונן או על עץ קומפוננטות, ויש לה תקרה: אם יורדים עמוק מדי, V8, המנוע של Chrome ו־Node.js, זורק RangeError: Maximum call stack size exceeded. השלב הזה מלמד אתכם לזהות את זה מראש.להתחיל
  7. 7
    להתחיל את השלב הזהלהתחילפרויקט מונחה עצמים שנבנה מקצה לקצה ומאגר בעיות קוד, שניהם ב־JavaScript. Prettier מכריע את העיצוב ו־ESLint מסמן חלק מהטעויות; שמות, גודל פונקציות ואיפה האחריות יושבת נשארים בידיים שלכם, ועל אלה סוקרי הקוד מעירים.להתחיל
מה מקבלים
כל מה שתשתמשו בו כדי ללמוד לתכנת

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

כתבו קוד אמיתי, שלפו נתונים ממסדי נתונים, בנו אתרים ושלטו בפרומפטים ל-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

למה ללכת לפי מפת הדרכים הזו ל־JavaScript ב־Coddy

  • שפה אחת לכל הווב. JavaScript רצה בכל דפדפן, ועם Node.js היא מריצה גם שרתים, כלי build וסקריפטים, כך שמשרות Frontend, Backend ו־Full Stack מתחילות כולן מהבסיס שמפת הדרכים הזו בונה, לפני שהן מתפצלות.
  • TypeScript כבר בשלב הראשון. בקורס ה־JavaScript יש יחידת TypeScript מלאה, מטיפוסי ליבה ואיחודים ועד interfaces, enums ו־generics, כך שה־JavaScript המטופס שצוותים מקצועיים רבים כותבים הוא חלק מהשפה שאתם לומדים, ולא הפתעה בעבודה הראשונה.
  • תרגול לראיונות ב־JavaScript. מבני הנתונים, אתגרי הרקורסיה וחמשת המיונים נלמדים כולם ב־JavaScript, כך שאתם מתאמנים לראיונות בשפה שבה באמת יבקשו מכם לעבוד.
  • עם ציונים ורמזים, בלי שום התקנה. כל שיעור נסגר באתגר JavaScript שנבדק במקרי בדיקה, ו־Bugsy, מורה ה־AI, מצביע על מה שלא בסדר בלי לכתוב את התיקון. רוב הקורסים מסתיימים בתעודה חינמית, ואין Node.js או עורך להגדיר: הכול רץ בדפדפן.

שאלות נפוצות: איך להפוך למפתח JavaScript

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

שישה עד שנים עשר חודשים, בשעה ביום בערך, הם טווח הוגן מאפס ועד ראיון לג'וניור. במפת הדרכים הזו קורס ה־JavaScript, כולל יחידת ה־TypeScript, לוקח שמונה עד עשרה שבועות; שורת הפקודה, Git ו־SQL בערך חודש ביחד; שלבי מבני הנתונים והמיונים עוד חודשיים. אחר כך מגיעה ההתמחות, framework כמו React או Backend ב־Node.js, שנבנית לפרויקט אחד או שניים שאפשר להראות.

האם JavaScript היא שפה ראשונה טובה למהנדס תוכנה?

כן, עם הסתייגות אחת. היא רצה בכל מקום, מראה תוצאות בדפדפן מיד ומובילה ישר לעבודה בתשלום בווב. ההסתייגות היא ש־JavaScript סולחת על טעויות ששפות אחרות דוחות: == ממיר טיפוסים לפני ההשוואה, ו־property חסר הוא undefined ולא שגיאה. לכן השלב הראשון במפת הדרכים הזו כולל TypeScript, ולכן שלבי מבני הנתונים גורמים לכם לבנות כל מבנה בעצמכם.

מה מפתח JavaScript צריך לדעת חוץ מ־JavaScript?

את שורת הפקודה, Git ו־SQL, שמפת הדרכים הזו מכסה, ואז את הפלטפורמה שאתם כותבים בשבילה, שהיא לא מכסה: HTML, CSS, ה־DOM ו־framework כמו React בדפדפן, או Node.js, npm ו־HTTP בשרת. מסלול ה־Frontend של Coddy מכסה את צד הדפדפן, כולל React, וממשיך מהנקודה שבה העמוד הזה נגמר.

כדאי ללמוד קודם TypeScript או JavaScript?

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

איזה קורס במפת הדרכים הזו לא נלמד ב־JavaScript?

אחד: קוד נקי נלמד בינתיים רק ב־Python, ולכן הוא מופיע אחרי השלבים ולא בשלב השביעי. הנושא שלו, שמות, גודל פונקציות ומבנה, נקרא אותו דבר בכל שפה, ו־linters כמו ESLint תופסים רק פלח ממנו. כל שלב, כולל הפרויקט מונחה העצמים ובעיות הקוד, הוא ב־JavaScript.

האם מפת הדרכים הזו ל־JavaScript חינמית?

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

מסלולי למידה נוספים

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

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

להתחיל את מסלול מהנדס תוכנה בחינם

להתחיל ללמוד