En marzo de 2003, Nick Finck y Steve Champeon sorprendieron al mundo del diseño web con el concepto de mejora progresiva, una estrategia de diseño web que pone énfasis en el contenido principal de la página web y que luego agrega capas de presentación y funciones más rigurosas y con mayor rigurosidad sobre el contenido. Mientras que en 2003, la mejora progresiva consistía en usar en la época funciones modernas de CSS, JavaScript discreto e incluso gráficos vectoriales escalables, la mejora progresiva en 2020 consiste en utilizar las capacidades modernas de los navegadores.
En esta charla, mostramos un ejemplo de una aplicación web de tarjetas de felicitación cómo las capacidades nuevas y futuras del navegador pueden mejorar progresivamente esta aplicación para que siga siendo útil en todos los navegadores modernos, pero ofrece una experiencia avanzada en navegadores que admiten capacidades como acceso nativo al sistema de archivos, acceso al portapapeles del sistema, recuperación de contactos, sincronización periódica en segundo plano, bloqueo de activación de pantalla, funciones para compartir y muchas más.
Después de ver esta sesión, los desarrolladores tendrán una comprensión sólida de cómo mejorar progresivamente sus aplicaciones web con nuevas funciones del navegador, sin poner una carga de descarga en el subconjunto de sus usuarios que se encuentran en navegadores incompatibles y, lo que es más importante, sin excluirlos de usar la aplicación web en primer lugar.
Resources:
- Saludos de Fugu en GitHub → https://goo.gle/2VkuwYM
- Estado de las funciones nuevas → https://goo.gle/3dEcyH2
- Resumen del video → https://web.dev/progressively-enhance-your-pwa/
Mira la lista de reproducción Día 2 de Web.dev en vivo
Suscríbete a los desarrolladores de Chrome.
Orador: Thomas Steiner