Apresentação do WebIDE

1. O melhor widget do mundo — WebIDE

Prática é tudo. Pra deixar o estudo de HTML mais interessante, a gente vai te passar uns exercícios pra cada aula. Assim facilita lembrar do que você leu. E em alguns minutinhos você já vai receber o seu primeiro exercício.

Pra facilitar sua vida na hora de resolver os exercícios, a gente criou um widget especial — WebIDE. Olha só como ele é:

À esquerda você vê o enunciado do exercício e a lista de requisitos que seu código tem que atender. No centro — o editor onde você vai escrever o código. A barra de baixo mostra o resultado — sua página vai abrir em uma janela separada.

2. Os principais botões

Na parte de cima você pode ver os botões:

• Verificação: manda o código pro servidor pra testar.
• Executar: roda o código sem enviar pra verificação (não aumenta o contador de verificações).
• Solução — esse é um menu dropdown que contém:
  • Solução correta: mostra a solução oficial do exercício.
  • Voltar meu código: volta pro seu código depois de olhar a solução correta.
  • Resetar solução: apaga tudo e começa o exercício do zero.
• Ajuda — faz uma pergunta sobre o seu código pra galera da comunidade CodeGym.
• Discussão: debate sobre o exercício com outros usuários.
• Análise de código: recebe dicas sobre o estilo do seu código.

3. Quais botões usar

Depois de escrever o código (sua solução), você tem que clicar no botão «Verificação». Aí, seu código vai ser mandado pro servidor do CodeGym, onde ele vai rodar e ser automaticamente testado.

Se você não conseguir escrever a solução, use as dicas (não precisa ficar se matando, viu?). No menu «Ajuda» clica no botão «Dica». Você também pode olhar a solução correta clicando no botão «Solução correta».

Pronto pra começar? Então aí vai seu primeiro exercício: