Dans ce cours en vidéo nous allons apprendre à maîtriser la Console de votre navigateur Internet et tous les outils que nous propose celle-ci.
Trop de développeurs se contentent d'utiliser l'onglet "Console", alors que cette boîte à outils regorge de fonctionnalités, notamment dans les autres panneaux.
Ce que permet la console pour un développeur et pourquoi vous devez l'utiliser grâce à ce tuto :
- Inspecter le DOM de notre site,
- Debugger notre JavaScript,
- Changer le CSS à la volée,
- Améliorer les performances de nos sites (et donc la qualité de votre référencement naturel)
- S'occuper de la Mémoire de nos fichiers,
- Faire un Audit complet d'un site, avec des tas de conseils et de bonne pratiques à la clé,
- Gérer le réseau et voir le poids de chaque images, fichiers, médias,
- Et bien d'autres choses encore !
Je reste disponible pour répondre à vos éventuelles questions sur les outils dev de votre navigateur web préféré, dans le salon d'entraide de cette formation.
On se donne rendez-vous de l'autre côté !
Table des matières de cette formation Performance, JavaScript, CSS, Referencement SEO (durée : 1h35m)
-
- Introduction gratuit 00:01:16
- Vue d'ensemble : Qu'est ce que la console ? gratuit 00:06:19
- Code source 00:01:00
- Découverte des méthodes liées à la Console 00:09:11
- Explication des icônes 00:07:35
- Panneau Elements 00:08:18
- Mode Responsive 00:04:56
- Panneau Network 00:07:27
- Sources et Debug 00:09:26
- Faire un Audit 00:15:08
- Panneau "Memory" 00:04:31
- Le "Console Drawer" 00:05:02
- Les fonctionnalités du Drawer 00:05:54
- Application 00:04:56
- Et Firefox dans tout ça ? 00:04:18
- Fichiers sourcestélécharger
- Certificat
Formateur : Enzo Ustariz
-
Super formation ! je ne savais pas comment utiliser cette console maintenant je vais pouvoir passer mon site à la moulinette :) Et surtout j'ai appris comment faire les settings de liveserver et donc de toutes les extensions sur vscode. un grand merci bernard
-
J'ai découverts cette formation par hazard, à la suite de tri par auteur de tuto, et j'ai appris beaucoup de choses. Je dirais presque, c'est une absolue nécessité de la suivre avant de faire de la programmation Web. Je pensais connaitre la console, mais en fait pas vraiment... Merci une nouvelle fois pour cette formation fort utile.
-
Cours très clair, qui va à l'essentiel !
-
Avec quelles versions de logiciels ce tuto est-il compatible ?Performance , JavaScript , CSS
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés