Programación de Aplicaciones Web Progresivas Flashcards
Aplicación Web:
Definición: Una aplicación web es un programa o software que se ejecuta en un navegador web. Los usuarios acceden a ella a través de internet y no necesitan instalar nada en sus dispositivos.
Ejemplo: Gmail, Google Docs.
Aplicación Nativa:
Definición: Una aplicación nativa está diseñada específicamente para un sistema operativo particular, aprovechando al máximo las características y funcionalidades del dispositivo. Se instala directamente en el dispositivo.
Ejemplo: Instagram para iOS o Android.
Aplicación Web Progresiva (PWA):
Definición: Una PWA es una aplicación web que utiliza tecnologías web modernas para ofrecer una experiencia similar a la de una aplicación nativa. Puede funcionar offline, enviar notificaciones y ser instalada en el dispositivo del usuario.
Ejemplo: Twitter Lite.
Puntos de Quiebre en Bootstrap:
Definición: En el contexto de Bootstrap, los puntos de quiebre (breakpoints) son los valores específicos de ancho de pantalla en los cuales se aplican las clases de diseño responsivo. Estos puntos determinan cuándo se debe cambiar el diseño para adaptarse a diferentes tamaños de pantalla.
Ejemplo: En Bootstrap, los puntos de quiebre comunes son sm (pequeño), md (mediano), lg (grande) y xl (extra grande).
Archivo Manifiesto (Web App Manifest):
Definición: Es un archivo JSON que proporciona información sobre una aplicación web progresiva (PWA). Contiene metadatos como el nombre, iconos, colores y configuraciones de visualización para la aplicación.
Uso: El archivo manifiesto se utiliza para definir cómo la aplicación debe comportarse cuando se instala en un dispositivo.
Service Worker:
Un Service Worker es un script en segundo plano que se ejecuta independientemente del hilo principal del navegador y permite funciones como la gestión de cachés, notificaciones push y trabajo offline.
¿Cuál es el propósito de la “cache storage” en el contexto de una PWA?
La “cache storage” almacena recursos localmente en el dispositivo del usuario, reduciendo la necesidad de descargar repetidamente los mismos recursos desde el servidor y mejorando el rendimiento.
Explique la importancia de la seguridad en una PWA
La seguridad, especialmente el uso de HTTPS, es crucial para garantizar la integridad y privacidad de los datos en una PWA, además de ser un requisito para ciertas funcionalidades como las notificaciones push.
¿Cómo maneja una PWA las notificaciones push?
Utiliza la API de Notificaciones Push para mostrar notificaciones incluso cuando la PWA no está activa. Los Service Workers manejan la lógica de recepción y visualización de notificaciones.
Describa cómo se pueden actualizar automáticamente las PWAs.
Las PWAs pueden actualizarse automáticamente mediante el Service Worker. Cuando hay cambios en la aplicación, el Service Worker descarga y almacena en caché las nuevas versiones, y la PWA se actualiza la próxima vez que se inicia.
¿Cuál es la diferencia entre una PWA y una aplicación web tradicional?
La principal diferencia radica en las características adicionales de las PWAs, como la capacidad de trabajo offline, notificaciones push, instalación en el dispositivo y una experiencia de usuario más parecida a las aplicaciones nativas.
¿Cuáles son los elementos clave de un archivo manifiesto (Web App Manifest)?
El archivo manifiesto incluye información como nombre, iconos, colores y configuraciones de visualización que definen la apariencia y el comportamiento de la PWA cuando se instala en un dispositivo.
