Curso de Web Components con LitElement

FrontEnd

El curso de LitElement te enseñará a crear Web Components estándar, apoyado por la librería de Google

Básico Corto (hasta 8 horas) Precio en promoción 89€ 55€

El Curso de Web Components con LitElement te enseña a usar el estándar Javascript para la creación de elementos personalizados, encapsulados, interactivos y reutilizables, con los que expandir las posibilidades de los navegadores.

Qué aprenderás en el curso de LitElement

 ๏ Conocer el estándar Javascript Web Components.

 ๏ Aprender a aplicar Web Components en el desarrollo frontend 

 ๏ Desarrollar elementos personalizados, usando LitElement como clase base

 ๏ Sacar partido a las posibilidades de Lit-HTML para el desarrollo de templates

 ๏ Dominar las características del desarrollo de componentes con LitElement

 ๏ Diseñar componentes que se apoyan en otros para resolver problemas más complejos

 ๏ Aprovechas las características nativas de los navegadores para crear componentes de alto rendimiento

 ๏ Aprender a distribuir y documentar componentes para uso público

Por qué Web Components y LitElement

Web Components es el estándar Javascript para el desarrollo de componentes personalizados, que puedes usar en cualquier tipo de proyecto web, compatibles con proyectos donde se usa Javascript nativo y frameworks y librerías modernas como Angular, React, Vue, etc.

LitElement es una clase base desarrollada por el equipo de Polymer (Google) para el desarrollo de componentes, que ofrece a los programadores una nutrida cantidad de utilidades enfocadas en la productividad y en proporcionar una agradable experiencia de desarrollo. LitElement se apoya a su vez en Lit-HTML, una librería ultra rápida para la creación de templates Javascript.

Todo lo que necesitas para beneficiarte de las ventajas de LitElement ocupa tan solo 6 KB, gzipeado, por lo que resulta muy ligero y apropiado para cualquier tipo de proyecto. Esto es gracias a que LitElement usa todas las características nativas del estándar de Web Components y las novedades más recientes del lenguaje Javascript.

Con LitElement y Web Components tienes un completo set de herramientas que además de ofrecerte numerosas facilidades en el desarrollo, permiten crear componentes con un elevado rendimiento, comparativamente mayor que con cualquier otra librería popular existente en la actualidad.

Clases del curso de Web Components con LitElement

Las clases del curso de LitElement tendrán un alto contenido práctico. A lo largo de las clases del curso desarrollaremos decenas de componentes con los que aprender los distintos puntos del temario.

Clase 1: Introducción a Web Components y LitElement

- Qué es Web Components, LitElement y Lit-HTML

- Primeros pasos con LitElement 

- Crear componentes y usar componentes propios y de terceros

Clase 2: Templates con LitElement

- Cómo definir templates

- Bindear propiedades, eventos hacia elementos HTML o hacia otros componentes

- Aprender a realizar condicionales y bucles

- Usar Slots para renderizar light DOM

Clase 3: Propiedades

- Declaración de propiedades de componentes

- Inicialización de propiedades

- Propiedades Vs atributos

Clase 4: Estilos en componentes LitElement

- Cómo aplicar estilos de distintos modos

- Usar Constructable Stylesheets para aumento del rendimiento

- Cómo hacer estilos dinámicos en función de propiedades del componente

- CSS custom properties para permitir la personalización de estilos

Clase 5: Eventos y ciclo de vida de componentes

Cómo definir manejadores de eventos

Disparar y capturar eventos personalizados

Métodos y propiedades del ciclo de vida de componentes

Clase 6: Publicar componentes

Cómo hacer público el componente vía npm

Transpilar componentes

Cómo documentar un componente

Publicar el WebComponents.org

En resumen, con este curso podrás aprender a usar LitElement, para sacar el mejor partido al estándar Web Components, con el que potenciar tus habilidades en el desarrollo frontend. LitElement te permitirá aprovechar las características nativas de los navegadores y desarrollar de manera más ágil componentes, para realizar cualquier necesidad en el ámbito de la web. A la vez te beneficiarás de uno de los motores de vistas más rápido de la actualidad, superior en rendimiento a todas las librerías y frameworks populares.

CONTENIDO

Este curso no empezó todavía
Comenzamos en 16/04/2019
A medida que se impartan las clases irán apareciendo en este espacio

CONTENIDO

Este curso no empezó todavía
Comenzamos en 16/04/2019
A medida que se impartan las clases irán apareciendo en este espacio