01- ¿Qué son las aplicaciones web progresivas?

Summary

Las Progressive Web Apps (PWA) son una nueva generación de aplicaciones web que, aunque no son extensiones del navegador, frameworks, plugins o librerías, ofrecen una experiencia similar a las aplicaciones nativas. Estas aplicaciones web pueden ser instaladas en el home screen, funcionan sin conexión a Internet y utilizan características nativas del dispositivo. A diferencia de las aplicaciones nativas, las PWA son más livianas, rápidos en cargar y se actualizan sin intervención del usuario. Ejemplos como la PWA de Twitter, que pesa menos de 80k en comparación con la aplicación nativa de 20 megas, demuestran la ventaja de estas tecnologías.

Takeaways

• 🌐 Las Progressive Web Apps (PWA) no son una extensión del navegador, un framework, un plugin ni una librería para frameworks existentes.
• 📱 PWA están diseñadas con 'mobile first' en mente, lo que significa que se crean pensando en dispositivos móviles primero, luego tabletas y finalmente en pantallas grandes.
• 🚫 Una PWA no es una aplicación responsiva ni una aplicación nativa, y no requiere de app stores para su instalación.
• 🌐 Una PWA puede ser indistinguible de una aplicación nativa, ofreciendo características como notificaciones push y acceso a la pantalla de inicio del dispositivo.
• 🔄 PWA funcionan sin conexión a internet y pueden utilizar características nativas del dispositivo.
• 🚀 PWA son atractivas para los usuarios, confiables, ligeras y rápidas en cargar, lo que es especialmente ventajoso en comparación con aplicaciones nativas.
• 📲 Las aplicaciones nativas suelen ser más pesadas y requieren actualizaciones a través de app stores, mientras que las PWA se pueden actualizar sin intervención del usuario.
• 📱 Las PWA pueden ser más livianas que sus equivalentes nativos, como en el caso de la aplicación de Twitter, que pesa 20 MB en comparación con menos de 80 KB para la PWA.
• 🛠️ La ventaja de construir una PWA incluye la facilidad de actualización y el menor consumo de espacio en dispositivos, lo que puede ser crucial para usuarios con limitaciones de almacenamiento.
• 🔍 El siguiente vídeo explorará más sobre las razones para construir una PWA y sus beneficios comparativos con aplicaciones nativas.

Q & A

¿Qué son las Progressive Web Apps (PWA)?

Las Progressive Web Apps son aplicaciones web que se vuelven progresivamente más avanzadas, implementando características como notificaciones push, acceso al home screen y funcionamiento sin conexión, similares a las aplicaciones nativas.

¿Qué no son las PWA según el guion?

Las PWA no son una extensión del navegador, un framework como React o Angular, un plugin o una librería para frameworks, ni son similares a Flash o Silverlight.

¿Por qué se menciona Facebook en el guion como ejemplo de una aplicación web?

Facebook se menciona como ejemplo de una aplicación web para ilustrar cómo una PWA puede parecer y funcionar en comparación con una aplicación web tradicional, aunque no es un buen ejemplo de PWA debido a su falta de funcionalidad sin conexión.

¿Qué significa 'mobile first' en el contexto de las PWA?

Mobile first significa diseñar la aplicación o página web pensando primero en los usuarios que la utilizarán en dispositivos móviles, luego en tabletas y finalmente en pantallas grandes o de escritorio.

¿Qué es una aplicación nativa y cómo se diferencia de una PWA?

Una aplicación nativa es aquella que se instala a través de las tiendas de aplicaciones, corre en pantalla completa y a menudo se puede agregar al home screen del dispositivo. Las PWA, por otro lado, son aplicaciones web que implementan características similares a las nativas pero sin la necesidad de instalarlas desde una tienda de aplicaciones.

¿Cuáles son las ventajas de las PWA sobre las aplicaciones nativas según el guion?

Las PWA son ligeras, rápidas en cargar, pueden ser actualizadas sin intervención del usuario y funcionan sin conexión a internet, lo que las hace más atractivas y confiables para los usuarios.

¿Por qué podría ser ventajoso construir una PWA en lugar de una aplicación nativa?

Al construir una PWA, se evita la necesidad de publicar en tiendas de aplicaciones, se reduce el tamaño de descarga y se puede actualizar sin intervención del usuario, lo que puede resultar en una experiencia de usuario más satisfactoria.

¿Cuál es la relación entre el tamaño de una aplicación nativa y una PWA, según el ejemplo de Twitter en el guion?

El guion menciona que la aplicación nativa de Twitter pesa 20 megas, mientras que la PWA de Twitter pesa menos de 80 kilobytes, lo que demuestra la diferencia significativa en tamaño y la ventaja de las PWA en términos de almacenamiento y velocidad de carga.

¿Qué características definen a una buena PWA según el guion?

Una buena PWA debe ser indistinguible de una aplicación nativa, cargar rápidamente, ser confiable y estar actualizada, además de ser ligera y funcionar sin conexión a internet.

¿Qué es lo que 'no' hacen las PWA con respecto a las actualizaciones, según el guion?

Las PWA no solicitan al usuario que las actualicen; en cambio, el desarrollador tiene control sobre cuándo se realizan las actualizaciones.