Search courses, chapters, or pages...
Prepare uma pasta pequena para o curso e crie seus primeiros arquivos no editor. Você vai reconhecer por que nomes como index.html e app.js ajudam o navegador e você a encontrar cada parte do código.
Abra as ferramentas de desenvolvedor e use a aba Console como um lugar seguro para testar comandos curtos. Você vai digitar uma instrução simples, executar com Enter e perceber a resposta imediata do navegador.
Use console.log para fazer o código falar com você enquanto roda. Você vai enviar uma mensagem simples para o Console e distinguir o que aparece porque o programa escreveu de propósito do que aparece como aviso do navegador.
Monte uma página HTML mínima que consiga carregar JavaScript. Você vai entender o papel do arquivo HTML como porta de entrada no navegador, sem entrar ainda em estrutura visual ou estilos.
Use what you learned in the previous lesson to solve real-world problems.
Conecte um arquivo app.js à página usando a tag script. Você vai testar o caminho do arquivo, abrir a página no navegador e confirmar no Console que o JavaScript externo realmente executou.
Pratique o ciclo básico de edição: alterar o arquivo, salvar e recarregar a página. Você vai notar quando o navegador ainda está mostrando uma versão antiga e como confirmar que sua última mudança entrou em ação.
Leia mensagens de erro comuns sem pânico, procurando tipo, linha e trecho indicado. Você vai reconhecer casos simples como aspas esquecidas, parênteses faltando e nomes digitados diferente do esperado.
Check what you understood with a short quiz.
Diferencie erro no código de erro ao carregar arquivo. Você vai usar o Console e a aba Network ou a mensagem de caminho não encontrado para perceber quando o problema é o JavaScript em si e quando é o script src apontando para o lugar errado.
Review this chapter with practice based on your mistakes.