©2023 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
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
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
- Primeros conceptos de Progressive Web Apps
- Alternativas a PWA
- Web app Angular con Material Design
- Pruebas de capacidades con lighthouse
- Instalación de ngsw
- Caché local y funcionamiento offline
- Contenido Web Estático
- Arranque Offline
- Redirecciones
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.
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 190 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.