Dans ce tuto en vidéo, je voudrais vous faire découvrir la librairie JavaScript nommée jQuery UI.
Il s'agit d'une librairie liée à la célèbre bibliothèque jQuery.
Qu'est-ce que la librairie jQuery UI ?
jQuery UI nous permet de réaliser très simplement des choses assez complexes !
Par exemple, il est tout à fait possible de créer un menu à onglets ou un menu en accordéon juste en appelant une simple méthode. C'est toute la force de jQuery UI !
Je précise qu'il est largement recommandé d'avoir quelques connaissances en jQuery pour pouvoir suivre ce tutoriel. Si tel n'est pas votre cas, je vous propose un tuto sur les bases du jQuery, avant de visualiser ce cours.
Au programme de ce tuto jQuery UI
Nous allons passer beaucoup de temps sur le site de jQuery UI afin de comprendre son fonctionnement, ainsi que les possibilités qu'il nous offre en terme de personnalisation.
Nous passerons essentiellement en revue les widgets les plus utilisés pour les sites Internet.
A la fin de ce tuto, la mise en place d'un menu hiérarchique, d'un menu accordéon ou alors d'un menu à onglets ainsi que d'autres widgets proposés par jQuery UI seront pour vous, une évidence !
Des fichiers de travail sont fournis. Je reste à votre disposition dans le salon d'entraide si vous avez des questions relatives à cette formation.
Un QCM est à votre disposition pour valider vos nouvelles compétences.
Bon tuto !
Table des matières de cette formation jQuery (durée : 1h51m)
-
Introduction
- Téléchargement de jQuery UI 00:03:24
- Listing des fichiers et des thèmes 00:08:20
- Mise en place des bases de travail 00:06:11
-
Widget Accordéon
- Comment créer un menu accordéon 00:09:53
- Modification du style 00:03:13
- Ajout d'option 00:04:01
- Modification des icones 00:07:03
- Modification des tailles en ligne 00:13:25
- API documentation 00:03:52
- Conclusion 00:03:26
-
Widget Onglet
- Comment créer un menu à onglets 00:10:19
- Les options pour les menus à onglets 00:06:34
-
Widget Menu
- Comment créer un menu 00:09:44
- Les options pour les menus 00:05:48
-
Quelques widgets sympas
- Le widget autocomplète 00:04:09
- Le widget dialogue 00:01:59
- Le widget datepicker 00:01:36
- Conclusion 00:08:04
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Super merci, vraiment simple comme d'habitude.
-
Excellent pour comprendre le fonctionnement de jQuery-ui et comment se servir de la documentation.Ce qui serait interessant a mon avis serait de pouvoir mettre en oeuvre ce qui a ete appris depuis la formation jquery dans un exemple pratique.Sinon tres bon tuto, merci encore! :)
-
Après avoir appris comment JQuery fonctionne ce tuto ne pose aucun problème de compréhension. Il très bien fait! merci.
-
Avec quelle version de logiciel ce tuto est-il compatible ?jQuery
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés