Workshop e estações
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Escreva e execute JavaScript, Python e HTML com saída instantânea — um espaço seguro para demonstrar código ao vivo e manter exemplos que pode reabrir.
A IA pode rascunhar. Você decide o que a turma vê.
O que é o Code Sandbox
O Code Sandbox é um executor de código no navegador para ensino. Escreva JavaScript ou Python (via Pyodide) e veja a saída da consola instantaneamente, ou execute uma pré-visualização de um documento HTML — prima Executar, observe o resultado e mantenha o exemplo para a próxima vez.
Isso importa porque as demonstrações morrem quando a configuração se torna um obstáculo. Aqui, o ponto é o fragmento e a saída, não instalar uma cadeia de ferramentas à frente de uma turma impaciente.
Por que os professores utilizam o Code Sandbox
Demonstrações instantâneas de JS e Python
Mostre um script e a sua saída na consola sem sair do Workshop.
Visualizações de algoritmos em HTML
Moldes de ordenação e canvas que tornam o processo visível, não apenas imprimível.
Fragmentos rápidos de dados
Pequenos scripts de análise quando precisa de uma história numérica rápida.
Quiz interativos mini
Inícios em HTML que pode remodelar para uma atividade breve de recuperação.
No TeachForge, o Code Sandbox é o irmão Executar-e-consola do HTML / CSS / JS — escolha Sandbox para fragmentos; escolha HTML / CSS / JS para criação de páginas em etapas.
Dentro da Estação Code Sandbox
Como o resto do Workshop, a Estação mantém o código-fonte e o resultado próximos — com uma etapa deliberada de Executar.
- Pílulas de idioma para JavaScript, Python (Pyodide) e HTML
- Executar para prévia com saída da consola ou resultado de um iframe HTML
- Moldes filtrados por linguagem para que os inícios correspondam ao modo escolhido
- Baixar fonte quando quer o arquivo no seu dispositivo
- Salvar como JSON de linguagem + código para reutilização em qualquer lugar
- Comcomcompartilhamentor e interface do Workshop consistente com as outras Estações
Como um fragmento se torna num resultado
Escolha uma linguagem e carregue um molde ou escreva código
Mantenha o exemplo pequeno o suficiente para ensinar numa só respiração.
Pressione Run
O Python carrega o Pyodide quando necessário; JS e HTML são pré-visualizados imediatamente.
Salve, baixe ou reutilize
Mantenha o fragmento para o próximo grupo ou leve a ideia para uma Estação mais completa mais tarde.
Um fragmento. Todas as versões da lição dele.
O Code Sandbox é intencionalmente leve: a reutilização vem dos moldes de linguagem e salvos JSON de linguagem + código salvo, não de um grande catálogo paramétrico. Esse é o ponto — demonstrações rápidas que pode reabrir, não uma segunda Estação de criação de páginas.
Mude enquanto ensina
Edite uma linha, prima Executar e mostre o que mudou.
Mantenha o exemplo, varie o desafio
A turma de amanhã pode encontrar o mesmo esqueleto com uma reviravolta mais difícil.
Mantenha portátil
Baixe o código-fonte ou reabra o JSON onde quer que ensine seguindo.
Progrida quando necessário
Passe para HTML / CSS / JS quando etapas, temas e exportação autónoma importam mais do que Executar.
Se precisar de etapas de construção conjunta e variáveis de página paramétricas, abra HTML / CSS / JS. O Code Sandbox permanece o executor rápido.
Fragmentos prontos para começar
Abra um molde de linguagem e remodele-o:
| Área | O que você pode abrir |
|---|---|
| JavaScript | Olá Mundo; Análise de Dados; Explorador de Recursão; Calculadora Geométrica |
| Python | Olá Mundo; Teoria dos Números |
| HTML | Canvas Interativo; Visualizador de Ordenação; Quiz Interativo |
Ajuda de IA do seu jeito
Precisa de um primeiro rascunho? Use a IA como assistente — depois revise, edite e aprove antes que algo chegue aos alunos.
Copiar o prompt
Gere um prompt pronto e cole na ferramenta de chat que você já usa.
Use sua própria GPU
Conecte um endpoint de modelo local nas configurações e rode a geração no hardware que você controla.
Use sua própria chave de API
Adicione a chave do provedor nas configurações, escolha o modelo e gere com sua própria conta.
A IA pode estar errada. É exatamente por isso que um professor permanece no circuito.
Leve o fragmento para onde o ensino acontece
- Whiteboard — coloque-o no quadro ao vivo e ajuste na frente da turma
- Quest Ladder — coloque em perguntas e explicações
- Virtual Lab — reutilize em trabalho de laboratório interativo
- Comunidade — compartilhe o que você construiu e construa sobre o que outros educadores compartilharam