Neste módulo foi ensinado a diferença entre elements e web components, o que é DOM(árvore) e Shadow DOM(árvore fantasma) que podem ser "misturadas" e como funcionam. Isso aplicado em um projetinho de um card de notícia onde criamos uma tag que é como uma "forma de bolo" que já vem estruturada e mudamos apenas alguns elements e cada um tem seu próprio style que não interfere no restante da página.
Base do componente web: Todo componente nada mais é do que uma função JavaScript que vai acabar retornando mais JavScript, HTML e CSS.
Feito com:
- HTML
- CSS
- JavaScript
- Angular
IDE:
- VS Code
Resultado: