Le Blog

Le blog laboratoire de F.L.D. Studio
0

jQuery or not jQuery

Vanilla JS

jQuery ou Vanilla JS

jQuery c'est formidable ! Du JavaScript cross browser, des instructions intuitives, le chainage permettant une écriture concise (do more, write less), la quantité de plugin impressionante autour de la librairie ( la liste officielle ) ... la somme des atouts est bien supérieur à l'inconvenient de son poids.

La plupart du temps l'usage de jQuery est incontournable surtout pour utiliser des plugins type slider que l'on retrouve dans de nombreux sites Internet.

Ceci dit il est n'est parfois pas raisonnable de l'utiliser pour réaliser de petites opérations la ou le JavaScript natif reste et restera toujours plus rapide. Si on peux se passer de jQuery, il FAUT se passer de jQuery.

No jQuery

Quelques sites pour nous aider :

La bible : https://developer.mozilla.org/en-US/docs/Web/JavaScript

Les bases (Français) : http://jean.yard.pagesperso-orange.fr/sitelycee/cours/js/_Js.html

En français : https://github.com/oneuijs/You-Dont-Need-jQuery/blob/master/README-fr.md issu de https://github.com/shaundunne/you-dont-need

Un tip par jour : https://github.com/loverajoel/jstips

Un article de fond : http://gomakethings.com/ditching-jquery/

Un article très demistificateur sur les fonctions anonymes auto-appelantes : http://sametmax.com/la-fonction-anonyme-appelee-immediatement-en-javascript-function/

Un site avec beaucoup d'Angular mais pas que, de haut niveau : http://toddmotto.com/

Exemple : http://toddmotto.com/what-function-window-document-undefined-iife-really-means/

Pattern de déclaration  : http://callmenick.com/post/instantiation-patterns-in-javascript

voir aussi : http://www.ryanatkinson.io/javascript-instantiation-patterns/

Programmation objet en JS : http://callmenick.com/post/javascript-objects-building-javascript-component-part-1

ES6 pour les humain : https://github.com/metagrover/ES6-for-humans

Charger son JS : https://css-tricks.com/case-study-boosting-front-end-performance/?utm_source=codropscollective

With jQuery

Si vraiment on ne peux faire autrement ou parce que jQuery est déjà dans le projet alors autant l'utiliser :

Si la problématique est de cibler plusieurs navigateurs est que l'on n'utilise jQuery que pour la puissance et la simplicité de ses sélecteurs, on peut aussi utiliser sizzle.js qui est le moteur de sélecteur CSS de jQuery et qui peut être executé de façon autonome. Sinon tester zepto.

Commentaires: Pas de commentaires

Envoyer un commentaire