/
[TWB-050] Web Components

[TWB-050] Web Components

Dec 13, 2024

Este curso cubre los fundamentos y la especificación de Custom Elements, incluyendo su extensión y uso de plantillas. Aborda el Shadow DOM, el ciclo de vida de los componentes, y la integración de HTML y CSS Modules. También explora el uso de Declarative Shadow DOM para mejorar la modularidad.

Duración:                     20 horas

Perfil:                           Avanzado

Dirigido a

Esta acción formativa va dirigida a desarrolladores y analistas web que deseen aprender sobre la creación de componentes reutilizables y modulares usando Web Components.

Requisitos previos 

Los alumnos necesitarán tener conocimientos básicos de HTML, CSS y JavaScript.

Objetivos

  • Fundamentos de Web Components y su especificación.

  • Crear y extender Custom Elements de manera eficiente.

  • Plantillas y el Shadow DOM.

  • Ciclo de vida de los Web Components.

  • Integrar HTML y CSS Modules para mejorar la modularidad y la gestión de estilos.

  • Uso del Declarative Shadow DOM.

 

Pedir más Información

Pedir más Información

Volver a Pronoide

Volver a Pronoide

Contenido

  1. Introducción a los Web Components

    1. Qué son y cómo se integran en el desarrollo web moderno

  2. Especificación Custom Elements

    1. Explicación detallada de los Custom Elements y su implementación práctica

  3. Extensión de Elementos en Web Components

    1. Cómo crear y extender nuevos elementos personalizados para reutilización

  4. Uso de Template en Web Components

    1. Aplicación de plantillas para definir la estructura de los componentes

  5. Introducción al Shadow DOM

    1. Creación de componentes aislados mediante Shadow DOM y su manipulación

  6. Ciclo de Vida de los Web Components

    1. Estudio de las fases del ciclo de vida de los componentes y su gestión en la práctica

  7. HTML Modules

    1. Uso de módulos HTML para organizar y cargar componentes de manera modular

  8. CSS Modules

    1. Técnicas para encapsular y gestionar estilos mediante CSS Modules

  9. Declarative Shadow DOM

    1. Implementación del Declarative Shadow DOM para simplificar la creación de componentes con encapsulamiento

 

Documentación Recomendada

Getting Started with Web Components
By Prateek Jadhwani
August 2019 | 158 pages
ISBN 9781838649234

https://www.packtpub.com/product/getting-started-with-web-components/9781838649234