Archives par mot-clef : jQuery

Hum, deux articles parlant du passé en moins de 2 mois. Je me fais vieux ou… ah non, c’est vrai, je bosse dans le web, c’est normal, les choses changent vite Bon alors, si vous ne l’avez pas encore lu, je vous invite à lire l’article de Dave Methvin annonçant jQuery 3.0 : http://blog.jquery.com/2014/10/29/jquery-3-0-the-next-generations/ Quelques « petits » changements, le terme est ironique. Alors on commence par l’adoption de SemVer (Semantic Versionning). Pour ceux qui ne connaissent pas, le principe est simple, on change de numéro à chaque changement de fonction, selon l’importance de la variation : Majeure.Mineure.Patch. Au delà de ce changement pas ridicule, on a aussi : Fin de la grille de compatibilité spécifique Jusque là, jQuery faisait cavalier seul pour déterminer quel navigateur était supporté par la 2.x, et lesquels par la 1.x. Pour rappel, la 1.x supporte encore les … Continuer la lecture

Cet article traînait dans les brouillons depuis un an. Je le publie aujourd’hui, mais il est possible que certaines choses soient passées d’actualité. Ne vous en formalisez pas svp. Il y a plus d’un an, je me suis sérieusement intéressé à Mocha, un framework de tests unitaires pour JavaScript. J’utilisais jusque là un mix entre node-unit et QUnit mais je n’étais pas satisfait pour de banales raisons personnelles du genre style de code ou inefficacité de QUnit. Alors Mocha, c’est là, pour démarrer. C’est un package node assez simple à installer : npm install -g mocha Il est très basique. C’est à dire que vous pouvez : suggérer un bloc de tests ; proposer un test ; créer une série d’assertions ; choisir l’outil d’assertions à utiliser ; choisir le type de rapports générés ; l’utiliser dans un navigateur ; … Continuer la lecture

Je réagis à un article que @_kud a relayé sur Twitter. L’article « Time to remove jQuery » a été écrit par Rogchap fin aôut. Dans cet article, Rogchap explique son souhait de quitter jQuery après l’avoir utilisé, beaucoup, presque à outrance, comme beaucoup d’entre nous. Maintenant il utilisé des micro-librairies pour remplacer jQuery dans les usages que requièrent ses projets. Je souhaitais réagir à son article plus loin que par un simple commentaire. Aussi parce que pendant longtemps comme vous le savez, j’ai tenu sur ce blog, une chronique jQuery et de nombreux articles autour de jQuery. Cet article me sert d’amorce au mien. Sur une sorte de ras le bol de cette mode de défoncer jQuery à la première occasion venue sur des arguments parfois quasi foireux. Parfois justifiés aussi. Un peu d’histoire jQuery a été créé par John Resig en … Continuer la lecture

Salut à tous ! Aujourd’hui, l’idée, c’est de vous aider à choisir vos plugins pour jQuery et faire le tri dans ce gigantesque fourre-tout. Critère 1 : Communauté Comme pour tous les systèmes de plugins, si le plugin n’est pas sur GitHub/BitBucket, c’est déjà mal barré. Si en plus il n’a que peu d’étoiles/forks, laissez tomber, ça veut dire que personne ne l’utilise. C’est qu’il y a sûrement une raison. Critère 2 : Peu voire pas de CSS Le style, ça se manipule avec le CSS, pas avec le JS. Énormément de plugins font juste des modifs de CSS (genre rendre votre site responsive, si si). Sortez vous les doigts des fesses et faites le avec la bonne chose, c’est à dire directement en CSS. En plus de bousillez inutilement vos performances, ces plugins font souvent très mal le travail. Critère 3 … Continuer la lecture

Vous venez ou allez lancer un service web ? C’est bien ! Qu’il soit intuitif c’est bien aussi. Mais prendre la peine d’expliquer à vos « clients » comment ils fonctionnent, c’est mieux ! Les outils suivants permettent de mettre en place une visite guidée de votre site. Vous placez plein de petites étapes ordonnées un peu partout assez facilement et voilà, votre visiteur est beaucoup plus en confiance. Peu importe votre framework CSS Un super outil qui ne gère malheureusement pas le multipage : IntroJS. Bootstrap Si, pour construire votre service, vous vous êtes basés sur Bootstrap, je vous recommande vivement l’usage d’un outil tel que Bootstrap Tour. Il gère le multipages et d’autres trucs cools. Je sais qu’il y a notamment aussi un plugin tiers pour Drupal. Foundation Le plugin jQuery Joyride est ce qu’il vous faut. Directement développé par les … Continuer la lecture

On m’a toujours dit que $("#test").hide().show(); // est moins rapide que $("#test").css('display', 'none').show(); Mais, ça m’embêtait un peu parce que hide n’est pas réellement un alias de display:none. Sauf que moi, je suis aussi un peu fainéant. J’aime bien hide parce que ça va plus vite écrire. Et surtout, ça donne pas un peu moins l’idée qu’on peut jouer directement avec les CSS dans du code JS. Après tout, à part pour quelques raisons pratiques quasi indéfendables, manipuler les styles via le JS plutôt que le CSS n’est pas une bonne idée. Autant ne pas y faire explicitement allusion. Du coup, j’ai fait un JS Perf. Je suis satisfait de voir que je vais pouvoir continuer de faire mon fainéant et utiliser hide(). Les résultats ici : http://jsperf.com/jquery-hide-or-display-none

Vous avez sûrement déjà croisé ce genre de code : (function($){ /*…*/ })(jQuery); Et vous vous êtes sûrement demandé pourquoi il y a jQuery en paramètre pour être du coup re-traduit en $. Qui pourtant vaut déjà $ dans les variables globales. La blague, c’est que de nombreux sagouins ont tendance à coller diverses choses dans leurs sites en plus de jQuery. Du genre du prototype ou encore du mootools. Ou d’autres bibliothèques qui exploitent le $. Donc par sécurité, passer jQuery en paramètre vous assure que dans le corps de la fonction ci-dessus, $, c’est bien jQuery et pas autre chose. C’est d’ailleurs aussi pour ça que vous croiserez des fois ça : (function($, undefined){ /*…*/ })(jQuery); Là c’est pour vous assurer que undefined vaut bien undefined. Si si, j’ai déjà vu des bachibouzouks surcharger undefined …

Une réalité du travail dans le monde du commerce, que ce soit « B2B » ou « B2C » (skills bullshit bingo et anglicismes de merde + 1), c’est que vous vous retrouvez en général vite à lier des partenariats et avoir besoin de collecter des infos depuis leurs média à eux. Dans mon cas, j’avais besoin d’échanger des données depuis d’autres sites, notamment pour prendre des demandes clients (affiliation). Hors nous connaissons tous la règle dite de Same Origin Policy Cette règle interdit tout échange via XHR sur un autre domaine que celui où est exécuté le script. Pour contrer ça, il existe JSONP, jQuery propose évidemment son exploitation. Tout comme ExtJS, Mootools, qooxdoo, … JSONP JSONP, ça veut dire tout simplement JSON Padding. Ou encore tout simplement, du JSON encapsulé. Comment ça marche ? C’est très simple. Au lieu d’aller charger du JSON, … Continuer la lecture

Ceux qui me suivent sur Twitter le savent déjà, je viens de lancer mon auto-entreprise. L’idée que je me suis fixé et de dispenser des formations JavaScript aux entreprises dans le cadre du DIF. Plus d’une fois en conférence, vous (peut-être, qui sait ?) êtes venus me demander si je faisais des formations sur plusieurs jours. Je répondais que non. La réponse est désormais : Oui ! Au programme, on aura donc diverses formations : JavaScript L’idée est de partir des bases du langage, l’approfondir, le comprendre. Découvrir des outils du quotidien du développeur JS, apprendre à déboguer le code et à le tester. Dans cette thématique seront abordés notamment les éléments suivants (ici en désordre) : GruntJS ; Mocha ; JSLint/JSHint ; Uglify ; JSPerf ; Chrome Dev Tools ; Firebug. jQuery Pour cette formation, je livre tout ce … Continuer la lecture

Mon ami Quentin m’a suggéré un autre bilan intéressant pour la chronique. Voilà aussi ce qu’elle était : 3 ans de veille ; 6000 visiteurs uniques par mois au plus fort ; 124 épisodes officiellement ; 130 officieusement, quelques petites erreurs de comptage ; environ 750 commentaires ; environ 1000 heures de travail ; environ 6 heures par semaine ; 50 semaines par an ; 1 compte premium Evernote. J’ai commencé la couverture un peu avant la version 1.5, on en est maintenant à la version 2.0.3. Des centaines de ressources agrégées sur Evernote et qui me permettent aujourd’hui donc de bénéficier d’une base documentaire complète sur jQuery à chaque fois que j’en ai besoin. Sans passer des heures à essayer de me souvenir, à fouiller sur mon WordPress ou à farfouiller Google. Et j’ai partagé avec vous chacun des carnets dédiés à … Continuer la lecture