Fundamentos de Componentes Web: Aprenda os Conceitos Essenciais da API de Componentes Web

Sobre o Curso

As aplicações web estão em constante evolução, e frameworks como React, Vue, Angular, Svelte e outros introduziram componentes reutilizáveis para simplificar o desenvolvimento de aplicações em grande escala. No entanto, com os componentes web, podemos criar nossos próprios elementos HTML personalizados, assim como fazemos em outros frameworks web populares. A diferença chave é que a API de componentes web é um padrão web, o que significa que é suportada pelos navegadores modernos. Isso elimina a necessidade de processos ou ferramentas de construção adicionais, permitindo que executemos nosso código diretamente no navegador usando conhecimento de JavaScript puro. Neste curso abrangente, exploraremos as três principais APIs de componentes web: Elementos Personalizados, Shadow DOM e Modelos HTML.

O que Você Aprenderá

Ao se inscrever neste curso, você obterá uma compreensão profunda da API de Componentes Web e de seus vários recursos. Você aprenderá como criar seus próprios elementos personalizados e integrá-los perfeitamente ao seu código HTML, assim como os elementos incorporados. Além disso, você descobrirá como utilizar modelos para estruturar eficientemente seus elementos e aproveitar o poder do Shadow DOM para encapsular seus componentes. Também exploraremos o uso de slots para compor elementos personalizados com diferentes elementos, proporcionando infinitas possibilidades de personalização. Por fim, mergulharemos na criação de eventos personalizados, permitindo que você aprimore a interatividade de seus componentes web. Se você está ansioso para construir componentes web reutilizáveis sem depender de bibliotecas de terceiros e deseja desenvolver aplicações com base em padrões web, então este curso é a escolha perfeita para você. Observação: Este curso é adequado para alunos de todos os níveis, desde iniciantes até desenvolvedores experientes.