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.
Isto 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é-visualização com saída da consola ou resultado de um iframe HTML
- Moldes filtrados por linguagem para que os inícios correspondam ao modo escolhido
- Descarregar fonte quando quer o ficheiro no seu dispositivo
- Guardar como JSON de linguagem + código para reutilização em qualquer lugar
- Partilhar 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.
Prima Run
O Python carrega o Pyodide quando necessário; JS e HTML são pré-visualizados imediatamente.
Guarde, descarregue 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 guardados JSON de linguagem + código guardado, 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
Descarregue o código-fonte ou reabra o JSON onde quer que ensine a seguir.
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 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 reveja, edite e aprove antes que algo chegue aos aprendentes.
Copiar o prompt
Gere um prompt pronto e cole na ferramenta de chat que você já usa.
Utilize o seu próprio GPU
Ligue um endpoint de modelo local nas definições e execute a geração no hardware que controla.
Utilize a sua própria chave de API
Adicione a chave do fornecedor nas definições, escolha o modelo e gere com a sua própria conta.
A IA pode estar errada. É exactamente 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 — partilhe o que você construiu e construa sobre o que outros educadores partilharam