Workshop ja ajamist
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS jaam
Ehita live-veebiosi mitmepaanilises autorluskeskkonnas — ehitusetapiga sammude, parameetriliste muutujate ja iseseisva HTML-ekspordiga, kui vajad lehte väljaspool TeachForge’i.
AI võib visandi luua. Sina otsustad, mida klass näeb.
Mis on HTML / CSS / JS
HTML / CSS / JS on mitmepaaniline veebiautorluse jaam. Kirjutad märgistust, stiile ja skripte kõrvuti, vaatad lehe eelvaadet liivakastis iframe’is ja — kui vajad — ekspordid iseseisva HTML-faili, mida saad kasutada väljaspool TeachForge’i.
See on oluline õpetamisel, sest veebioskused omandavad mõtte, kui õppijad näevad tulemust kohe. Muuda stiili, käi läbi ehitusetapi sammu või demonstreeri väikest interaktiivset lehte — reaalajas, midagi juurutamata.
Miks õpetajad kasutavad HTML / CSS / JS
Live-veebidemod
Näita, kuidas HTML, CSS ja JavaScript käituvad koos reaalajas.
Ehitusetapiga tunnid
Jäädvusta etapid ja esita need samm-sammult, et klass järgiks ehitust.
Parameetrilised teemad
Juhi värve ja muutujaid juhtelementidega, selle asemel et otsida käsitsi igat CSS-väärtust.
Iseseisvad jaotusmaterjalid
Ekspordi üks HTML-fail kasutamiseks väljaspool jaama.
TeachForge’is on HTML / CSS / JS Workshop’i jaam — loodud õppelehtede, mitte üksnes kiirete koodilõikude jaoks.
HTML / CSS / JS jaama sees
Nagu ülejäänud Workshop’is, saad tuttava autorlusrütmi — kolme paaniga ühe asemel.
- HTML, CSS ja JS redaktorid kiire paanivahetusega
- Live või käsitsi värskendus liivakastis iframe eelvaatesse
- Ehitusetapiga sammud — jäädvustus, sammud ja Esitusrežiim
- Parameetrilised muutujad korduvkasutatavate teema- ja väärtusjuhtelementide jaoks
- Seadme eelvaate raamid ja valikulised teegid nagu KaTeX
- Iseseisev HTML eksport, täpsem JSON, jagamine, põimimine ja Whiteboard’i saatmine
Kuidas paanidest saab lehekülg
Alusta mallist või muuda kolme paani
Lisa etapid ja parameetrilised muutujad, kui tund neid vajab.
Käivita Live või käsitsi eelvaade
Liivakastis iframe näitab lehte, nagu õppijad selle kohtaksid.
Esita etapid, ekspordi või saada see otse
Vii tulemus tahvlile, küsimusse või iseseisvaks HTML-iks.
Üks lehekülg. Iga selle versioon.
See jaam toetab parameetrilisi muutujaid ja ehitusetapiga samme: säilita lehe struktuur, muuda teemat ja ilmuta ehitust järjekorras — selle asemel et hooldada kaksteist pisut erinevat HTML-faili.
Muuda seda õpetamise ajal
Kohanda parameetrilisi väärtusi või liigu Esitusrežiimis järgmisele etapile.
Säilita struktuur, muuda teemat
Sama lehepakett saab homme näidata teistsugust aktsenti, andmestikku või raskusastet.
Õpeta ehitust, mitte üksnes tulemust
Etapid lubavad klassil vaadata, kuidas lehekülg valmib.
Jää hindamisele lähedale
Salvesta kaasaskantav JSON-pakett ja taaskasuta see hilisemates tundides või praktikumides.
Vajad kiiret Run-ja-konsool lõiku selle asemel? Code Sandbox on selle jaoks õde-vend jaam. HTML / CSS / JS on autoriseeritud lehtede jaoks etappide ja ekspordiga.
Valmis lehed, millest alustada
Ava mall ja kujunda see oma tunni jaoks ümber:
| Valdkond | Mida saad avada |
|---|---|
| Alused | Tühi; profiilikaart; Flexbox mänguväljak |
| Ehitusetapiga | Nupu etapid; värviteema vahetaja |
| Interaktiivne | Lõuendianimatsioon; kviisi liides; andmetabel |
AI abi omal moel
Vajad esimest visandit? Kasuta AI-d abilisena — vaata seejärel läbi, muuda ja kinnita, enne kui midagi õppijateni jõuab.
Kopeeri viip
Loo valmis viip ja kleebi see vestlustööriistasse, mida juba kasutad.
Kasuta oma GPU-d
Ühenda oma seadetes kohalik mudeliliides ja käivita genereerimine riistvaral, mida sa juhid.
Kasuta oma API-võtit
Lisa seadetesse oma pakkuja võti, vali mudel ja genereeri oma kontoga.
AI võib vigu teha. Just seepärast peab õpetaja jääma ahelasse.
Vii lehekülg sinna, kus õpetamine toimub
- Whiteboard — pane see live-tahvlile ja kohanda seda klassi ees
- Quest Ladder — lisa see küsimustesse ja selgitustesse
- Virtual Lab — taaskasuta seda interaktiivses praktikumitöös
- Kogukond — jaga, mida sa lõid, ja ehita edasi teiste õpetajate jagatud materjalile