Bienvenue dans cette présentation interactive dédiée aux Progressive Web Apps (PWA) !
Ce projet utilise Reveal.js pour créer un diaporama captivant qui explique les principaux concepts des PWA.
Cette présentation a pour but de te faire découvrir les PWA de manière simple et ludique :
- Qu'est-ce qu'une PWA ?
- Pourquoi les utiliser ?
- Comment les développer ?
- Exemples concrets et limites à prendre en compte.
- HTML5 : pour la structure du contenu.
- CSS : pour le style et l’esthétique (thème Dracula et Monokai).
- Reveal.js : pour rendre la présentation interactive et dynamique.
- Plugins Reveal.js :
highlight.js
: pour la mise en valeur du code.notes.js
: pour afficher des notes pour les présentateurs.markdown.js
: pour le support du contenu Markdown.
-
🔍 Une PWA, c'est quoi ?
Découvre ce qu'est une PWA et comment elle combine les avantages d'un site web et d'une application native. -
🛠️ Les rouages secrets des PWA
Explore les éléments clés qui font fonctionner une PWA : Service Worker, Manifest et HTTPS. -
🌟 Pourquoi adopter une PWA ?
Les avantages pour les utilisateurs et développeurs. -
🎯 PWA en action
Des exemples de PWA célèbres comme Twitter Lite, Starbucks et Pinterest. -
⚠️ Les limites des PWA
Les défis actuels à surmonter et les limitations des PWA. -
✅ Critères d'installation
Les conditions nécessaires pour rendre une PWA installable sur un appareil.
- Clone ce dépôt :
git clone https://github.com/ton-repo/presentation-pwa.git cd presentation-pwa