Workshop i stacje
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Pisz i uruchamiaj JavaScript, Python i HTML z natychmiastowym wyjściem — bezpieczne miejsce, by pokazać kod na żywo i zachować przykłady, które możesz otworzyć ponownie.
AI może przygotować szkic. Ty decydujesz, co zobaczy klasa.
Czym jest Code Sandbox
Code Sandbox to przeglądarkowy runner kodu do nauczania. Pisz JavaScript albo Python (przez Pyodide) i od razu widzisz wyjście konsoli, albo uruchom podgląd dokumentu HTML — naciśnij Run, obserwuj wynik, zachowaj przykład na następnym razem.
To ważne, bo dema umierają, gdy konfiguracja staje na drodze. Tutaj chodzi o fragment i wyjście, nie o instalowanie łańcucha narzędzi przed niespokojną klasą.
Dlaczego nauczyciele korzystają z Code Sandbox
Natychmiastowe dema JS i Python
Pokaż skrypt i jego wyjście konsoli bez opuszczania Workshop.
Wizualizacje algorytmów w HTML
Szablony sortowania i płótna, które czynią proces widocznym, nie tylko do druku.
Szybkie fragmenty danych
Małe skrypty analityczne, gdy szybko potrzebujesz historii liczb.
Mini interaktywne quizy
Starty HTML, które możesz przekształcić na krótkie ćwiczenie przypominania.
W TeachForge Code Sandbox to siostrzane Run-i-konsola wobec HTML / CSS / JS — wybierz Sandbox do fragmentów; wybierz HTML / CSS / JS do etapowego tworzenia stron.
Wewnątrz Code Sandbox Station
Jak w reszcie Workshop, Station trzyma źródło i wynik blisko — z celowym krokiem Run.
- Pigułki języka dla JavaScript, Python (Pyodide) i HTML
- Run do podglądu z wyjściem konsoli albo wynikiem iframe HTML
- Szablony filtrowane według języka żeby starty pasowały do wybranego trybu
- Pobierz źródło gdy chcesz plik na swoim urządzeniu
- Zapisz jako JSON języka + kodu do ponownego użycia otwórz-gdziekolwiek
- Udostępnianie i chrome Workshop spójne z innymi Station
Jak fragment staje się wynikiem
Wybierz język i wczytaj szablon albo wpisz kod
Trzymaj przykład na tyle mały, by uczyć go jednym tchem.
Naciśnij Run
Python wczytuje Pyodide, gdy potrzeba; JS i HTML podglądają natychmiast.
Zapisz, pobierz albo użyj ponownie
Zachowaj fragment na następną grupę albo przenieś pomysł później do pełniejszej Station.
Jeden fragment. Każda wersja lekcji z niego.
Code Sandbox jest celowo lekki: ponowne użycie pochodzi z szablonów języka i zapisane JSON języka + kodu, nie z dużego katalogu parametrycznego. O to chodzi — szybkie dema, które możesz otworzyć ponownie, nie druga Station do tworzenia stron.
Zmieniaj w trakcie nauczania
Edytuj wiersz, naciśnij Run i pokaż, co się zmieniło.
Zachowaj przykład, zmieniaj wyzwanie
Jutrzejsza klasa może spotkać ten sam szkielet z trudniejszym zwrotem.
Pozostań przenośny
Pobierz źródło albo otwórz JSON ponownie, gdziekolwiek uczysz dalej.
Przejdź wyżej, gdy potrzeba
Przejdź do HTML / CSS / JS, gdy etapy, motywy i samodzielny eksport znaczą więcej niż Run.
Jeśli potrzebujesz etapów budowania razem i parametrycznych zmiennych strony, otwórz HTML / CSS / JS. Code Sandbox zostaje szybkim runnerem.
Gotowe fragmenty, od których można zacząć
Otwórz szablon języka i przekształć go:
| Obszar | Co możesz otworzyć |
|---|---|
| JavaScript | Hello World; Analiza danych; Eksplorator rekurencji; Kalkulator geometrii |
| Python | Hello World; Teoria liczb |
| HTML | Interaktywne płótno; Wizualizator sortowania; Interaktywny quiz |
Pomoc AI po Twojemu
Potrzebujesz pierwszego szkicu? Użyj AI jako asystenta — potem przejrzyj, edytuj i zatwierdź, zanim cokolwiek dotrze do uczących się.
Skopiuj prompt
Wygeneruj gotowy prompt i wklej go do narzędzia czatu, którego już używasz.
Użyj własnego GPU
Połącz lokalny endpoint modelu w ustawieniach i uruchom generowanie na sprzęcie, który kontrolujesz.
Użyj własnego klucza API
Dodaj klucz dostawcy w ustawieniach, wybierz model i generuj na własnym koncie.
AI może się mylić. Właśnie dlatego nauczyciel pozostaje w pętli.
Zanieś fragment tam, gdzie dzieje się nauczanie
- Whiteboard — umieść na żywej tablicy i dostosuj przed klasą
- Quest Ladder — wstaw do pytań i wyjaśnień
- Virtual Lab — użyj ponownie w interaktywnej pracy laboratoryjnej
- Społeczność — udostępnij to, co zbudowałeś, i buduj na tym, czym podzielili się inni edukatorzy