Workshop ותחנות
TeachFORGE.ai
Workshop / קוד ארגז חול
קוד ארגז חול תחנה
כתבו והריצו JavaScript, Python ו־HTML עם פלט מיידי — מקום בטוח להדגים קוד חי ולשמור דוגמאות שאפשר לפתוח מחדש.
ה־AI יכול לנסח טיוטה. אתם מחליטים מה הכיתה רואה.
מהו קוד ארגז חול
קוד ארגז חול הוא מריץ קוד בדפדפן להוראה. כתבו JavaScript או Python (דרך Pyodide) וראו פלט מסוף מיד, או הריצו תצוגת מסמך HTML — לחצו הרצה, צפו בתוצאה, שמרו את הדוגמה לפעם הבאה.
זה חשוב כי הדגמות מתות כשההקמה מפריעה. כאן הנקודה היא הקטע והפלט, לא התקנת כלי עבודה מול כיתה חסרת סבלנות.
למה מורים משתמשים ב-קוד ארגז חול
הדגמות JS ו־Python מיידיות
הציגו תסריט ואת פלט המסוף שלו בלי לעזוב את ה־Workshop.
ויזואלי אלגוריתם ב־HTML
תבניות מיון וקנבס שהופכות תהליך לגלוי, לא רק להדפסה.
קטעי נתונים מהירים
תסריטי ניתוח קטנים כשצריך סיפור מספרים מהר.
חידונים אינטראקטיביים קטנים
פתיחי HTML שאפשר לעצב מחדש לפעילות שליפה קצרה.
ב־TeachForge, קוד ארגז חול הוא האח הרצה־ומסוף של HTML / CSS / JS — בחרו ארגז חול לקטעים; בחרו HTML / CSS / JS לכתיבת עמוד מדורגת.
בתוך תחנת קוד ארגז חול
כמו שאר ה־Workshop, התחנה משאירה מקור ותוצאה קרובים — עם צעד הרצה מכוון.
- כדורי שפה ל־JavaScript, Python (Pyodide) ו־HTML
- Run לתצוגה מקדימה עם פלט מסוף או תוצאת iframe של HTML
- תבניות מסוננות לפי שפה כדי שהמתחילים יתאימו למצב שבחרתם
- הורדת מקור כשאתם רוצים את הקובץ במכשיר
- שמירה כ-JSON שפה + קוד לשימוש חוזר בכל מקום
- שיתוף וכרום Workshop עקבי עם שאר התחנות
איך קטע הופך לתוצאה
בחרו שפה וטענו תבנית או הקלידו קוד
שמרו את הדוגמה קטנה מספיק ללמד בנשימה אחת.
לחצו Run
Python טוען Pyodide כשצריך; JS ו־HTML מוצגים מיד.
שמרו, הורידו או השתמשו שוב
שמרו את הקטע לקבוצה הבאה, או העבירו את הרעיון לתחנה מלאה יותר אחר כך.
קטע אחד. כל גרסת שיעור שלו.
קוד ארגז חול קל בכוונה: השימוש החוזר מגיע מ־תבניות שפה ו־JSON JSON שפה + קוד, לא מקטלוג פרמטרי גדול. זו הנקודה — הדגמות מהירות שאפשר לפתוח מחדש, לא תחנת כתיבת עמוד שנייה.
שנו תוך כדי הוראה
ערכו שורה, לחצו הרצה והראו מה השתנה.
שמרו על הדוגמה, שנו את האתגר
הכיתה של מחר יכולה לפגוש את אותו שלד עם טוויסט קשה יותר.
הישארו ניידים
הורידו מקור או פתחו מחדש את ה־JSON בכל מקום שמלמדים אחר כך.
התקדמו כשצריך
עברו ל־HTML / CSS / JS כששלבים, ערכות נושא וייצוא עצמאי חשובים יותר מהרצה.
אם צריך שלבי בנייה־יחד ומשתני עמוד פרמטריים, פתחו HTML / CSS / JS. קוד ארגז חול נשאר המריץ המהיר.
קטעים מוכנים להתחיל מהם
פתחו תבנית שפה ועצבו מחדש:
| שטח | מה אפשר לפתוח |
|---|---|
| JavaScript | שלום עולם; ניתוח נתונים; חוקר רקורסיה; מחשבון גאומטריה |
| Python | שלום עולם; תורת המספרים |
| HTML | קנבס אינטראקטיבי; מציג מיון; חידון אינטראקטיבי |
עזרת AI בדרך שלכם
צריכים טיוטה ראשונה? השתמשו ב־AI כעוזר — ואז בדקו, ערכו ואשרו לפני שמשהו מגיע ללומדים.
העתיקו את ה־הנחיה
צרו הנחיה מוכן והדביקו אותו בכלי הצ׳אט שכבר משתמשים בו.
השתמשו ב־GPU שלכם
חברו נקודת קצה למודל מקומי בהגדרות והריצו יצירה על חומרה שבשליטתכם.
השתמשו במפתח API שלכם
הוסיפו את מפתח הספק בהגדרות, בחרו מודל, וצרו עם החשבון שלכם.
ה־AI יכול לטעות. בדיוק לכן מורה נשאר בלולאה.
קחו את הקטע למקום שבו מתרחשת ההוראה
- Whiteboard — שימו אותו על הלוח החי והתאימו מול הכיתה
- Quest Ladder — שימו אותו בשאלות ובהסברים
- Virtual Lab — השתמשו בו שוב בעבודת מעבדה אינטראקטיבית
- קהילה — שתפו מה שבניתם, ובנו על מה שמחנכים אחרים שיתפו