Que penser du #JQuery et JQuery UI ?
Au sommaire :
  1. JQuery vu de plus prêt
  2. Qu'est ce que JQuery UI?
  3. Que penser de ce langage ?
  4. Des conseils ?

Le Javascript est un langage de programmation, utilisé dans les pages web interactives, très répendu dans le monde du pure web (coté client) et comme dans d’autres développements. Mais, soyons honnête, il est connu surtout pour son coté imbitable et inmaintenable.
Mais avez-vous entendu parlé de JQuery ? et JQuery UI ? Que penser de ces langages ?

Si vous êtes blogueur et curieux vis à vis de la technique, vous avez du déjà voir cette librairie trainée dans vos répertoires javascript (répertoire js) ou dans certains plugins.

JQuery est l’un des derniers frameworks de Javascript, il a été développé afin de rendre le développement lié à javascript plus simple, plus efficace et plus complet. Ce framework est couplé à JQuery UI qui touche aux composants graphiques afin d’améliorer et de créer des effets graphiques que javascript ne supportait pas (drag and drop, slider..).

JQuery vu de plus prêt

JQuery, c’est juste une librairie de plus à ajouter dans sa page :
<script type="text/javascript" src="jquery.js"> <script> 

Jusque là tout va bien ! 😉


Les éléments des pages sont générés dynamiquement (HTML/CSS) et la synthaxe lourde de javascript s’efface au profil d’un langage objet un peu plus lisible. Comme tout langage objet : il faut créer l’objet Jquery puis lui faire appeler des méthodes, vous pouvez faire des boucles, tableau.. Cela ne semble guère difficile.. Et pourtant, méfiez vous, car il peut devenir très vite très difficile à comprendre. Il y a un système de racourci$” représente l’objet Jquery, “$()“, le constructeur/fonction query()

L’objet de classe JQuery retourné par la fonction sert à sélectionner des éléments HTML de la page et pourront être modifiable facilement (modification de valeur comme de css).

jquery_exemple

Jquery peut être couplé à Ajax sur un serveur php afin de ne pas recharger entièrement une page.

Néanmoins, de plus en plus de plugin (plugin de wordpress par exemple) utilisent JQuery mais chacun utilise sa propre redéfinition de bibliothèque, ainsi, il n’est pas rare de voir des conflits de plugin.

Qu’est ce que JQuery UI?

JQuery UI est un ensemble de plugin de JQuery, permettant d’ajouter de nouvelles fonctionnalités à la bibliothèque de base de JQuery. Vous pourrez ajouter :
– des menus en accordéon
– un mécanisme d’autocomplétion pour les champs de saisie
– des boutons et cases à cocher plus sympathiques
– un mécanisme d’onglet simple d’utilisation
– des icones personnalisées
– des sliders
– la gestion de calendrier
– des drag and drop
– des barres de progression…

Que penser de ce langage ?

Sur papier, il semble relativement simple à comprendre et à écrire.

Si vous partez de zéro, utilisez de préférence JQuery où vous allez gagner beaucoup de temps dans la création de page dynamique web.

Par contre, si vous devez relire et réécrire différemment du code JQuery, bon courage (surtout si le code est minifié) ! !

Des conseils ?

Ainsi, pour comprendre ce langage, voici les conseils que je pourrai vous donner :
– indenter correctement votre code (attention, à ne pas le minifier(minifier/compresser : permettant de réduire le poids de vos fichiers js en supprimant tous les caractères du fichier inutile),en tout cas, pas tant que tout son dev n’est pas fini !)
– comprendre certaines bases du langage objet
– vous munir d’un bon bouquin. Je vous recommande ce livre : “JQuery 1.7 & JQuery UI” d’Eric Sarrion aux éditions Eyrolles.

jquery 1.7 et JQuery UI aux éditions Eyrolles

Et si vous souhaitez l’acheter, c’est possible ici :

A vous de jouer maintenant 🙂

Que penser du #JQuery et JQuery UI ?
Rate this post

Pin It
 

ABONNEZ-VOUS

 

18 commentaires

  1. Pingback: Charles - PressMyWeb

  2. Pingback: Anonyme

  3. Pingback: Anonyme

  4. Pingback: Anonyme

  5. Pingback: Anonyme

  6. Pingback: Anonyme

  7. Pingback: Charles - PressMyWeb

  8. Pingback: Charles - PressMyWeb

  9. Pingback: RADAGA Proc. Dados

  10. Pingback: voyellefr

  11. Pingback: voyellefr

  12. Pingback: voyellefr

  13. Pingback: voyellefr

  14. Pingback: voyellefr

  15. Pingback: s3m

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *