שפי לומדה

קורס בעברית ובאנגלית שמלמד לבנות אתרים דרך תרגול

shapi-lumda.web.appחי ובשימוש

הבעיה

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

מה בנינו

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

שיעורים ותרגילים: 306
נושאים: HTML, CSS, JavaScript, React
שפות: עברית ואנגלית
קוד תלמידים שנבדק בשרתים שלנו: אף אחד

הסיפור שמאחורי זה

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

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

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

הסיפור מאחורי הקלעים

כל סיפורי מאחורי הקלעים

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

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

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

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

לנסות את הדבר האמיתי

שפי לומדה

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

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

לפתוח בלשונית נפרדת

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

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

נתחיל שיחה