Workshop og stasjoner
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS Station
Lag levende webelementer i et flerpanel-skriverom — med byggesteg, parametriske variabler og eksport til selvstendig HTML når du trenger siden utenfor TeachForge.
KI kan lage utkast. Du bestemmer hva klassen ser.
Hva HTML / CSS / JS er
HTML / CSS / JS er en flerpanel-webstasjon for skriving. Du skriver merkelabell, stiler og skripter side ved side, forhåndsviser siden i en sandkassesandkasse (iframe) og — når du trenger det — eksporterer en selvstendig HTML-fil som du kan bruke utenfor TeachForge.
Dette er viktig i undervisningen fordi webferdigheter gir mening når lærene ser resultatet umiddelbart. Endre en stil, ta et steg i en byggeprosess eller demonstrer en liten interaktiv side — i sanntid, uten å måttet distribuere noe.
Hvorfor lærere bruker HTML / CSS / JS
Levende webdemoer
Vis hvordan HTML, CSS og JavaScript virker sammen i sanntid.
Bygge-leksjoner
Fangste steg og presentere dem steg for steg slik at klassen følger konstruksjonen.
Parametriske temaer
Kontroller farger og variabler med kontroller i stedet for å lete etter hver enkelt CSS-verdi manuelt.
Selvstendige utleveringer
Eksporter én HTML-fil for bruk utover stasjonen.
På TeachForge er HTML / CSS / JS en Workshop-stasjon — bygget for undervisningssider, ikke bare for raske kodeskudd.
Innenfor HTML / CSS / JS-stasjonen
Som resten av Workshoppen får du en kjennelig rytme for skriving — med tre paneler i stedet for ett.
- HTML-, CSS- og JS-redigeringsverktøy med rask bytting av paneler
- Live eller manuell oppdatering i en sandkassesandkasse (iframe)-forhåndstvisning
- Byggesteg — fangste, steg og presentasjonsmodus
- Parametriske variabler for gjenbrukbare tema- og verdikontroller
- Enhetsoversikt og valgfrie biblioteker som KaTeX
- Eksporert selvstendig HTML, avansert JSON, del, innbædd og sending til Whiteboard
Hvordan panelene blir til en side
Start fra en mal eller rediger de tre panelene
Legg til byggesteg og parametriske variabler når leksjonen krever det.
Kjør live eller manuell forhåndsvisning
Den sandkassede iframen viser siden slik lærene vil møte den.
Presenter stegene, eksporter eller send den i sanntid
Ta resultatet til tavlen, inn i et spørsmål, eller ut som selvstendig HTML.
Én side. Alle versjoner av den.
Denne stasjonen støtter parametriske variabler og byggesteg: behol strukturen på siden, varier temaet og avslør konstruksjonen i rekkefølge — i stedet for å vedlikeholde tolv nesten identiske HTML-filer.
Endre det mens du underviser
Juster parametriske verdier eller ta steget til neste i presentasjonsmodus.
Behold strukturen, varier temaet
Den samme sidepakken kan vise en annen aksentfarge, datasett eller vanskelighetsgrad i morgen.
Undervise i bygget, ikke bare ferdigstillingen
Stegene lar klassen se siden komme på plass.
Hold deg nær vurderingen
Lagre den bærbare JSON-pakken og gjenbruk den i senere leksjoner eller laboratorier.
Trenger du en rask kjøre- og konsollsnutt i stedet? Code Sandbox er søstersstasjonen for det. HTML / CSS / JS er for skrevne sider med steg og eksport.
Ferdige sider å starte fra
Åpne en mal og form den for timen din:
| Area | Hva du kan åpne |
|---|---|
| Grunnlag | Tom; Profil-kort; Flexbox-lekeplass |
| Build-along | Knappesteg; Fargetemaskifter |
| Interaktivt | Canvas-animasjon; Quiz-UI; Datatabel |
KI-hjelp, på din måte
Trenger du et førsteutkast? Bruk KI som assistent — deretter gjennomgå, rediger og godkjenn før noe når elevene.
Kopier prompten
Generer en ferdig prompt og lim den inn i chat-verktøyet du allerede bruker.
Bruk din egen GPU
Koble til et lokalt modellendepunkt i innstillingene og kjør generering på maskinvare du styrer.
Bruk din egen API-nøkkel
Legg til leverandørnøkkelen i innstillingene, velg modell og generer med din egen konto.
KI kan ta feil. Det er nettopp derfor en lærer forblir i loopen.
Ta siden dit undervisningen skjer
- Whiteboard — legg det på den live tavlen og juster det foran klassen
- Quest Ladder — slipp det inn i spørsmål og forklaringer
- Virtual Lab — gjenbruk det i interaktivt labarbeid
- Community — del det du bygde, og bygg videre på det andre undervisere delte