Esta página foi desenhada com a mesma aparência do Visual Studio Code (VS Code), o ambiente de trabalho que programadores profissionais utilizam no mundo inteiro.
📁
1. Explorador à Esquerda
Lista todas as aulas do curso. Basta clicar em qualquer pasta para carregar a aula imediatamente.
💻
2. Painel do Editor (Código-fonte)
Mostra as instruções escritas pelo desenvolvedor. Você pode alternar entre abas (HTML, CSS e JavaScript).
🌐
3. Painel de Preview (Resultado)
Simula o navegador de internet exibindo a página em funcionamento para a pessoa usuária final.
Guia Rápido: O que significa cada tecnologia?
- HTML O Esqueleto: Define os textos, títulos, campos, botões e imagens da página.
- CSS A Decoração: Cuida das cores, fontes, espaçamentos e beleza visual.
- JavaScript O Cérebro: Dá vida e movimento à página, respondendo aos cliques e formulários.
- Node.js O Motor de Bastidores (Back-End): Processa dados no servidor e faz contas sem precisar de tela.
💡 Sugestão divertida: Experimente abrir a Aula 26 para jogar o Jogo da Velha ou a Aula 06 para ver boas práticas em formulários!