Les Outils Nécessaires pour Développer en jQuery
Cette leçon explore les outils indispensables pour le développement en jQuery, incluant les éditeurs de texte, navigateurs et extensions comme Firebug.
Introduction
Principes de base
Mise en oeuvre de Javascript et jQuery
Sélecteurs en jQuery
Evénements
HTML et jQuery
CSS et jQuery
Dimensions et positionnement
DOM (Document Object Model)







Animations et Effets
Parcours
Mise en application
Ecriture de plugins
Mise en application de plugins
Pour aller plus loin (utilisation concrète de plug





Ajax







Conclusion
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Les prérequis pour suivre cette vidéo incluent une connaissance de base en HTML, CSS, et JavaScript.
Métiers concernés
Les compétences acquises grâce à cette leçon peuvent être appliquées dans plusieurs domaines professionnels tels que développeur front-end, webmaster, et ingénieur en développement web.
Alternatives et ressources
Comme alternatives à Firebug, vous pouvez utiliser des extensions similaires pour Chrome (Developer Tools), Opera (Dragonfly), et Internet Explorer (F12 Developer Tools).
Questions & Réponses
