jQuery vs jQuery Mobile vs jQuery UI?

97

Je suis nouveau dans le développement Web et il y a trop de trucs j * là-bas. Je me demande quelles sont les différences entre ces cadres?

De plus, pourquoi les gens parlent-ils beaucoup de créer un plugin en utilisant jQuery? N'est-ce pas censé être une bibliothèque JavaScript pour rendre votre page Web plus interactive?

Chan Le
la source
3
Non, c'est une question significative pour tout débutant comme moi (merci de poser la question et de ne pas la modifier)!
FredyWenger

Réponses:

196

jQuery est un framework JavaScript conçu pour permettre aux développeurs de littéralement «écrire moins, faire plus», les 3 différentes saveurs dont vous parlez font des choses très différentes.

Tout d'abord, jQuery est la bibliothèque principale qui contient la fonctionnalité principale du framework, donc si vous voulez faire apparaître un élément en fondu, vous incluriez jQuery sur votre page, puis appelez le fadeIn() fonction sur l'un de vos éléments.

L'interface utilisateur jQuery a été créée avec à l'esprit les éléments d'interface utilisateur et les interactions qui nécessitent généralement beaucoup de code pour être manipulés autrement. Ainsi, la bibliothèque contient des éléments tels que la possibilité de glisser-déposer des éléments et d'obtenir des informations utiles à partir de ces interactions. Mais en même temps, l'accent est mis sur l'aspect et la convivialité, par conséquent, il existe toutes sortes de thèmes disponibles pour styliser ces puissants éléments d'interface utilisateur dans cette bibliothèque.

jQuery mobile est un framework puissant construit sur jQuery et conçu spécifiquement pour les plates-formes mobiles - après toutes les fonctionnalités de choses comme le glisser-déposer doivent être repensées pour les écrans tactiles, tout comme les fonctionnalités de base telles que le «survol» qui ne le fait tout simplement pas existent sur mobile.

Tous ensemble, les frameworks peuvent être utilisés pour améliorer la convivialité d'un site et faire gagner beaucoup de temps aux développeurs. Pour en savoir plus sur le framework, visitez Learning jQuery - une excellente ressource pour commencer.

Les plugins permettent aux développeurs Web d'apporter la solution à leur problème et de la résumer en un seul bloc fonctionnel et indépendant (généralement dans un fichier séparé). Ils peuvent ensuite partager cela avec tout le monde afin de pouvoir faire de même. Donc, si quelqu'un crée une fonctionnalité de galerie pour un site qu'il a créé, créer un plugin lui permettrait de réutiliser facilement le code et d'aider d'autres personnes confrontées au même problème.

Tom Walters
la source
2
Si j'utilise jquery mobile, je devrai également utiliser jQuery? Je veux dire est-ce que jQuery mobile fournit toutes les fonctionnalités de jQuery (à l'exception des événements souris / clavier)?
Muhammad Qasim
4
@MuhammadQasim En effet, vous avez besoin du noyau jQuery, voir cette question .
Tom Walters
7
jQuery Mobile n'est pas construit sur jQueryUI. Vous pouvez facilement le voir lorsque vous comparez Object.keys($.fn)dans les deux cadres. Je ne sais pas si cela a été vrai dans le passé. Aujourd'hui, il peut y avoir certaines incompatibilités entre les deux.
user123444555621
3
Pour les nouveaux visiteurs, jQuery UI n'est toujours pas tout à fait à la hauteur pour le développement mobile, mais il existe une aide merveilleuse qui le rend ainsi: touchpunch.furf.com
silencieux