Não foi possível carregar a disponibilidade de retirada.
Componentes da Web e Stencil.js - Criar Elementos HTML Personalizados
Uma Introdução Abrangente à Criação de Elementos HTML Personalizados/Componentes da Web com e sem StencilJS
Vamos admitir: existem milhares de tags HTML para escolher, mas algumas incrivelmente úteis (, , , ...) estão faltando. E se você pudesse desenvolver suas próprias tags HTML? Sem depender de frameworks como Angular, bibliotecas como React ou conhecimento extenso em JavaScript. Simplesmente utilizando um recurso mágico e nativo do JavaScript conhecido como Componentes da Web (ou elementos HTML personalizados). Os Componentes da Web são uma combinação de várias especificações integradas ao navegador. Começar com esses recursos é fácil e em breve você será capaz de construir elementos HTML personalizados poderosos e reutilizáveis (até mesmo em projetos diferentes!). Esses elementos personalizados não substituem o Angular, React ou Vue; em vez disso, você pode incorporá-los facilmente em QUALQUER projeto da web, incluindo aqueles que utilizam esses frameworks e bibliotecas. Neste curso, você aprenderá tudo do zero. Mas não vamos parar por aí. Embora começar seja relativamente fácil, criar componentes mais complexos pode ser desafiador. É aí que entra o Stencil.js. O Stencil.js é uma ferramenta que simplifica a criação de componentes nativos da web, aproveitando recursos modernos como TypeScript e JSX (não sabe o que são? Não se preocupe, você aprenderá sobre eles no curso!). Especificamente, neste curso, você aprenderá:
Como construir elementos HTML personalizados reutilizáveis e leves usando recursos nativos do navegador
Como criar componentes da web de várias complexidades - de dicas simples a modais ou gavetas laterais
Como passar dados para seus próprios componentes da web e utilizá-los dentro deles
Como emitir seus próprios eventos personalizados que podem ser ouvidos em JavaScript
Como utilizar o Shadow DOM para encapsular seus estilos CSS dentro de seus elementos personalizados
Como usar o Stencil.js para otimizar seu fluxo de trabalho de desenvolvimento
Como aproveitar os inúmeros recursos fornecidos pelo Stencil.js para construir componentes nativos da web de forma mais eficiente
Como implantar e reutilizar seus próprios componentes da web em QUALQUER projeto, independentemente do framework JavaScript utilizado (Angular, React, Vue ou nenhum!)
Pré-requisitos:
- Conhecimento básico de JavaScript é essencial
- Familiaridade com JavaScript ES6 (const, let, classes, ...) é altamente recomendada, mas não obrigatória - um breve lembrete está incluído no curso
- Nenhum conhecimento prévio de frameworks JavaScript (por exemplo, Angular, React, Vue) é necessário
- Nenhum conhecimento de TypeScript ou JSX é necessário
Vamos mergulhar juntos nessa tecnologia empolgante!
O que você aprenderá:
- Desenvolver seus próprios elementos HTML reutilizáveis que podem ser utilizados em seus projetos ou compartilhados com outros desenvolvedores
- Superar as limitações dos elementos HTML incorporados usando o poder do HTML, CSS e JavaScript sozinhos
