Workshop i stanice
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS Station
Gradite žive web dijelove u višestrukom prostoru za autoriranje — s fazama build-along, parametarskim varijablama i samostalnim HTML izvozom kad trebate stranicu izvan TeachForgea.
AI može pripremiti nacrt. Vi odlučujete što razred vidi.
Što je HTML / CSS / JS
HTML / CSS / JS je višestruka web Station za autoriranje. Pišete markup, stilove i skripte jedne uz drugu, pregledavate stranicu u sandboxiranom iframeu i — kad trebate — izvozite samostalnu HTML datoteku koju možete koristiti izvan TeachForgea.
To je važno u poučavanju jer web vještine imaju smisla kad učenici odmah vide rezultat. Promijenite stil, zakoračite fazu build-along ili demonstrirajte malu interaktivnu stranicu — uživo, bez deployanja iščega.
Zašto nastavnici koriste HTML / CSS / JS
Žive web demonstracije
Pokažite HTML, CSS i JavaScript kako se ponašaju zajedno u stvarnom vremenu.
Lekcije build-along
Snimite faze i Presentajte ih korak po korak tako da razred prati konstrukciju.
Parametrske teme
Vodite boje i varijable kontrolama umjesto da lovite svaku CSS vrijednost ručno.
Samostalni letci
Izvezite jednu HTML datoteku za upotrebu izvan Station.
Na TeachForgeu HTML / CSS / JS je Workshop Station — izgrađena za nastavne stranice, ne samo za brze isečke koda.
Unutar HTML / CSS / JS Station
Kao i ostatak Workshopa, dobivate poznati ritam autoriranja — s tri okna umjesto jednog.
- Uređivači HTML, CSS i JS s brzim prebacivanjem okana
- Živo ili Manual osvježavanje u sandboxirani iframe pregled
- Faze build-along — snimanje, korak i način Present
- Parametrske varijable za ponovno upotrebljive kontrole tema i vrijednosti
- Okviri pregleda uređaja i opcionalne knjižnice poput KaTeXa
- Samostalni HTML izvoz, Advanced JSON, dijeljenje, ugradnja i slanje na Whiteboard
Kako okna postaju stranica
Započnite od predloška ili uredite tri okna
Dodajte faze i parametarske varijable kad ih lekcija treba.
Pokrenite živi ili Manual pregled
Sandboxirani iframe pokazuje stranicu onako kako bi je učenici sreli.
Presentajte faze, izvezite ili pošaljite uživo
Odnesite rezultat na ploču, u pitanje ili van kao samostalni HTML.
Jedna stranica. Svaka njena verzija.
Ova Station podržava parametarske varijable i faze build-along: zadržite strukturu stranice, mijenjajte temu i otkrivajte konstrukciju redom — umjesto održavanja dvanaest malo različitih HTML datoteka.
Mijenjajte ga dok poučavate
Prilagodite parametarske vrijednosti ili prijeđite na sljedeću fazu u načinu Present.
Zadržite strukturu, mijenjajte temu
Isti paket stranice može sutra pokazati drugi naglasak, skup podataka ili težinu.
Poučavajte izgradnju, ne samo završetak
Faze omogućuju razredu da gleda kako stranica nastaje.
Ostanite blizu procjene
Spremite prenosivi JSON paket i ponovno ga upotrijebite u kasnijim lekcijama ili laboratorijima.
Trebate brzi isečak Run-and-console umjesto toga? Code Sandbox je sestrinska Station za to. HTML / CSS / JS je za autorirane stranice s fazama i izvozom.
Gotove stranice od kojih krećete
Otvorite predložak i prilagodite ga svojoj lekciji:
| Area | Što možete otvoriti |
|---|---|
| Temelji | Prazno; Kartica profila; Flexbox igralište |
| Build-along | Faze gumba; Prekidač teme boja |
| Interaktivno | Canvas animacija; Quiz UI; Tablica podataka |
AI pomoć, na vaš način
Treba vam prvi nacrt? Koristite AI kao pomoćnika — zatim pregledajte, uredite i odobrite prije nego što išta stigne do učenika.
Kopirajte prompt
Generirajte gotov prompt i zalijepite ga u alat za chat koji već koristite.
Koristite vlastiti GPU
Povežite lokalni krajnji točku modela u postavkama i pokrenite generiranje na hardveru koji kontrolirate.
Koristite vlastiti API ključ
Dodajte ključ pružatelja u postavkama, odaberite model i generirajte vlastitim računom.
AI može pogriješiti. Upravo zato nastavnik ostaje u petlji.
Odnesite stranicu tamo gdje se poučava
- Whiteboard — stavite ga na živu ploču i prilagodite ga pred razredom
- Quest Ladder — ubacite ga u pitanja i objašnjenja
- Virtual Lab — ponovno ga upotrijebite unutar interaktivnog rada u laboratoriju
- Community — podijelite što ste izradili i nadograđujte ono što su drugi edukatori podijelili