Créer des interfaces graphiques interactives avec jQuery UI

Jquery et Jquery UI

Jquery

Le Javascript est un langage très utilisé pour sa puissance mais également delaissé à cause de ses mauvais côtés comme sa complexité de mise en oeuvre. C'est pour cela que des frameworks favorisant des instructions simples, logiques, faciles à comprendre et à maintenir sont apparus. jQuery est l'un d'entre eux.

Son but principal comme sa devise l’indique est d’en écrire moins pour en faire plus

Comment ?

Grâce à diverses fonctionnalités comme :



Voici un petit exemple d'utilisation : J’ai pris l’exemple d’une fonction Javascript ici qui permet de faire apparaitre ou disparaitre un bloc selon sont état courant

Voila ce que je dois écrire sans Jquery :



Et Maintenant, si j’utilise Jquery, voici ce que je peux écrire :




Nous reviendrons plus tard sur la syntaxe de Jquery

Jquery UI : un plugin de Jquery

Et pour Jquery UI, et bien, c’est la même devise. On va pouvoir créer des interfaces sophistiqués avec très peu de lignes de code.
Jquery UI, comme je l’ai déjà dit est un module externe spécialisé dans les interfaces utilisateurs. C’est un complément à Jquery. On ne peut donc pas utiliser Jquery UI sans Jquery.

Alors comment cela s’articule : notre page web va utiliser les fonctions de Jquery UI et Jquery Ui va utiliser les fonctions de Jquery.Cela n’empeche pas notre page web d’acceder directement aux fonctions de Jquery.