Curso de Progressive Web Apps con Polymer 2

FrontEnd

Aprende a desarrollar aplicaciones progresivas (Progressive Web Apps, PWA) con Polymer 2

Avanzado Medio (de 8 a 20 horas) Precio en promoción 90€ 75€

Este curso explica cómo realizar aplicaciones frontend de última generación, basadas en Web Components y Polymer 2. Explicaremos las técnicas y componentes disponibles para crear lo que se conoce como Progressive Web Apps, un nuevo modelo de aplicación web que ha revolucionado el desarrollo para la web.

Aprenderemos a crear aplicaciones usando la librería Polymer 2 y los componentes creados por el propio equipo de Polymer, por nosotros mismos y por terceros desarrolladores, lo que nos permitirá construir el proyecto montando bloques, a muy alto nivel. Esos bloques, los componentes, sirven para solucionar aspectos pequeños y específicos, pero montados en el marco de una aplicación son capaces de colaborar entre sí para resolver problemas globales. 

Gracias a los componentes de Polymer crear aplicaciones progresivas (PWA) es sencillo. Con ellas llegarás a realizar funcionalidades que nunca antes habían sido posibles para la web, como el cacheo de todo tipo de recursos, almacenamiento de datos, notificaciones, etc.

En este curso de desarrollo de aplicaciones progresivas partimos del conocimiento impartido en el Curso de Polymer 2. No hace falta ser experto en Polymer 2 para seguirlo, pero sí tener un conocimiento global sobre lo que la librería ofrece para el desarrollo de Web Components. El objetivo es aprender a manejar los componentes del catálogo de Polymer más útiles para construir Progressive Web Apps, desarrollando un proyecto completo donde podamos experimentar con elementos como el sistema de routing, los componentes de layout, los de acceso a datos, etc.

Clases del curso de desarrollo de aplicaciones con Polymer 2:

1.- Iniciar una aplicación con Polymer Starter Kit (En abierto)
Qué es el Polymer Starter Kit y cuáles son sus principales componentes. Estudiaremos de manera general los componentes que nos ofrece para el desarrollo rápido de una Progressive Web App.

2.- Desarrollo de aplicaciones progresivas (PWA) con Polymer 2 (En abierto)
Repasamos las bases de Polymer 2, necesarias como base de conocimiento para seguir el curso de desarrollo de aplicaciones progresivas.

3.- Sistema de routing
Trabajo con el sistema de routing de Polymer. Análisis y aplicación de los mecanismos de Lazy Loading de componentes.

4.- Layout
Uso de las herramientas y componentes para facilitar el layout enriquecido de aplicaciones con Polymer 2.

5.- Acceso a datos por HTTP
Acceso a API REST mediante Ajax, de manera asíncrona, usando los componentes de Polymer 2. Responder a casos positivos y casos de error de las solicitudes HTTP de una manera adecuada para el usuario. Alternativas adecuadas para compartir datos entre componentes.

6.- Autorización por web token
Gestión de autenticación y autorización de acceso a API REST usando login y contraseña. Recepción y envío del JWT (JSON Web Token) para la autorización en los siguientes accesos.

7.- Progressive Web Apps con Polymer 2
Características específicas del desarrollo de aplicaciones progresivas. Cómo configurar el Service Worker de nuestro sitio web.

8.- Firebase y Polymer: Polymerfire
Cómo usar Firebase en aplicaciones Polymer 2, mediante Polymerfire, los componentes oficiales para integración de Firebase.

9.- Redux con Polymer 2
Qué es Redux, cómo podemos usar esta arquitectura en el contexto de una aplicación Polymer 2.

10.- Aplicaciones Polymer 2 a producción
Uso del CLI de Polymer 2 para llevar aplicaciones a producción desarrolladas con Polymer.

CONTENIDO

Iniciar una aplicación con Polymer Starter Kit

Conceptos Polymer y Progressive Web Apps

Gratis !
Miguel Angel Alvarez

Crear aplicaciones PWA con Polymer 2 Starter Kit

Gratis !
Miguel Angel Alvarez

Despliegue aplicaciones progresivas con Firebase

Gratis !
Miguel Angel Alvarez

Checklist de las Progressive Web Apps

Gratis !
Miguel Angel Alvarez

Checklist PWA: Manifest

Gratis !
Miguel Angel Alvarez

Checklist PWA: Rutas

Gratis !
Miguel Angel Alvarez

Checklist PWA: Service Worker

Gratis !
Miguel Angel Alvarez

Creación de componente Polymer 2

Gratis !
Miguel Angel Alvarez

Desarrollo de aplicaciones progresivas con Polymer 2

Flujo de trabajo básico con Git / Github

Gratis !
Miguel Angel Alvarez

Esqueleto básico de un componente Polymer

Gratis !
Miguel Angel Alvarez

Componente timestamp-to-date

Miguel Angel Alvarez

Componente interruptor-element

Miguel Angel Alvarez

Conclusión y preguntas finales

Miguel Angel Alvarez

Sistema de routing

Componentes del sistema de routing

Miguel Angel Alvarez

Intercambiar vistas con iron-pages

Miguel Angel Alvarez

Un componente por vista

Miguel Angel Alvarez

Mostrar visualmente la ruta activa

Miguel Angel Alvarez

Lazy load de componentes

Miguel Angel Alvarez

Layout

Componentes de Layout

Miguel Angel Alvarez

Personalización del app-header

Miguel Angel Alvarez

Trabajar con iconos en la app

Miguel Angel Alvarez

Acceso a datos por HTTP

Crear un API REST

Miguel Angel Alvarez

Componente iron-ajax

Miguel Angel Alvarez

Componentes para el manejo de datos, estilo servicios

Gestión de eventos en el servicio

Miguel Angel Alvarez

Autorización por web token

Retoques finales

Miguel Angel Alvarez

Sesión Extra: edición de marcadores

Componente more-options

Miguel Angel Alvarez

Firebase y Polymer

Presentación de Firebase

Miguel Angel Alvarez

Componente firebase-auth

Miguel Angel Alvarez

Operación de borrado en Firebase

Miguel Angel Alvarez

Preguntas finales sobre Firebase

Miguel Angel Alvarez

Notificaciones Push

Componente Firebase Document

Miguel Angel Alvarez

Firebase Cloud Function

Despliegue de cloud functions

Miguel Angel Alvarez

Proceso de Build

Build process: Shell y fragmentos

Miguel Angel Alvarez

Subir archivos a un hosting remoto

Miguel Angel Alvarez

Configuración PWA vía manifest.json

Archivo manifest.json

Miguel Angel Alvarez

Funcionamiento offline de la aplicación

Detectar estado online / offline

Miguel Angel Alvarez

Cacheo usando IndexedDB

Miguel Angel Alvarez

Redux

Introducción a Redux

Miguel Angel Alvarez

Action creators

Miguel Angel Alvarez

Dinamic bindings

Miguel Angel Alvarez

INTRODUCCIÓN A POLYMER 3

Desarrollos en Polymer 2 que desean actualizarse a Polymer 3

Polymer 3

Miguel Angel Alvarez

CONTENIDO

Iniciar una aplicación con Polymer Starter Kit

Conceptos Polymer y Progressive Web Apps

Gratis !
Miguel Angel Alvarez

Crear aplicaciones PWA con Polymer 2 Starter Kit

Gratis !
Miguel Angel Alvarez

Despliegue aplicaciones progresivas con Firebase

Gratis !
Miguel Angel Alvarez

Checklist de las Progressive Web Apps

Gratis !
Miguel Angel Alvarez

Checklist PWA: Manifest

Gratis !
Miguel Angel Alvarez

Checklist PWA: Rutas

Gratis !
Miguel Angel Alvarez

Checklist PWA: Service Worker

Gratis !
Miguel Angel Alvarez

Creación de componente Polymer 2

Gratis !
Miguel Angel Alvarez

Desarrollo de aplicaciones progresivas con Polymer 2

Flujo de trabajo básico con Git / Github

Gratis !
Miguel Angel Alvarez

Esqueleto básico de un componente Polymer

Gratis !
Miguel Angel Alvarez

Componente timestamp-to-date

Miguel Angel Alvarez

Componente interruptor-element

Miguel Angel Alvarez

Conclusión y preguntas finales

Miguel Angel Alvarez

Sistema de routing

Componentes del sistema de routing

Miguel Angel Alvarez

Intercambiar vistas con iron-pages

Miguel Angel Alvarez

Un componente por vista

Miguel Angel Alvarez

Mostrar visualmente la ruta activa

Miguel Angel Alvarez

Lazy load de componentes

Miguel Angel Alvarez

Layout

Componentes de Layout

Miguel Angel Alvarez

Personalización del app-header

Miguel Angel Alvarez

Trabajar con iconos en la app

Miguel Angel Alvarez

Acceso a datos por HTTP

Crear un API REST

Miguel Angel Alvarez

Componente iron-ajax

Miguel Angel Alvarez

Componentes para el manejo de datos, estilo servicios

Gestión de eventos en el servicio

Miguel Angel Alvarez

Autorización por web token

Retoques finales

Miguel Angel Alvarez

Sesión Extra: edición de marcadores

Componente more-options

Miguel Angel Alvarez