Las aplicaciones web progresivas son experiencias que combinan lo mejor de la web y lo mejor de las aplicaciones. Son útiles para los usuarios desde la primera visita en una pestaña del navegador, no requiere instalación. A medida que el usuario construye progresivamente una relación con la aplicación a través del tiempo, se vuelve más y más potente. Se carga rápidamente, incluso en redes escamosas, envía notificaciones push relevantes, tiene un icono en la pantalla de inicio y se carga como una experiencia de pantalla completa de nivel superior.
¿Qué es una aplicación web progresiva?
Una aplicación web progresiva es:
Progresivo - Funciona para todos los usuarios, independientemente de la elección del navegador, ya que se construye con una mejora progresiva como principio básico.
Respuesta - Se adapta a cualquier factor de forma: escritorio, móvil, tableta, o lo que sea siguiente.
Conectividad independiente: mejorada con los trabajadores de servicio para trabajar sin conexión o en redes de baja calidad.
App-like - Se siente como una aplicación para el usuario con las interacciones de estilo de aplicación y la navegación, ya que se basa en el modelo de aplicación shell.
Fresh - Siempre actualizado gracias al proceso de actualización de los trabajadores de servicio.
Safe - Servido a través de HTTPS para evitar que se espionen y para asegurar que el contenido no ha sido manipulado.
Descubierto - Es identificable como una "aplicación" gracias al manifiesto W3C y el alcance de registro de los trabajadores de servicio, permitiendo que los motores de búsqueda lo encuentren.
Reenganchable: facilita el reenganche mediante funciones como notificaciones push.
Instalable: permite a los usuarios "conservar" las aplicaciones que consideren más útiles en su pantalla de inicio sin la molestia de una tienda de aplicaciones.
Enlazable - compartir fácilmente a través de URL, no requiere instalación compleja.
Este codelab le guiará a través de la creación de su propia aplicación web progresiva, incluyendo las consideraciones de diseño, así como detalles de implementación para garantizar que su aplicación cumple los principios clave de una aplicación Web progresiva.
¿Qué vamos a construir?
En este codelab, vas a crear una aplicación web Weather usando técnicas de aplicación web progresiva. Consideremos las propiedades de una aplicación web progresiva:
Progresivo - usaremos mejoramiento progresivo en todas partes.
Respuesta: garantizamos que se ajusta a cualquier factor de forma.
Conectividad independiente: almacenaremos en caché el shell de la aplicación con los trabajadores de servicio.
App-like: usaremos interacciones de estilo de aplicación para agregar ciudades y actualizar los datos.
Fresh: almacenaremos en caché los datos más recientes con los trabajadores de servicio.
Seguro: implementaremos la aplicación en un host que admita HTTPS.
Descubierto e instalable - incluiremos un manifiesto que facilite que los motores de búsqueda encuentren nuestra aplicación.
Linkable - es la web!
Lo que aprenderás
- Cómo diseñar y construir una aplicación utilizando el método "app shell"
- Cómo hacer que tu aplicación funcione sin conexión
- Cómo almacenar los datos para su uso sin conexión más tarde
- Cromo 52 o superior
- Web Server para Chrome o su propio servidor web de elección
- El código de ejemplo
- Un editor de texto
- Conocimientos básicos de HTML, CSS, JavaScript y Chrome DevTools
Este codelab se centra en Progressive Web Apps. Los conceptos no relevantes y los bloques de código se pasan por alto y se proporcionan para que usted simplemente copie y pegue.
Fuente: Your First Progressive Web App
No hay comentarios:
Publicar un comentario