Workshop és állomások
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS Station
Építsen élő webes darabokat többpaneles szerzői térben — build-along szakaszokkal, paraméteres változókkal és önálló HTML-exporttal, amikor az oldalra a TeachForge-on kívül van szükség.
Az MI vázlatot készíthet. Ön dönti el, mit lát az osztály.
Mi az HTML / CSS / JS
Az HTML / CSS / JS többpaneles webes szerzői állomás. Egymás mellett írja a jelölést, a stílusokat és a scripteket, előnézetben látja az oldalt homokozós iframe-ben, és — amikor szüksége van rá — exportál egy önálló HTML-fájlt, amelyet a TeachForge-on kívül használhat.
A tanításban ez azért számít, mert a webes készségek akkor nyernek értelmet, amikor a tanulók azonnal látják az eredményt. Változtasson stílust, lépjen egy build-along szakaszt, vagy mutasson be egy kis interaktív oldalt — élőben, bármi telepítése nélkül.
Miért használják a tanárok az HTML / CSS / JS-t
Élő webdemók
Mutassa meg, hogyan viselkedik együtt a HTML, a CSS és a JavaScript valós időben.
Build-along órák
Rögzítsen szakaszokat, és Presentálja őket lépésről lépésre, hogy az osztály kövesse az építést.
Paraméteres témák
Irányítson színeket és változókat vezérlőkkel, ahelyett hogy minden CSS-értéket kézzel keresne.
Önálló kiosztók
Exportáljon egy HTML-fájlt az állomáson túli használatra.
A TeachForge-on az HTML / CSS / JS egy Workshop-állomás — tanítási oldalakhoz építve, nem csak gyors kódrészletekhez.
Az HTML / CSS / JS Station belsejében
A Workshop többi részéhez hasonlóan ismerős szerzői ritmust kap — három panellel egy helyett.
- HTML-, CSS- és JS-szerkesztők gyors panelváltással
- Élő vagy kézi frissítés homokozós iframe-előnézetbe
- Build-along szakaszok — rögzítés, lépés és Present mód
- Paraméteres változók újrafelhasználható téma- és értékvezérlőkhöz
- Eszközelőnézet-keretek és opcionális könyvtárak, például KaTeX
- Önálló HTML-export, Advanced JSON, megosztás, beágyazás és Whiteboard-küldés
Hogyan lesz a panelekből oldal
Kezdjen sablonnal, vagy szerkessze a három panelt
Adjon hozzá szakaszokat és paraméteres változókat, amikor az órának szüksége van rájuk.
Futtasson élő vagy kézi előnézetet
A homokozós iframe úgy mutatja az oldalt, ahogy a tanulók találkoznának vele.
Presentálja a szakaszokat, exportáljon, vagy küldje élőbe
Vigye az eredményt a táblára, egy kérdésbe, vagy önálló HTML-ként ki.
Egy oldal. Minden változata.
Ez az állomás támogatja a paraméteres változókat és a build-along szakaszokat: tartsa az oldalszerkezetet, változtassa a témát, és tárja fel az építést sorrendben — ahelyett hogy tizenkét kissé eltérő HTML-fájlt tartana fenn.
Módosítsa tanítás közben
Igazítsa a paraméteres értékeket, vagy lépjen a következő szakaszra Present módban.
Tartsa a szerkezetet, változtassa a témát
Ugyanaz az oldalcsomag holnap más kiemelést, adatállományt vagy nehézséget mutathat.
Tanítsa az építést, ne csak a kész állapotot
A szakaszok lehetővé teszik, hogy az osztály lássa, ahogy az oldal összeáll.
Maradjon közel az értékeléshez
Mentse a hordozható JSON-csomagot, és használja újra későbbi órákon vagy labokban.
Inkább gyors Run-and-console részletre van szüksége? A Code Sandbox a testvérállomás ehhez. Az HTML / CSS / JS a szakaszokkal és exporttal rendelkező szerzői oldalakhoz való.
Kész oldalak a kezdéshez
Nyisson meg egy sablont, és alakítsa az órájához:
| Area | Mit nyithat meg |
|---|---|
| Alapok | Üres; Profilkártya; Flexbox játszótér |
| Build-along | Gombszakaszok; Színtémaváltó |
| Interaktív | Canvas animáció; Kvíz UI; Adattábla |
MI-súgó, az Ön módján
Kell egy első vázlat? Használja az MI-t asszisztensként — majd ellenőrizze, szerkessze és hagyja jóvá, mielőtt bármi eljutna a tanulókhoz.
Prompt másolása
Generáljon kész promptot, és illessze be a már használt chat-eszközbe.
Saját GPU használata
Csatlakoztasson helyi modellvégpontot a beállításokban, és futtassa a generálást az Ön által irányított hardveren.
Saját API-kulcs használata
Adja meg a szolgáltatói kulcsot a beállításokban, válassza ki a modellt, és generáljon a saját fiókjával.
Az MI tévedhet. Pont ezért marad a tanár a folyamatban.
Vigye az oldalt oda, ahol a tanítás zajlik
- Whiteboard — helyezze az élő táblára, és igazítsa az osztály előtt
- Quest Ladder — helyezze be kérdésekbe és magyarázatokba
- Virtual Lab — használja újra interaktív labmunkában
- Community — ossza meg, amit készített, és építsen arra, amit más oktatók megosztottak