Curso de aplicaciones progresivas con Web Components y LitElement

FrontEnd

El curso definitivo para aprender a desarrollar Progressive Web Apps con Web Components y LitElement.

Intermedio Medio (de 8 a 20 horas) Precio en promoción 89€ 49€

Este curso de desarrollo de aplicaciones progresivas (Progressive Web Apps) usa las tecnologías estándar Javascript de Web Components para permitirte extraer lo mejor de los navegadores, así como los patrones de diseño más apoyados por la comunidad, como Redux.

Para el desarrollo de los componentes de aplicación nos apoyaremos en LitElement, la clase base para el desarrollo de elementos personalizados, ligera y de altísimo rendimiento, desarrollada por Google y el equipo de Polymer.

Qué aprenderás en el curso de Progressive Web Apps con LitElement

๏ Aplicar el WPA Starter Kit para crear de manera sencilla la base de una aplicación progresiva

๏ Usar la librería PWA-Helpers, de Google, para implementar características como el routing.

๏ Aprender a usar el sistema de routing y el lazy load de componentes

๏ Aprender a usar Redux para gestionar el estado con un flujo de datos unidireccional, de fácil uso y mantenimiento

๏ Acceso a servicios web para recuperación de datos de manera asíncrona y en el marco de uso de Redux

๏ Personalizar tu aplicación, template, componentes, estilos...

๏ Adaptar librerías de terceros dentro de nuestra aplicación Configurar tu propio service worker

๏ Llevar a producción una progressive web app

Por qué desarrollar aplicaciones progresivas con PWA Starter Kit

Las aplicaciones progresivas se han extendido rápidamente como marco del desarrollo frontend. Básicamente permiten usar dentro del contexto del navegador muchas características nuevas, que antes sólo estaban disponibles en el ambiente de las aplicaciones de escritorio, o aplicaciones para móviles descargadas vía App Store o Google Play, tales como trabajo offline, instalar aplicaciones en dispositivos, recibir notificaciones, etc.

PWA Starter Kit te ofrece un marco de trabajo ya listo para que puedas implementar una Progressive Web App en cuestión de minutos. Te entrega una base de código de aplicación sencilla, que puedes adaptar a cualquier proyecto. Además integra un sistema de routing fácil de usar y algunos de los patrones de trabajo más apoyados por la comunidad, como Redux.

Redux es una librería Javascript ligera (2Kb aproximadamente) que permite la administración del estado de las aplicaciones de una manera predecible. Es una implementación del patrón de arquitectura Flux, basada en un flujo de datos unidireccional, permitiendo a los componentes escuchar cualquier cambio en el estado de la aplicación de manera sencilla y centralizada. Con el conjunto de tecnologías que veremos en este curso podrás componer desde aplicaciones sencillas hasta las más complejas, sin que tu código se vuelva un caos, con una excelente optimización y una atractiva experiencia de usuario.

Programa de clases del curso de PWA con LitElement

A lo largo de las clases del curso iremos aprendiendo a configurar las distintas secciones de una aplicación progresiva, sobre la base del PWA Starter Kit. De manera práctica iremos incorporando piezas a la aplicación, para personalizar su funcionamiento y adaptarlo a las necesidades de un proyecto.

Clase 1: Introducción a PWA Starter Kit

- Qué es PWA-Starter-Kit y las tecnologías que usa (Redux, PWA-Helpers, LitElement…)

- Cómo crear una aplicación progresiva en minutos

- Estructura básica de la aplicación

- Cómo realizar la personalización del contenido de la aplicación

Clase 2: Sistema de routing

- Cómo personalizar las rutas de la aplicación progresiva

- Añadir al proyecto nuevas páginas con sus rutas

- Cómo cargar de manera perezosa (lazy load) los componentes de la aplicación en función de la ruta.

Clase 3: Personalización de la aplicación

- Personalizar el estilo

- Crear nuestra propia librería de iconos optimizada con SVG

- Compartir estilos entre componentes de aplicación

- Usar componentes de terceros

Clase 4: Redux Qué es Redux

- Cómo crear acciones

- Cómo crear reducers

- Cómo suscribirse a cambios en el store

Clase 5: Acceso a servicios web

- Usar la librería Axios para acceso a servicios web

- Crear acciones para solicitar datos de manera asíncrona

- Aplicar el acceso de datos asíncrono en el marco de Redux

Clase 6: Paso a producción

- Build de una aplicación

- Deploy de aplicación

- Configuración del service worker

En resumen

Con este curso aprenderás a realizar aplicaciones modernas, no solo Single Page Applications, sino las más novedosas Progressive Web Apps, capaces de extraer las últimas características de los navegadores. Usaremos tecnologías disponibles de manera estándar en los navegadores, así como librerías ligeras que nos aseguran el mejor rendimiento y una experiencia de desarrollo sencilla y cómoda para el profesional. Trabajaremos con arquitecturas altamente recomendables y establecidas casi como un estándar, como es el caso de Redux para el manejo del estado. Y por fin, aprenderás a llevar las aplicaciones a producción en servidores web.

CONTENIDO

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

CONTENIDO

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