DOM 2023: Construa Websites Dinâmicos com JavaScript Parte 1

Aprenda o Document Object Model (DOM) para Desenvolvimento Web Front-End

Curso 1 de 2

Deixe-me compartilhar meus segredos para me tornar um programador front-end incrível com você. Compreender o DOM é crucial para criar sites dinâmicos e envolventes. Este curso irá levá-lo de um novato a um profissional em etapas fáceis. Por que o DOM é importante? Ele permite que você implemente suas ideias criativas e dinâmicas em seu site. Dominando o desenvolvimento front-end, você estará a meio caminho de se tornar um desenvolvedor web full stack. Assuma o controle do seu site compreendendo o DOM. Entregar uma experiência web interativa pode ser desafiador. Este curso irá ensiná-lo como o navegador modela seu HTML, CSS e JavaScript. Você aprenderá como acessar e manipular o DOM para criar aplicativos dinâmicos que melhoram o envolvimento e a experiência do usuário. O que este curso abrange? Este é o Curso 1 de um programa de 2 partes. O Curso 1 fornece tudo o que você precisa para começar a codificar sites dinâmicos por conta própria. Ele abrange os fundamentos e práticas do DOM. Você pode fazer este curso sozinho para alcançar seus objetivos. Ao final do Curso 1, você terá uma compreensão básica e experiência prática com o DOM. O Curso 2 leva você ao próximo nível com exemplos práticos que irão cativá-lo. Ele o colocará no caminho para se tornar um verdadeiro Mestre em desenvolvimento web front-end. Neste curso, você aprenderá sobre desenvolvimento web front-end dominando o Document Object Model. O DOM permite que os usuários interajam com seu aplicativo, seja adicionando, editando, excluindo ou atualizando conteúdo em sua página. Ao compreender o DOM, você poderá melhorar sua página da web e criar uma experiência do usuário mais envolvente. Ao final deste curso, você será capaz de falar a linguagem do DOM. Você saberá onde encontrá-lo, como acessá-lo e, o mais importante, como manipulá-lo. Abordaremos tópicos como Nodes, HTMLCollections vs NodeLists e muito mais. Este curso também inclui palestras bônus para expandir seu conhecimento e testar suas habilidades. Este curso é obrigatório para qualquer pessoa interessada em desenvolvimento web. Programadores de sucesso entendem como o navegador representa o código HTML e funciona nos bastidores. Se você deseja se tornar um desenvolvedor full stack, precisa saber como lidar com o DOM. Este curso irá equipá-lo com as habilidades para aplicar o que você aprende à sua própria página da web. Olá, meu nome é Clyde, e juntos vamos aprender como criar sites dinâmicos e envolventes. Passei meses pensando em como fornecer o melhor conteúdo sobre compreensão do DOM. Este curso se concentra no verdadeiro desenvolvimento web no front-end, mergulhando nos detalhes de como o Document Object Model funciona. A teoria é importante, mas exemplos práticos são cruciais. Por isso, estaremos codificando sites e exercícios da vida real durante este curso. Você obterá uma compreensão sólida de desenvolvimento web front-end e poderá aplicá-la aos seus próprios projetos. Este curso é adequado para iniciantes e intermediários. Se você está apenas começando ou deseja aprimorar suas habilidades, este curso é perfeito para você. Se você deseja se aventurar na programação, criar sites dinâmicos ou obter uma compreensão sólida de desenvolvimento web front-end, este curso é para você. Desenvolvimento web é um tópico em alta, e agora é o momento perfeito para começar a aprender. Este curso oferece acesso vitalício a vídeos tutoriais, suporte de perguntas e respostas, quizzes e desafios para ajudá-lo a aprender. Você pode até baixar as palestras para visualização offline. Vamos ficar animados em nos tornarmos desenvolvedores web profissionais e aplicar nossas habilidades com confiança para criar sites incríveis. Nos vemos nas palestras. O que você aprenderá: - Baixar palestras para visualização offline - Compreender o Document Object Model (DOM) - Aprender por que o DOM é importante para desenvolvedores web - Criar aplicativos front-end dinâmicos com ações como mudanças rápidas, menus suspensos e envio de formulários - Dominar o desenvolvimento de sites front-end - Construir aplicativos front-end dinâmicos incríveis - Compreender como seu navegador cria uma árvore DOM - Criar elementos no DOM como um profissional - Diferenciar entre o DOM, JavaScript e Python - Explorar diferentes ambientes do JavaScript - Compreender relacionamentos DOM de pai, irmão e filho - Identificar diferentes tipos de Nodes - Comparar HTMLCollections e NodeLists - Encontrar e acessar elementos no DOM - Percorrer (navegar) para cima e para baixo no DOM - Remover itens do DOM - Clonar elementos no DOM - Avançar de iniciante a especialista - Ganhar profundidade de conhecimento para aumentar sua habilidade e confiança - Receber suporte passo a passo ao longo do curso - Explorar diferentes ambientes do JavaScript - Compreender relacionamentos DOM de pai, irmão e filho