Créateur de thèmes WordPress :: Formateur :: Web Designer

Web Designer :: maîtriser l’inspecteur de Google Chrome

Publié le : 

Modifié le : 

Par : 

Autres tutoriels sur le sujet

J’ai découvert très récemment cet ensemble de tutoriels vidéo en ligne pour maîtriser l’inspecteur Web de Google Chrome: Discover DevTools. D’après ce que j’ai pu voir, cette série est sortie en mars.

Présentation

Paul Irish, le créateur et acteur dans de nombreux outils en ligne comme Modernizr, CSS3 Please, HTML5 Boilerplate fait une présentation sommaire de cette initiative: maîtriser l’inspecteur Web de Chrome pour aller plus dans la productivité et l’optimisation des ses pages web.

Capture: Maitriser l'inspecteur Web de Google Chrome

Dans ces tutoriaux avec une difficulté allant croissante seront abordés:

  • Niveau 1: Maîtrise du DOM et des styles
  • Niveau 2: DOM avancé et styles
  • Niveau 3: Travailler avec la console
  • Niveau 4: Débogguer le JavaScript
  • Niveau 5: Améliorer les performances du réseau
  • Niveau 6: Améliorer les performances
  • Niveau 7: Gérer la mémoire

Process

À chaque fois pour chaque étape, le process est le même. Une vidéo est suivie par un exercice à réaliser en direct dans l’inspecteur. La validation est instantanée. C’est bluffant.

Capture: Pratique dans l'inpecteur Web et correction simultanée