Temario
A día de hoy, nos encontramos ante la evolución del desarrollo Frontend y hace ya unos años, empezó a sonar con fuerzas el desarrollo web basado en Web Components, un conjunto de estándares que nos permite crear etiquetas HTML personalizadas para fomentar la reutilización y modularización de la web. Ya desde JavaScript, podíamos hacer nuestros propios componentes webs, pero de una forma algo tediosa y complicada. Para facilitarnos esta labor, hace ya unos dos años, llegó Polymer, una librería desarrollada por Google y la comunidad que implementa los estándares en los que se basan los Web Components de una forma más declarativa y facilitandonos herramientas para el desarrollo.
En este curso empezaremos con que son los Web Components, los estándares que implementa y la implementación de un web component con JavaScript. Tras esta introducción, usaremos Polymer para desarrollar componentes web y veremos todos los entresijos de esta librería para desarrollar single pages applications.
A quién va dirigido
Front-end developers
App developers
PROGRAMA DE CONTENIDOS
Introducción a los web components
¿,Qué son?
Los estándares
Componentes Webs de forma nativa
Iniciación a polymer
Preparación del entorno
Características de un componente
Local DOM
Shady DOM vs Shadow DOM
Styles
Propiedades css
EXTRA: Usa Flex para colocar tus componentes
Ciclo de vida de un componente
Los Behaviors, añadiendo comportamiento a nuestro componentes
Comunicación entre componentes
Data Binding
Binding
Bindgins en array
Eventos
Listeners
Patrón mediator
Testea tus componentes con web component teaster
Creación de aplicaciones
Herramientas
Patrón mediator
Single page aplications
Enrutado de vistas
build to deploy
Catálogo de componentes
introducción a las progressive web apps