Introduction aux Outils Essentiels
Objectifs
Les objectifs de cette vidéo sont de vous familiariser avec les outils de développement jQuery, notamment les éditeurs de texte, les navigateurs, et l'extension Firebug, et de vous montrer comment les utiliser pour diagnostiquer et corriger les erreurs de code rapidement.
Résumé
Cette leçon explore les outils indispensables pour le développement en jQuery, incluant les éditeurs de texte, navigateurs et extensions comme Firebug.
Description
Pour développer efficacement en jQuery, il est essentiel de disposer des bons outils. D'abord, un éditeur de texte pour éditer vos fichiers HTML et JavaScript. Ensuite, vous aurez besoin d'un navigateur pour consulter les résultats. Dans cette présentation, nous utiliserons Firefox, équipé de l'extension Firebug.
Firebug permet de diagnostiquer les messages d'erreur JavaScript, d'explorer le document, et de modifier les fichiers HTML et CSS en direct. Vous pouvez ouvrir Firebug par un simple clic sur son icône ou en appuyant sur F12.
Différents onglets vous aideront à inspecter et ajuster le code : console JavaScript, HTML, CSS, et autres. De plus, vous pourrez directement écrire et tester du code JavaScript et explorer les propriétés des éléments HTML.
L'onglet CSS vous permettra de récupérer et de modifier les feuilles de style en temps réel. Enfin, l'inspecteur de documents permettra d'explorer les éléments composant la page via la souris, utile pour tout développeur souhaitant optimiser et corriger ses scripts rapidement.