Les Progressive Web Apps (PWA)

MDN:

https://developer.mozilla.org/fr/docs/Web/Progressive_web_apps

YouTube:

Présentation
- Comment coder une Progressive Wep App (PWA)
PlayList
- Progressive Web Apps (PWA)
  - Dépôt GitHub : https://github.com/codeconcept/pwa_veilletechno ⇒ démarrer du premier commit.

Service Worker

index.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>

main.js

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));
}

sw.js

sw.js

console.log("Bonjour du Service Worker :-)");

Cramnurbel

Panneau latéral

Plan du Site:

Table des matières

Les Progressive Web Apps (PWA)

Service Worker

index.html

main.js

sw.js

Cramnurbel

Outils pour utilisateurs

Outils du site

Panneau latéral

Plan du Site:

Table des matières

Les Progressive Web Apps (PWA)

Service Worker

index.html

main.js

sw.js

Outils de la page