-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
36 lines (28 loc) · 4.66 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
---
title: Applications web progressives
slug: Web/Progressive_web_apps
---
Les **applications web progressives** (ou <i lang="en">progressive web applications</i> en anglais, abrégées en PWAs) sont des applications web qui utilisent [les <i lang="en">service workers</i>](/fr/docs/Web/API/Service_Worker_API), [les manifestes](/fr/docs/Web/Manifest), et d'autres fonctionnalités de la plateforme web, avec [l'amélioration progressive](/fr/docs/Glossary/Progressive_Enhancement) pour fournir aux utilisatrices et utilisateurs une expérience équivalente à celle des applications natives.
Les applications web progressives ont plusieurs [avantages](/fr/docs/Web/Progressive_web_apps/Introduction#avantages_des_applications_web) : elles peuvent être [installées](/fr/docs/Web/Progressive_web_apps/Introduction#installabilité), [améliorées progressivement](/fr/docs/Web/Progressive_web_apps/Introduction#prise_en_charge_de_lamelioration_progressive), [conçues de façon adaptative](/fr/docs/Web/Progressive_web_apps/Introduction#adaptativité), [maintenir l'engagement](/fr/docs/Web/Progressive_web_apps/Introduction#re-engagement), [être indiquées avec un lien](/fr/docs/Web/Progressive_web_apps/Introduction#decouvrabilite_avec_un_lien), [découvrables](/fr/docs/Web/Progressive_web_apps/Introduction#découvrabilité), [indépendantes de l'état du réseau](/fr/docs/Web/Progressive_web_apps/Introduction#indépendance_du_réseau), et [sécurisées](/fr/docs/Web/Progressive_web_apps/Introduction#sécurité).
## Guides et autres documentations sur les PWA
Ces documents d'introduction et ces guides vous feront découvrir les différentes facettes de la construction d'une PWA :
- [Introduction aux applications web progressives](/fr/docs/Web/Progressive_web_apps/Introduction)
- [Structure d'une application web progressive](/fr/docs/Web/Progressive_web_apps/App_structure) et [aperçu structurel](/fr/docs/Web/Progressive_web_apps/Structural_overview)
- [Comprendre les briques de construction de la conception adaptative](/fr/docs/Learn/CSS/CSS_layout/Responsive_Design)
- [Le fonctionnement hors-ligne des PWA à l'aide des <i lang="en">service workers</i>](/fr/docs/Web/Progressive_web_apps/Offline_Service_workers)
- [Comment rendre une PWA installable](/fr/docs/Web/Progressive_web_apps/Installable_PWAs), [activer la fonctionnalité « ajouter à l'écran d'accueil »](/fr/docs/Web/Progressive_web_apps/Add_to_home_screen), et [plus de détails sur l'installation des PWA](/fr/docs/Web/Progressive_web_apps/Installing)
- [Comment utiliser les API Notifications et Push pour l'engagement](/fr/docs/Web/Progressive_web_apps/Re-engageable_Notifications_Push)
- [Comment activer le chargement progressif](/fr/docs/Web/Progressive_web_apps/Loading)
- [Comment construire des PWA pensées pour le mobile](/fr/docs/Web/Progressive_web_apps/Responsive/Mobile_first)
- [Utiliser les <i lang="en">service workers</i>](/fr/docs/Web/API/Service_Worker_API/Using_Service_Workers)
- [Utiliser le stockage côté client](/fr/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage), [IndexedDB](/fr/docs/Web/API/IndexedDB_API/Using_IndexedDB), et [l'API Web Storage](/fr/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API)
- [Utiliser l'API Notifications](/fr/docs/Web/API/Notifications_API/Using_the_Notifications_API) et [l'API Push](/fr/docs/Web/API/Push_API)
## Voir aussi
- [La page de présentation des PWA de Google (en anglais)](https://web.dev/progressive-web-apps/) et [une liste de bonnes pratiques (en anglais)](https://web.dev/pwa-checklist/) sur [web.dev (en anglais)](https://web.dev/)
- [Tout ce qu'il y a à savoir sur les PWA (en anglais)](https://www.csschopper.com/blog/progressive-web-apps-everything-you-need-to-know/)
- [Les PWA : sortir des onglets sans y laisser son âme (en anglais)](https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955#.6czgj0myh)
- [Chargement instantané des applications web avec une architecture de coquille d'application (en anglais)](https://developer.chrome.com/blog/app-shell/)
- [Workbox (en anglais)](https://developer.chrome.com/docs/workbox/), un ensemble de bibliothèques pour aider au développement d'une application web progressive de qualité
- [Lighthouse (en anglais)](https://developer.chrome.com/docs/lighthouse/overview/), une application web d'audit et qui inclut des fonctionnalités d'audit relatives aux PWA
- [`localForage` (en anglais)](https://localforage.github.io/localForage/), une bibliothèque de stockage asynchrone avec une API similaire à `localStorage` et qui permet d'améliorer l'ergonomie hors-ligne de votre PWA
{{QuickLinksWithSubpages("/fr/docs/Web/Progressive_web_apps/")}}