Polymer

Taller de Polymer, versión 1

Curso de iniciación a Web Components con la librería Polymer en su primera versión.

Material disponible

Intermedio

12 Clases 25 h

A éste y otros 200+ cursos

Polymer no es un framework Javascript cualquiera. Lo que lo hace diferente es que está construido usando "Web Components", un estándar de la W3C que nos permite extender el HTML. Se define como una librería para el desarrollo rápido y sencillo de componentes reutilizables para la web moderna y permite construir desde sofisticadas interfaces de usuario a sitios web completos.

Este curso intensivo te ofrece el conocimiento que necesitas para desarrollar con esta sofisticada librería creada por el equipo de Google para el desarrollo de Web Components. Aprenderás a crear componentes de todo tipo, desde cero y usando el enorme catálogo de elementos que Polymer te regala para resolver las necesidades más habituales.

Si te interesa Polymer te recomendamos hacer mejor el curso de Polymer 2.

Objetivos del curso

Facilitar el acceso al desarrollo basado en Web Components, un estándar de la W3C que permite construir aplicaciones del lado del cliente, en base a componentes modulares y totalmente reutilizables. Hoy ya es posible usar esta tecnología, extender el HTML según nuestras necesidades y crear elementos personalizados o usar los de otros desarrolladores.

Aunque para facilitar el desarrollo con Web Components no es necesario apoyarse en ninguna librería, puesto que estamos hablando de un estándar soportado por los navegadores, sí resulta especialmente recomendable el uso de Polymer. Esta librería no solo ofrece herramientas para un desarrollo rápido y la mejora de la interoperabilidad entre componentes, sino que además nos aporta un nutrido catálogo de elementos para resolver en instantes las necesidades más comunes.

En el Curso de Polymer abordaremos el desarrollo en las más variadas situaciones, desde la creación de componentes sencillos a los más complejos, o incluso el desarrollo de sitios con el modelo "SPA" (Single Page Application) de las aplicaciones web modernas.

A lo largo de las sesiones del curso recorreremos los temas esenciales para sacar partido profesional a Polymer y construiremos ejercicios que permitan experimentar con el enorme catálogo de elementos que está disponible dentro de la librería.

Qué tengo que saber

Es necesario tener conocimientos de Javascript a nivel básico o medio.

Clases y contenidos

Crear componentes

componentes en Polymer, ciclo de vida, métodos, propiedades de los custom elements.

Crear custom elements con la librería Polymer 1 Gratis

Hacemos una práctica en la que creamos un proyecto vacío, integramos la librería Polymer, creamos un elemento básico y luego lo expandimos para usar otros elementos del catálogo de Polymer

Styling

para el trabajo con estilos en componentes. Dom local (shadow y shady). Estilos personalizados

Práctica styling

En esta ocasión nos dedicamos a analizar distintos casos de aplicación de estilos a componentes, analizando diferencias entre navegadores y el shady dom vs shadow dom.

Eventos, observers

Definir interacción por medio de eventos. Cómo y para qué usar observers

Data binding

Clase dedicada a Data Binding e interoperabilidad entre componentes.

Polymer Starter Kit

Conocer el Polymer Starter Kit, Ejemplo final basado en Polymer Starter Kit

Polymer a producción

Cómo desplegar un sitio realizado con Polymer Starter Kit a producción.

Templates dom-bind y custom events

En esta clase extra practicamos con varias cosas, como la creación dinámica de elementos con JS, los templates dom-bind y los custom events.

Ajax y API REST

Realizamos unos ejemplos Ajax sencillos y conexión con un API REST para recuperar datos

Práctica final I

Primeros ejemplos de la práctica final. Realizamos un formulario para agregar películas a un API.

Práctica final II

Segunda sesión dedicada a la realización de la práctica final, donde vimos mayoritariamente el componente de autocomplete de países capaz de operar como campo de formulario.

Comprar curso

Valoraciones

Cursos que también te pueden interesar

Web Components, Frontend, Polymer, Frameworks Javascript

Flujo de trabajo con Web Components y Polymer 3 con Webpack

Nivel Intermedio

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.