O que você aprenderá_

Crie interfaces dinâmicas manipulando o DOM para atualizar conteúdos e responder a eventos de usuário.
Organize estilos com o padrão BEM para manter consistência e clareza no código CSS.
Implemente interações com eventos, delegação e manipulação segura de elementos duplicados.
Integre chamadas assíncronas usando fetch, Promises e async/await para comunicar-se com APIs.
Modularize e gerencie dependências do projeto com Node, npm e ferramentas de build como Vite.
Depure e otimize aplicações usando ferramentas do navegador e boas práticas de performance e acessibilidade.

Público alvo_

Este curso é indicado para estudantes, profissionais e entusiastas que desejam aprender a construir interfaces web dinâmicas com JavaScript, aprimorar práticas de HTML/CSS (BEM), manipulação do DOM e integrar ferramentas modernas de desenvolvimento.

Vinicios Neves

Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Portugal e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

Curso atualizado em 19/06/2026

Já estuda na Alura?

Comece o curso agora

Ementa

Iniciando o javascript no navegador
- Conhecendo nossas ferramentas: cursor, terminal e figma
- O que o JavaScript faz no navegador
- Aplicando estilos no quiz
- Selecionando e lendo elementos
Construindo um quiz interativo
- Mudando o que aparece na tela
- Controlando o estado do quiz com variáveis
- Calculando a pontuação
Quando o projeto precisa crescer: fokus com vite
- Por que o quiz não escala, e o que muda agora.
- Entendendo o npm e o fokus com vite
- Construindo o HTML
- Organizando estilos com CSS bem
- Import e módulos JavaScript
Encontrando e lendo elementos da página
- O DOM como árvore, e por que ele não é o html
- Selecionando os elementos do timer
- Inspecionando o dom no devtools
Atualizando título e formatando o cronômetro
- Alterando textos, imagens e atributos
- Formatando a exibição do cronômetro
- Trocando o timer ao alternar modos
Fazendo a página reagir
- Gerindo o estado do botão-começar, pausa e ícone
- Iniciando a lógica do timer com setInterval
- Pausando e reiniciando
- Atualizando o temporizador
- Cançando os bugs
Capturando dados de formulários
- Capturando valores e limpando campos
- Estrutura de formulários e evento de submit
- Cuidados com o innerHTML
Construindo a lista de tarefas
- Criando elementos do zero com createElement
- Removendo tarefas na página
- Escondendo e exibindo o formulário
Editando, completando e deletando tasks
- Marcando tasks como completas
- Editando tarefas
- Deletando tarefas
- localStorage e sessionStorage
Delegação de eventos
- Como eventos propagam-bubbling e captura
- Delegação de eventos
Além do console.log
- Console além do console.log
- Depuração de eventos e aba network
Como o javascript decide a ordem das coisas
- Utilizando código assíncrono
- Entendendo call stack e web apis
- Utilizando task queue, microtasks e prioridades
Buscando dados de uma api
- Conhecendo o backend
- Buscando tarefas com fetch
- Criando tarefas com POST
- Atualizando tarefas com PUT
- Deletando tarefas
- Estado de carregamento
- Tratando erros nas requisições

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola