Manipulação de DOM em JavaScript: Crie páginas da Web dinâmicas e interativas

Os sites estáticos são uma coisa do passado. Os usuários modernos da web esperam experiências responsivas, envolventes e interativas. Ao aprender a preencher a lacuna entre HTML/CSS estático e JavaScript, você pode dar vida a qualquer página da web. Neste curso baseado em texto, você fará a transição da escrita de marcação estática para a programação de interfaces dinâmicas e orientadas a estados.Você entenderá como os navegadores da Web constroem o Document Object Model (DOM) e como usar o JavaScript para selecionar, modificar e estilizar elementos da página em tempo real com base nas interações do usuário. O que você vai aprender: - Entenda a estrutura do Document Object Model (DOM) e como os navegadores renderizam elementos como objetos programáveis - Selecione e manipule elementos HTML dinamicamente usando métodos de consulta JavaScript modernos - Manipule as interações do usuário com os ouvintes de eventos para acionar atualizações de página dinâmicas e comportamento responsivo - Crie, adicione e remova elementos de página programaticamente para criar componentes de interface do usuário modulares - Aplique padrões JavaScript modernos, incluindo modelos literais e funções de seta, para scripts DOM mais limpos - Implementar as melhores práticas de acessibilidade básica ao atualizar dinamicamente o conteúdo da página para leitores de tela Você começará com conceitos fundamentais da árvore DOM e seleção de elementos básicos antes de passar para o tratamento de eventos, estilo dinâmico e construção de componentes de interface interativa através de passos de código escrito. Este curso é projetado para desenvolvedores web iniciantes que já conhecem HTML e CSS básicos e querem dar seus primeiros passos na programação de aplicativos web interativos. Comece a aprender hoje mesmo e transforme seus designs estáticos em experiências web interativas.