Présentation de la formation Apprendre JavaScript Les fondamentaux
Présentation de JavaScript et de ses outils de développement
Les bases du langage JavaScript
Les Objets en JavaScript et le débogage
Modifier dynamiquement le HTML avec JavaScript
Factorisation et sécurisation en JavaScript
Détails de la leçon
Description de la leçon
Cette leçon vous guide pas à pas pour découvrir le débuggeur Javascript intégré au navigateur Google Chrome. Vous apprendrez à lancer la console Javascript et à utiliser ses fonctionnalités principales. La console permet non seulement d'afficher des messages de debugging, mais aussi de saisir du code Javascript. Vous découvrirez également comment examiner et manipuler le DOM et le CSS d'une page Web, et comment surveiller les requêtes réseau lors du chargement de la page.
Nous explorerons les onglets les plus importants, tels que Console, Éléments et Network. Chaque onglet offre des outils uniques pour faciliter le débugging. Par exemple, l'onglet Éléments vous permet de visualiser et d'interagir avec le HTML et le CSS de la page, tandis que l'onglet Network révèle toutes les requêtes réseau effectuées lors du chargement de la page.
Grâce à cette leçon, vous serez capable de diagnostiquer et de résoudre des problèmes dans votre code plus efficacement, ce qui est essentiel pour tout développeur web.
Objectifs de cette leçon
Comprendre l'usage de la console Javascript de Chrome, analyser le DOM et le CSS, surveiller les requêtes réseau et débuguer du code Javascript.
Prérequis pour cette leçon
Connaissances de base en HTML, CSS et Javascript. Navigation dans le navigateur Google Chrome.
Métiers concernés
Développement front-end, Débuggeur web, Ingénieur de test, Intégrateur web.
Alternatives et ressources
Utilisation de Firefox Developer Tools ou de l'outil F12 Developer Tools intégré à Microsoft Edge.
Questions & Réponses
Je m'abonne