Curso de Progressive Web Apps con Angular

FrontEnd, Apps

Desbloquea las increíbles posibilidades de las Progressive Web Apps en tus aplicaciones desarrolladas con Angular.

Intermedio Corto (hasta 8 horas) Precio en promoción 75€ 65€
Clic para comenzar...

En este curso aprenderás a implementar las nuevas características de las Progressive Web Apps en tus aplicaciones desarrolladas con Angular. Te ofrecerá el conocimiento necesario para aprovechar las más recientes posibilidades de los navegadores, que permiten a las aplicaciones web acercarse mucho a la experiencia de uso que ofrecen las apps móviles nativas.

Las PWA, acrónimo de Aplicaciones Web Progresivas, aprovechan toda la potencia de la plataforma web y tienen la ventaja de no requerir la instalación por parte del usuario, ya que se pueden instalar ellas mismas con el solo acceso a una URL mediante el navegador. Algunas de sus posibilidades son el trabajo offline, instalar el icono de tu aplicación junto con el de otras apps o trabajar en background, incluso sin necesidad que el usuario esté dentro de tu página.

Objetivos

Este curso online está dirigido a programadores web con experiencia en Angular, idealmente versiones igual o superiores a Angular 2, que deseen aprender a crear aplicaciones web progresivas de una forma práctica y profesional. Entre los objetivos destacamos:

- Conocer qué son las PWA (Progressive Web Apps) y dónde se sitúan respecto a otras tecnologías móviles.
- Angular como base para el desarrollo de PWA
- Desarrollo de las capacidades específicas de una PWA.
- Distribución e instalación de aplicaciones.
- Optimizar la creación de aplicaciones con una mejor experiencia y un menor trabajo de desarrollo

Contenido

Presentación de las Progressive Web Apps con Angular
- ¿Qué son?, ¿Qué alternativas hay?
- Partiendo de una web app Angular con Material Design
- Imprescindible: AoT y LazyLoad, deseable: Server side rendering

El NGSW para crear aplicaciones PWA 
- Pruebas de capacidades con lighthouse 
- Instalación de ngsw 
- Caché local y funcionamiento offline

Static Caché
- Contenido Web Estático
- Arranque Offline
- Redirecciones

Home Screen y Dinamic Caché
Cómo activar el home screen en un app.
Sacando partido al manifiesto para guardar la aplicación como algo instalable en nuestros dispositivos.
Pruebas con la caché de datos dinámica.

Push Notifications
- Obtener notificaciones del servidor
- Responder a acciones del usuario

Material necesario o recomendado

Para asistir al curso es ideal contar con un ordenador y un terminal Android, ya que algunas de las características de las Progressive Web Apps están solo disponibles todavía en el sistema móvil de Google, además de los ordenadores personales sobre cualquier sistema operativo.

En el ordenador que se usará para el desarrollo de las PWA con Angular se recomienda tener instalado:

- Editor de código recomendado VSCode
- Navegador recomendado Chrome
- Instalación de NodeJS 

Progressive Web Apps con Angular

Gratis !
Alberto Basalo

Static Caché

Alberto Basalo

Push Notifications

Alberto Basalo

Alberto Basalo

Javascript, AngularJS, NodeJS, MongoDB