Imagem do Curso gratuito JavaScript - Manipulando o DOM

Curso online gratuitoJavaScript - Manipulando o DOM

Duração do curso online: 1 horas e 50 minutos

Novo

Curso gratuito de JavaScript para manipular o DOM: seletores, atributos e criação de elementos para páginas web interativas no Front-End.

Neste curso gratuito, aprenda sobre

  • Fundamentos do DOM e Seleção de Elementos
  • Seletores Avançados e Manipulação de Atributos
  • Interação com a Página: Scroll e Criação de Elementos

Descrição do curso

Aprenda a manipular o DOM com JavaScript em um curso online gratuito voltado para quem quer evoluir no Front-End e ganhar mais controle sobre páginas web dinâmicas. Você vai entender como o navegador organiza os elementos do HTML e como acessar, ler e alterar conteúdos e atributos de forma prática, tornando suas interfaces mais interativas e responsivas às ações do usuário.

Ao longo do curso, você desenvolve segurança para selecionar elementos de diferentes maneiras, trabalhar com seletores modernos e navegar pela estrutura do documento com precisão. Também verá como verificar e modificar atributos, explorando recursos essenciais para ajustar comportamento, estilos e dados em tempo real conforme a necessidade da aplicação.

Além disso, o curso aprofunda a criação e manipulação de elementos diretamente via JavaScript, permitindo inserir, reorganizar e remover nós na página. Você ainda aprende a controlar o comportamento de rolagem, ampliando as possibilidades de experiência do usuário em layouts mais longos. Uma ótima opção para consolidar fundamentos do DOM e aplicar imediatamente em projetos e exercícios de programação front-end.

Conteúdo do curso

  • Aula em vídeo: Aula 01 - JavaScript Manipulando o DOM - Conceito de DOM, Document, Title, Body e Write. 17m
  • Exercício: Qual opção descreve melhor o DOM e seu papel ao manipular uma página com JavaScript?
  • Aula em vídeo: Aula 02 - JavaScript Manipulando o DOM - Document Element By Id. 12m
  • Exercício: Qual é a principal diferença entre innerHTML e innerText ao atualizar um elemento obtido com document.getElementById?
  • Aula em vídeo: Aula 03 - JavaScript Manipulando o DOM - Document Elements By Name. 09m
  • Exercício: Qual é a principal diferença entre usar getElementById e getElementsByName ao selecionar elementos no DOM?
  • Aula em vídeo: Aula 04 - JavaScript Manipulando o DOM - Document Elements By Class Name. 06m
  • Exercício: Ao usar document.getElementsByClassName, o que é retornado e como acessar um elemento específico?
  • Aula em vídeo: Aula 05 - JavaScript Manipulando o DOM - Document Elements By Tag Name. 07m
  • Exercício: Ao usar getElementsByTagName para selecionar várias tags (ex.: H1), o que é retornado e como escolher um item específico?
  • Aula em vídeo: Aula 06 - JavaScript Manipulando o DOM - Document Query Selector e Query Selector All. 17m
  • Exercício: Qual é a principal diferença entre document.querySelector e document.querySelectorAll ao selecionar elementos no DOM?
  • Aula em vídeo: Aula 07 - JavaScript Manipulando o DOM - hasAttribute, getAttribute e setAttribute. 16m
  • Exercício: Qual método é usado para verificar se um elemento possui um determinado atributo (ex.: class ou id)?
  • Aula em vídeo: Aula 08 - JavaScript Manipulando o DOM - scrollTo. 09m
  • Exercício: Qual comando do JavaScript permite rolar a página para uma posição específica (por coordenadas), como ao clicar em Ir para o topo?
  • Aula em vídeo: Aula 09 - JavaScript Manipulando o DOM - createElement, appendChild, insertBefore e removeChild. 13m
  • Exercício: Qual método do DOM adiciona um novo elemento como último filho de outro elemento, após criá-lo com document.createElement?

Este curso gratuito inclui:

1 horas e 50 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação Front-End

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso