Curso de JavaScript DOM (Modelo de Objeto de Documento)

Aprenda como criar páginas da web dinâmicas e interativas usando JavaScript

Junte-se ao nosso curso completamente amigável para iniciantes para aprender sobre JavaScript DOM e BOM. O Modelo de Objeto de Documento (DOM) é uma interface de programação para documentos HTML e XML. Ele representa a estrutura de um documento como uma árvore de nós, sendo que cada nó representa um elemento ou atributo do documento. A API JavaScript DOM permite que os desenvolvedores acessem e manipulem os elementos de uma página da web.

Uma das maneiras mais comuns de usar a API DOM é selecionar elementos do documento usando os métodos document.querySelector() ou document.querySelectorAll(). Esses métodos recebem um seletor CSS como argumento e retornam o primeiro ou todos os elementos que correspondem ao seletor, respectivamente.

Uma vez que um elemento é selecionado, ele pode ser manipulado usando as várias propriedades e métodos da API DOM. Por exemplo, a propriedade innerHTML pode ser usada para definir o conteúdo de um elemento, enquanto a propriedade classList pode ser usada para adicionar, remover ou alternar classes CSS em um elemento.

A API DOM também permite que os desenvolvedores criem novos elementos e os anexem ao documento. O método document.createElement() pode ser usado para criar um novo elemento, enquanto o método appendChild() pode ser usado para adicioná-lo ao documento.

A API DOM também fornece a capacidade de ouvir eventos, como cliques ou pressionamentos de tecla, em elementos. O método addEventListener() pode ser usado para anexar um ouvinte de evento a um elemento, que será chamado quando o evento ocorrer.

Em resumo, a API JavaScript DOM fornece um conjunto rico de ferramentas para interagir com os elementos de uma página da web. Ela permite que os desenvolvedores selecionem e manipulem elementos, criem novos elementos e ouçam eventos em elementos. Compreender e utilizar a API DOM é crucial para a construção de páginas da web dinâmicas e interativas.

O que os alunos aprenderão neste curso?

• Tutorial de Introdução ao JavaScript DOM
• Tutorial de Métodos de Segmentação do JavaScript DOM
• Tutorial de Métodos de Obtenção e Definição de Valor do JavaScript DOM
• Tutorial de querySelector e querySelectorAll do JavaScript DOM
• Tutorial de Métodos de Estilização CSS do JavaScript DOM
• Tutorial do Método addEventListener do JavaScript
• Tutorial de Métodos da classList do JavaScript
• Tutorial de Métodos parentElement e parentNode do JavaScript
• Tutorial de Métodos Children e childNodes do JavaScript
• Tutorial de Métodos firstChild e lastChild do JavaScript
• Tutorial de Métodos nextSibling e previousSibling do JavaScript
• Tutorial de createElement e createTextNode do JavaScript
• Tutorial de appendChild e insertBefore do JavaScript
• Tutorial de insertAdjacentElement e insertAdjacentHTML do JavaScript
• Tutorial de replaceChild e removeChild do JavaScript
• Tutorial de cloneNode do JavaScript
• Tutorial do Método Contains do JavaScript
• Tutorial de hasAttribute e hasChildNodes do JavaScript
• Tutorial de isEqualNode do JavaScript

Comece sua jornada para se tornar um especialista em JavaScript DOM hoje!

O que você aprenderá

• Tutorial de Introdução ao JavaScript DOM
• Tutorial de Métodos de Segmentação do JavaScript DOM
• Tutorial de Métodos de Obtenção e Definição de Valor do JavaScript DOM
• Tutorial de querySelector e querySelectorAll do JavaScript DOM
• Tutorial de Métodos de Estilização CSS do JavaScript DOM
• Tutorial do Método addEventListener do JavaScript
• Tutorial de Métodos da classList do JavaScript
• Tutorial de Métodos parentElement e parentNode do JavaScript
• Tutorial de Métodos Children e childNodes do JavaScript
• Tutorial de Métodos firstChild e lastChild do JavaScript
• Tutorial de Métodos nextSibling e previousSibling do JavaScript
• Tutorial de createElement e createTextNode do JavaScript
• Tutorial de appendChild e insertBefore do JavaScript
• Tutorial de insertAdjacentElement e insertAdjacentHTML do JavaScript
• Tutorial de replaceChild e removeChild do JavaScript
• Tutorial de cloneNode do JavaScript
• Tutorial do Método Contains do JavaScript
• Tutorial de hasAttribute e hasChildNodes do JavaScript
• Tutorial de isEqualNode do JavaScript
• Tutorial de DOM JavaScript: Exercício
• Tutorial de Introdução ao JavaScript BOM
• Tutorial de Métodos de Altura e Largura da Janela do JavaScript (BOM)
• Tutorial de Métodos de Abrir e Fechar Janela do JavaScript
• Tutorial de moveBy e moveTo da Janela do JavaScript
• Tutorial do Objeto History do JavaScript