Introduction à JQuery UI
JQuery UI est un plugin très connu comportant de nombreux widgets, animations et thèmes, mais il peut être assez lourd.
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
JQuery UI est un plugin extrêmement populaire qui est souvent utilisé pour enrichir les pages web avec divers widgets et animations. Il propose une large gamme de composants incluant des formulaires et des éléments interactifs tels que des accordéons et des onglets. Il offre également de nombreux thèmes et feuilles de style, et garantit une bonne compatibilité avec les navigateurs pris en charge par JQuery.
Un des principaux inconvénients de JQuery UI est sa taille. Lorsque vous téléchargez la bibliothèque complète, elle peut être relativement lourde. Cependant, il est possible de télécharger uniquement les composants nécessaires à votre projet, ce qui peut considérablement alléger le poids de la bibliothèque sur votre site.
Un autre atout important de JQuery UI est sa documentation complète. Le site officiel propose de nombreux exemples d’utilisation, ainsi qu’une sélection de thèmes. En téléchargeant les exemples, vous pourrez adapter ces derniers au thème de votre choix. Chaque plugin nécessite une configuration particulière de la structure HTML, qu’il est essentiel de respecter afin de garantir le bon fonctionnement des widgets.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Comprendre les fonctionnalités principales de JQuery UI
- Être capable d’installer et configurer différents composants
- Apprendre à optimiser la taille des fichiers en téléchargeant uniquement les composants nécessaires
Prérequis pour cette leçon
Pour suivre cette vidéo, il est nécessaire de :
- Avoir des connaissances de base en programmation web
- Connaître le fonctionnement de JQuery
Métiers concernés
Les professionnels qui pourraient utiliser JQuery UI incluent :
- Développeurs web
- Designers d'interfaces utilisateur
- Chefs de projet en développement web
Alternatives et ressources
Les alternatives à JQuery UI incluent :
- Bootstrap, pour les composants et les styles
- Foundation, un autre framework de front-end
- React et ses suites de composants UI
Questions & Réponses
