[TWB-050] Web Components

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

Volver a Pronoide

Contenido

Introducción a los Web Components
1. Qué son y cómo se integran en el desarrollo web moderno
Especificación Custom Elements
1. Explicación detallada de los Custom Elements y su implementación práctica
Extensión de Elementos en Web Components
1. Cómo crear y extender nuevos elementos personalizados para reutilización
Uso de Template en Web Components
1. Aplicación de plantillas para definir la estructura de los componentes
Introducción al Shadow DOM
1. Creación de componentes aislados mediante Shadow DOM y su manipulación
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
HTML Modules
1. Uso de módulos HTML para organizar y cargar componentes de manera modular
CSS Modules
1. Técnicas para encapsular y gestionar estilos mediante CSS Modules
Declarative Shadow DOM
1. Implementación del Declarative Shadow DOM para simplificar la creación de componentes con encapsulamiento

Catálogo

[TWB-050] Web Components

Related pages