Outils pour utilisateurs
javascript:progressive_web_app
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente | |||
|
javascript:progressive_web_app [2024/03/22 04:43] marclebrun supprimée |
— (Version actuelle) | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | ====== Les Progressive Web Apps (PWA) ====== | ||
| - | |||
| - | MDN: | ||
| - | * [[https://developer.mozilla.org/fr/docs/Web/Progressive_web_apps]] | ||
| - | |||
| - | YouTube: | ||
| - | * Présentation | ||
| - | * [[https://www.youtube.com/watch?v=i9xq4aJLA2I|Comment coder une Progressive Wep App (PWA)]] | ||
| - | * PlayList | ||
| - | * [[https://www.youtube.com/playlist?list=PLs_WqGRq69UjvtIJ9qhMSL1WfxCFw2nB4|Progressive Web Apps (PWA)]] | ||
| - | * Dépôt GitHub : [[https://github.com/codeconcept/pwa_veilletechno]] => démarrer du premier **commit**. | ||
| - | |||
| - | ===== Service Worker ===== | ||
| - | |||
| - | ==== index.html ==== | ||
| - | |||
| - | <code html index.html> | ||
| - | <!DOCTYPE html> | ||
| - | <html lang="en"> | ||
| - | <head> | ||
| - | <meta charset="UTF-8"> | ||
| - | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| - | <title>PWA Test 1</title> | ||
| - | </head> | ||
| - | <body> | ||
| - | <h1>Progressive Web Apps - Test 1</h1> | ||
| - | |||
| - | <script src="main.js"></script> | ||
| - | </body> | ||
| - | </html> | ||
| - | </code> | ||
| - | |||
| - | ==== main.js ==== | ||
| - | |||
| - | <code javascript main.js> | ||
| - | console.log("Bonjour !!!"); | ||
| - | |||
| - | // Enregistrement d'un Service Worker | ||
| - | if(navigator.serviceWorker) { | ||
| - | navigator.serviceWorker | ||
| - | .register('sw.js') | ||
| - | .catch(err => console.error('Service worker NON enregistré', err)); | ||
| - | } | ||
| - | </code> | ||
| - | |||
| - | ==== sw.js ==== | ||
| - | |||
| - | <code javascript sw.js> | ||
| - | console.log("Bonjour du Service Worker :-)"); | ||
| - | </code> | ||
javascript/progressive_web_app.1711082625.txt.gz · Dernière modification: 2024/03/22 04:43 par marclebrun
Outils de la page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
