En mars 2003, Nick Finck et Steve Champeon ont stupéfié le monde de la conception Web avec le concept d'amélioration progressive, une stratégie de conception Web qui met d'abord l'accent sur le contenu essentiel des pages Web, puis qui ajoute progressivement des niveaux de présentation et de fonctionnalités plus nuancés et techniquement plus rigoureux en plus du contenu. Alors qu'en 2003, l'amélioration progressive consistait à utiliser des fonctionnalités CSS modernes, du code JavaScript discret et même des graphiques vectoriels évolutifs. En 2020, l'amélioration progressive reposait sur l'utilisation des fonctionnalités des navigateurs modernes.
Dans cette vidéo, nous montrons un exemple d'application Web de carte de vœux montrant comment les nouvelles et futures fonctionnalités du navigateur peuvent progressivement améliorer cette application afin qu'elle reste utile sur tous les navigateurs modernes. Elle offre également une expérience avancée sur les navigateurs compatibles avec des fonctionnalités telles que l'accès natif au système de fichiers, l'accès au presse-papiers système, la récupération de contacts, la synchronisation périodique en arrière-plan, le wakelock de l'écran, les fonctionnalités de partage, etc.
Après avoir visionné cette session, les développeurs auront une bonne compréhension de la façon d'améliorer progressivement leurs applications Web avec de nouvelles fonctionnalités de navigateur, tout en ne pesant pas sur les téléchargements pour le sous-ensemble d'utilisateurs qui se trouve sur un navigateur incompatible et, surtout, sans les empêcher d'utiliser l'application Web.
Resources:
- Messages d'accueil Fugu sur GitHub → https://goo.gle/2VkuwYM
- État des nouvelles fonctionnalités → https://goo.gle/3dEcyH2
- Rédiger une vidéo → https://web.dev/progressively-enhance-your-pwa/
Regardez la playlist du jour 2 sur Web.dev en direct
S'abonner aux développeurs Chrome
Intervenant: Thomas Steiner