דלג לתוכן

משיחות וידאו לקורס שלומדים בו לבד

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

4 דקות קריאה

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

4 דקות קריאה

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

מה זה פולסטאק?

לאתר יש חלק קדמי, המסכים שהמבקר רואה ומשתמש בהם, וחלק אחורי, התוכנות והנתונים שעובדים מאחורי המסך. פולסטאק (Full stack) פירושו שאדם אחד יודע לבנות את שני החלקים. כמו מי שיודע לעצב את חלון הראווה של חנות וגם לנהל את המחסן.

בקצרה

  • נתנו שנים־עשר שיעורים חיים בשיחות וידאו, בין 23 ביוני ל־7 ביולי 2026.
  • הפורמט החי לא התאים, אז החלטנו לבנות קורס שלא צריך שמישהו יצפה בו: קוראים, לומדים, מתרגלים, ועוברים לשיעור הבא.
  • מה־12 ביולי הפסקנו ללמד והתחלנו לבנות.
  • שאלה עלתה בשיעורים החיים: למה לפתור לבד אם בינה מלאכותית יכולה? התשובה שלנו היא ההבדל בין לבקש ממנה לכתוב את הקוד לבין לבקש ממנה להסביר.
  • אפשר לקום ולחזור: הטיוטה נשמרת תוך כדי הקלדה, וכל תוצאה מוסברת במילים פשוטות.

מה לא התאים

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

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

הרעיון: לקרוא, ללמוד, לתרגל, להמשיך

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

איך זה התקדם
  1. 23 ביוני 2026השיעור החי הראשון בשיחת וידאו
  2. 7 ביולי 2026האחרון מבין שנים־עשר השיעורים החיים
  3. 12 ביולי 2026הפסקנו ללמד והתחלנו לבנות
  4. 13 ביולי 2026הגרסה הראשונה של הקורס נשמרה בהיסטוריית הפרויקט (commit)

מה זו היסטוריית פרויקט?

מאגר (Repository) הוא התיקייה שבה שמורים כל קובצי הפרויקט יחד עם תיעוד של כל שינוי. בכל פעם שמישהו שומר קבוצת שינויים עם הערה קצרה, זה נקרא קומיט (Commit), ולכן ההיסטוריה נקראת כמו יומן עם תאריכים. אנחנו משתמשים בה כדי לראות מה עשינו ומתי.

נבנה כדי שאפשר לקום ולחזור

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

  • לוחצים על כפתור “בדיקות” ומקבלים רשימת בדיקות, כל אחת במילים פשוטות, למשל שלפסקה יש עיצוב מסוים. אם התשובה לא נכונה, אפשר להניח אותה ליד השאלה ולקרוא את השאלה שוב.
  • יש כפתור רמז וכפתור פתרון, ואפשר להקריא את התוצאות בקול (בעברית זה עובד רק אם מותקן במכשיר קול בעברית והדפדפן תומך בכך).
  • הטיוטה נשמרת תוך כדי הקלדה, והשיעורים שפתרתם נשמרים בדפדפן במכשיר הזה. סוגרים את הלשונית וחוזרים אחר כך, ואתם בדיוק איפה שעצרתם.
  • בשיעורים ששואלים שאלה קצרה יש כפתור שאומר “אני לא מבין, לחזור לשיעור הקודם”.

למה לפתור לבד, כשעוזר יכול?

השאלה עלתה בשיעורים החיים, והיא עולה היום בכל מקום: “למה שאפתור? שהבינה המלאכותית תעשה את זה.” הסברנו למי שלמד שיש שתי דרכים לעבוד מול בינה מלאכותית, והתוצאות שונות מאוד. האחת היא לבקש מעוזר לכתוב את הקוד. מקבלים משהו שרץ, ובלי שום מושג למה. השנייה היא לבקש ממנו להסביר: מה השורה הזאת עושה, למה התשובה שלי נכשלה, תסביר לי שוב במילים פשוטות.

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

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

מאיפה הגיע הרעיון

בזמן שתכננו, מצאנו את JS Hero (נפתח בלשונית חדשה), קורס JavaScript חינמי מגרמניה שבודק תשובות בדפדפן. לראות שאפשר לעשות את זה היה הניצוץ. אנחנו רוצים להודות להם על הרעיון. מה שבנינו משם והלאה הוא שלנו, והסיפורים הבאים מסבירים איך: איך התשובות נבדקות, איך נכתבו השיעורים ועורך הקוד שבתוך התיבה.

מה למדנו

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

עוד סיפורי מקרה לקריאה

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

יש לכם מה לבנות? בואו נדבר.

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

4 סיפורים על שפי לומדה

כל 4 הסיפורים

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

קיצורי מקלדת

פתיחת תפריט נגישותAlt+A
הצהרת נגישות

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