sfeir-open-source · geromegrignon · Jul 28, 2020 · Jul 6, 2020 · Jul 6, 2020 · Jul 7, 2020
diff --git a/docs/assets/images/chrome_devtools.png b/docs/assets/images/chrome_devtools.png
diff --git a/docs/assets/images/firefox_devtools.png b/docs/assets/images/firefox_devtools.png
diff --git a/docs/assets/images/safari_devtools.png b/docs/assets/images/safari_devtools.png
diff --git a/docs/assets/images/safari_devtools_1.png b/docs/assets/images/safari_devtools_1.png
diff --git a/docs/assets/images/safari_devtools_2.png b/docs/assets/images/safari_devtools_2.png
diff --git a/docs/markdown/01-intro/04-outils.md b/docs/markdown/01-intro/04-outils.md
diff --git a/docs/markdown/01-intro/06-fil-rouge.md b/docs/markdown/01-intro/06-fil-rouge.md
@@ -0,0 +1,45 @@
+<!-- .slide: class="transition bg-red" -->
+
+# Fil rouge
+
+##==##
+
+<!-- .slide: class="two-column-layout" -->
+
+# Lighthouse
+
+##--##
+
+<br><br>
+
+![center](assets/images/lighthouse.png)
+
+##--##
+
+<!-- .slide: class="with-code" -->
+
+<br><br><br>
+
+Chrome Devtools :
+
+Lighthouse => "Generate report"
+<br><br>
+
+CLI:
+
+```shell
+npx lighthouse http://localhost:8080/ --view
+```
+
+<!-- .element: class="big-code" -->
+
+Notes:
+Lighthouse, which you'll learn more about, has tools from the app and from the command line to help check security.
+
+--chrome-flags=”no-sandbox” pour linux
+
+##==##
+
+# Rapport lighthouse
+
+![center h-900](assets/images/lighthouse-pwa.png)
diff --git a/docs/markdown/01-intro/06-intro-secu.md b/docs/markdown/01-intro/06-intro-secu.md
diff --git a/docs/markdown/02-serviceworkers/06-outils.md b/docs/markdown/02-serviceworkers/06-outils.md
@@ -0,0 +1,35 @@
+<!-- .slide: class="transition bg-blue" -->
+
+# Outils
+
+##==##
+
+# Chrome Devtools
+
+![center h-800](assets/images/chrome_devtools.png)
+
+##==##
+
+# Firefox Devtools
+
+Saisir _about:debugging_ dans l'url d'un nouvel onglet
+
+![center h-500](assets/images/firefox_devtools.png)
+
+##==##
+
+# Safari Devtools
+
+Cliquer sur _Preferences_ / _Advanced_ et cocher l'option 'Show Develop menu in menu bar'
+
+Cliquer sur _Develop_ / _Service workers_ / _http://localhost:8080_
+
+![center h-400](assets/images/safari_devtools.png)
+
+##==##
+
+# En savoir plus sur les devtools ?
+
+Documentation Developpers Google
+
+https://developers.google.com/web/ilt/pwa/tools-for-pwa-developers
diff --git a/...arkdown/02-serviceworkers/06-no-window.md → ...arkdown/02-serviceworkers/07-no-window.md b/...arkdown/02-serviceworkers/06-no-window.md → ...arkdown/02-serviceworkers/07-no-window.md
diff --git a/...down/02-serviceworkers/07-events-intro.md → ...down/02-serviceworkers/08-events-intro.md b/...down/02-serviceworkers/07-events-intro.md → ...down/02-serviceworkers/08-events-intro.md
diff --git a/...n/02-serviceworkers/08-lifecycle-intro.md → ...n/02-serviceworkers/09-lifecycle-intro.md b/...n/02-serviceworkers/08-lifecycle-intro.md → ...n/02-serviceworkers/09-lifecycle-intro.md
diff --git a/...2-serviceworkers/09-lifecycle-exercice.md → ...2-serviceworkers/10-lifecycle-exercice.md b/...2-serviceworkers/09-lifecycle-exercice.md → ...2-serviceworkers/10-lifecycle-exercice.md
diff --git a/...viceworkers/10-control-lifecycle-intro.md → ...viceworkers/11-control-lifecycle-intro.md b/...viceworkers/10-control-lifecycle-intro.md → ...viceworkers/11-control-lifecycle-intro.md
diff --git a/...eworkers/11-control-lifecycle-exercice.md → ...eworkers/12-control-lifecycle-exercice.md b/...eworkers/11-control-lifecycle-exercice.md → ...eworkers/12-control-lifecycle-exercice.md
diff --git a/...n/02-serviceworkers/12-fetch-api-intro.md → ...n/02-serviceworkers/13-fetch-api-intro.md b/...n/02-serviceworkers/12-fetch-api-intro.md → ...n/02-serviceworkers/13-fetch-api-intro.md
diff --git a/...2-serviceworkers/13-fetch-api-exercice.md → ...2-serviceworkers/14-fetch-api-exercice.md b/...2-serviceworkers/13-fetch-api-exercice.md → ...2-serviceworkers/14-fetch-api-exercice.md
diff --git a/docs/scripts/slides.js b/docs/scripts/slides.js
@@ -8,9 +8,8 @@ function introSlides() {
     '01-intro/01-contexte.md',
     '01-intro/02-definition.md',
     '01-intro/03-FIRE.md',
-    '01-intro/04-outils.md',
     '01-intro/05-webapp.md',
-    '01-intro/06-intro-secu.md'
+    '01-intro/06-fil-rouge.md'
   ];
 }
 
@@ -23,18 +22,20 @@ function serviceWorkersSlides() {
     '02-serviceworkers/03-recap-promise.md',
     '02-serviceworkers/04-recap-function.md',
     '02-serviceworkers/05-exercice.md',
-    '02-serviceworkers/06-no-window.md',
+    /* tooling */
+    '02-serviceworkers/06-outils.md',
+    '02-serviceworkers/07-no-window.md',
     /* events */
-    '02-serviceworkers/07-events-intro.md',
+    '02-serviceworkers/08-events-intro.md',
     /* lifecycle */
-    '02-serviceworkers/08-lifecycle-intro.md',
-    '02-serviceworkers/09-lifecycle-exercice.md',
+    '02-serviceworkers/09-lifecycle-intro.md',
+    '02-serviceworkers/10-lifecycle-exercice.md',
     /* control-lifecycle */
-    '02-serviceworkers/10-control-lifecycle-intro.md',
-    '02-serviceworkers/11-control-lifecycle-exercice.md',
+    '02-serviceworkers/11-control-lifecycle-intro.md',
+    '02-serviceworkers/12-control-lifecycle-exercice.md',
     /*  fetch-api */
-    '02-serviceworkers/12-fetch-api-intro.md',
-    '02-serviceworkers/13-fetch-api-exercice.md'
+    '02-serviceworkers/13-fetch-api-intro.md',
+    '02-serviceworkers/14-fetch-api-exercice.md'
   ];
 }