Curso de Progressive Web Apps con Angular

Desbloquea las increíbles posibilidades de las Progressive Web Apps en tus aplicaciones desarrolladas con Angular.
Material disponible
Intermedio
5 Clases 6 h
75€
65€
Precio en promoción
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.

Qué aprenderé en el Curso de Progressive Web Apps con Angular

  • 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

Objetivos del curso

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

Qué tengo que saber

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

Clases y contenidos

Progressive Web Apps con Angular Gratis
  • Primeros conceptos de Progressive Web Apps
  • Alternativas a PWA
  • Web app Angular con Material Design
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

La tecnología push nos permite obtener notificaciones que tiene origen en el servidor. Trabajamos también con las acciones de respuesta del usuario y sus propiedades.

Valoraciones

Mª Angeles

Alonso Daniel Buendia Luna

Muy bueno

¿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.

Suscríbete