jQuery - 1 Bien démarrer avec jQuery
Avant d'écrire du code jQuery, il faut préparer son environnement de travail. Cette leçon présente un éditeur de code, Visual Studio Code, et son extension Live Server. Elle montre aussi quelques effets que jQuery permet d'obtenir sur une page.
Choisir un éditeur de code
Pour écrire du HTML, du CSS et du JavaScript, il faut un éditeur de texte adapté. Le formateur utilise Visual Studio Code, mais Sublime Text convient aussi pour suivre le cours.
Visual Studio Code colore la syntaxe des balises HTML et propose de nombreuses extensions. Il se télécharge depuis le site officiel de l'éditeur.
Afficher une page avec Live Server
L'extension Live Server ouvre une page HTML dans le navigateur à partir de l'éditeur. Le bouton Go Live lance ce serveur local.
Après une modification du code, la touche F5 rafraîchit la page pour afficher le nouveau contenu.
Un aperçu des effets de jQuery
La démonstration montre des boîtes qui apparaissent et disparaissent, dont l'opacité change ou qui clignotent. Ces effets sont simples, mais ils donnent une première idée des possibilités.
jQuery permet aussi de faire glisser des éléments vers le haut ou vers le bas, de les faire rebondir ou de les décaler de gauche à droite. La leçon suivante montre comment mettre en place le code jQuery.
En résumé
Pour travailler avec jQuery, il faut un éditeur de code et un serveur local simple. Visual Studio Code, avec Live Server, permet de voir le résultat en quelques clics. Les animations sont l'un des atouts principaux de jQuery. La leçon suivante aborde la mise en place du code.
Points clés
- Visual Studio Code est l'éditeur présenté, et Sublime Text convient aussi.
- L'extension Live Server affiche la page HTML dans le navigateur depuis l'éditeur.
- La touche F5 rafraîchit la page pour voir les modifications.
- jQuery permet de faire apparaître, disparaître et animer des éléments.
- Les effets présentés sont le changement d'opacité, le clignotement, le glissement et le rebond.
Questions fréquentes
Faut-il absolument utiliser Visual Studio Code ?
Non. Le formateur le recommande, mais Sublime Text fonctionne aussi pour suivre les leçons.
À quoi sert l'extension Live Server ?
Elle lance un serveur local qui affiche la page HTML dans le navigateur, directement depuis l'éditeur.
Que faut-il préparer avant de commencer jQuery ?
Le formateur présente un éditeur de code et l'extension Live Server comme prérequis pour commencer.