cd slides
npm install
npm run build
npm run start
cd slides
docker-compose up --build -d
Puis ouvrir l'adresse suivante dans un navigateur : http://localhost:8000/
Alternativement, le contenu est lisible dans le fichier markdown.md (le mode aperçu de Visual Studio code permet de le lire aisément).
| Répertoire | Contenu |
|---|---|
data |
Les ressources utilisées dans la suite de la formation |
tradino |
Un template à trous servant de base pour nos exercices |
Le contenu du dossier tradino diffère en fonction de la branche git dans laquelle vous vous trouvez :
| Branche | Contenu du template à trous |
|---|---|
01-content-script |
Trois extensions de base permettant de manipuler le contenu des pages web visitées. Il faut pour cela cliquer sur l'icône de l'extension dans le navigateur, ou autoriser l'extension à modifier toutes les pages visitées |
02-service-worker |
L'extension tradino modifiée avec un service worker qui charge les ressources depuis un fichier JSON et répond aux demandes du content script |
03-browser-action |
Idem avec l'ajout d'une popup qui propose plusieurs action de remplacement lorsque l'utilisateur clique sur l'icône de l'extension |
04-storage |
Idem, et le content script stocke ses statistiques de remplacement dans le local storage de l'extension |
05-options-page |
Ajout d'une page de configuration de l'extension, qui affiche toutes les statistiques de remplacement à partir du local storage |
06-solution |
La solution complète, fonctionne sans aucune action supplémentaire |