Encontre seu ponto de partida
Comece com os bloquinhos ou faça o diagnóstico de nove questões para encontrar uma lição na trilha.
OFICINA JAVASCRIPT · DESENVOLVIMENTO WEB I
Do primeiro parêntese à ação.
Comece copiando um único sinal. Em bloquinhos de 10 exercícios, avance da primeira linha de JavaScript até uma Feira do Bairro que responde às ações do visitante.
const atividades = [
"HTML5", "CSS", "JavaScript"
];
const total = atividades.length;
console.log(total);
SAÍDA NO CONSOLE
3Três atividades na feiraO console mostra o tamanho da lista.09Níveis progressivos
45Lições com prática
0/45Lições concluídas
01Projeto integrador
00 / ANTES DA PRIMEIRA LIÇÃO
Seu primeiro exercício cabe em um caractere.
Veja o modelo, complete a lacuna e repita com pequenas variações. Comece copiando (, o parêntese de abertura. Em seguida, pratique valores, operações, funções e eventos. As três microetapas finais preparam você para dar vida à Feira do Bairro no nível 9.
45 microetapas
1.350 exercícios
10 por bloquinho
EXEMPLO · J00
Qual caractere está faltando?
Modelo: (
Copie: _
Digite o parêntese de abertura ( para completar o exercício.
01 / TRILHA DE ESTUDO
Uma habilidade de cada vez
Alterne os bloquinhos com as lições no editor. A trilha passa por variáveis, condições, laços, funções, listas, eventos, formulários e código assíncrono.
02 / MÉTODO
Leia, escreva, verifique
O cronômetro é opcional e pode ser pausado. Para avançar na prática, acerte pelo menos 9 exercícios de primeira em dois bloquinhos consecutivos.
Experimente no navegador
Leia o conceito, inspecione o exemplo e experimente sua solução no editor. Acompanhe a saída do console e veja as mudanças na página de prévia.
Demonstre o que aprendeu
Conclua cada lição passando pelas verificações do código e acertando a questão. No projeto, confira a busca, valide o formulário e teste as interações com o teclado.
NÍVEL 09 / PROJETO INTEGRADOR
Feira do Bairro interativa
Parta da página que você estruturou na Oficina HTML5 e estilizou na Oficina CSS. Filtre a programação, valide o formulário demonstrativo de inscrição e dê retorno acessível a cada ação. Para abrir o projeto fora da Oficina, guarde os arquivos HTML, CSS e JavaScript na mesma pasta.
03 / REFERÊNCIAS
Consulte a fonte
Consulte a documentação para rever a sintaxe, entender eventos do navegador e conferir como funciona a validação de formulários.
JavaScript
Guias e referências de sintaxe, objetos e recursos da linguagem.
Consultar JavaScript na MDN ↗DOM e APIs da Web
Entenda como o navegador representa a página e como o código pode ler e alterar seus elementos.
Consultar a documentação do DOM ↗Validação de formulários
Revise a validação nativa e as mensagens apresentadas ao preencher os campos.
Revisar a validação na MDN ↗