Curso online gratuitoJavaScript - Manipulando o DOM

Descrição do curso

Transforme páginas estáticas em interfaces vivas aprendendo a manipular o DOM com JavaScript de um jeito direto e aplicável ao dia a dia do Front-End. Neste curso online gratuito, você entende como o navegador representa o conteúdo da página e como acessar, ler e atualizar elementos com segurança e clareza. A proposta é fazer você ganhar autonomia para alterar textos, estilos e estruturas na tela, criando experiências mais interativas e dinâmicas.

Você começa consolidando os conceitos fundamentais de DOM, document e a organização do conteúdo no body, entendendo o que realmente acontece quando um script interage com a página. A partir daí, passa a selecionar elementos por diferentes estratégias, escolhendo o método mais adequado para cada cenário: por id, por name, por class e por tag. Esse domínio é essencial para manter o código legível e para evitar soluções frágeis que quebram quando o HTML muda.

O curso também aprofunda o uso de seletores modernos com querySelector e querySelectorAll, aproximando sua prática do que é mais utilizado em projetos atuais. Você aprende a diferenciar atualizações de conteúdo (como quando usar texto ou HTML), além de trabalhar com atributos para verificar, ler e definir propriedades de elementos, o que abre caminho para personalizar comportamentos e melhorar a acessibilidade e a organização da interface.

Para deixar as interações mais completas, você verá como controlar a rolagem da página com scrollTo, criando recursos como “ir para o topo” e navegação por seções. E para dar um passo além, aprende a criar, inserir e remover elementos dinamicamente, montando estruturas diretamente via JavaScript e atualizando a página sem depender de recarregamentos. Com exercícios ao longo do caminho, você fixa os conceitos e evolui para escrever scripts mais confiáveis, prontos para compor projetos e portfólios na área de Programação Front-End.