Comme promis dans le billet précédent, voici le communiqué de presse officiel pour la session 2013 de la Web-5 :

L’association Web-5 est une association à but non lucratif.

Dans le cadre de nos activités, nous organisons une conférence annuelle sur les nouvelles technologies du Web (front-end et back-end).
Notre premier évènement (http://conf2012.web-5.org) a été un franc succès. Nous avons été épaulés par des acteurs majeurs du développement Web tels que IBM, Mozilla, Zenexity, Wakanda, GitHub… et sommes parvenus à rassembler environ 120 personnes de 16 nationalités différentes !

Les sessions de la conférence se sont étalées sur 3 jours : 5 demi-journées de conférences et une d’atelier.
22 conférenciers ont pris la parole ce qui représente environ 20 heures de contenus d’un haut niveau d’expertise technique avec comme intervenants des personnalités telles que Robert Nyman, Michal Budzinsky et Sam Foster de la Fondation Mozilla, Christophe Jolif et Patrick Ruzand d’IBM, Philip Tellis (ex) Yahoo, Dylan Schiemann le co-fondateur de Dojo Toolkit et bien d’autres !

Cette année, la conférence Web-5 revient avec des sujets encore plus variés. Touchant aux problématiques rencontrées par les développeurs, administrateurs systèmes, architectes, designers, etc. dans leur travail quotidien.
Résolument technique, la conférence Web-5 proposera une nouvelle fois des talks de niveau expert, dédiés aux professionnels.
Cette fois nous proposons un format deux tracks, une session front-end (JavaScript, design, HTML5, real-time, accessibilité, testing, etc) et une session back-end (databases nosql, php, python, administration et monitoring, performance, etc).
Deux journées intenses qui, nous l’espérons, apporteront de nouvelles idées aux participants, ou confirmeront des choix techniques délicats grâce à l’expertise et l’expérience des speakers qu’ils pourront écouter et rencontrer.

Parce qu’il nous tient à coeur de démocratiser la technique et le savoir, nous avons travaillé avec nos partenaires afin de réduire au maximum le prix du ticket d’entrée. Permettant ainsi aux TPE-PME, aux freelancers, voire aux étudiants, de participer à cet événement qui, nous en sommes convaincus, sera enrichissant pour tous.

Pour plus d’information, vous pouvez consulter le site officiel : http://conf2013.web-5.org
Vous pouvez aussi nous suivre sur twitter : @web5_conf.

Rendez-vous les 14 et 15 Juin 2013 à Béziers pour la deuxième édition de la conférence Web-5 !

Salut à tous ! On est un jour férié ? Tant pis pour vous

Mon ami François Germain a pondu un plugin permettant de récupérer une donnée : valeur d’un champ, valeur d’un attribut (y compris les data-attributs). Et ceci, directement depuis le sélecteur. Je n’aime pas trop l’idée parce que ça ne tient pas compte des questions de performance ni de l’idéologie de jQuery. Ceci dit, pourquoi pas.

Souvent on vous dit de ne pas utiliser jQuery quand vous n’en avez pas besoin. Rien ne vous interdit cependant de commencer à développer avec puis de retirer ensuite si vous pensez que ça n’était pas nécessaire. Pour ça, il existe désormais aussi un plugin qui s’appelle jQuery Functions Finder. Entre autres raisons, ça vous permet aussi de savoir quelles fonctions vous utilisez dans le core.

Et je termine en beauté en parlant gouvernements. J’ai bien mis un « S » à la fin. Est-ce que certains d’entre vous ont déjà rempli leur déclaration d’impôts sur le revenu cette année ? En passant par l’appli mobile qui vous permet de flasher le tag en bas du premier feuillet. Je ne sais pas si vous avez remarqué mais cette application est basée sur jQuery Mobile.

Autre actualité gouvernementale, qui concerne le Canada ce coup ci. Il ont publié récemment un kit complet pour la création facilitée de sites « hyper-accessibles ». Dans ce kit, il y a la partie mobile. Et c’est encore jQuery Mobile qui est à l’honneur.

Retrouvez toutes ces ressources sur le carnet Evernote dédié.

Salut à tous ! Ça roule ? Bon alors aujourd’hui, je vous annonce ma présence à la prochaine Web-5 à Béziers.

OK ça c’est bien gentil mais pourquoi aller à l’autre bout de la France ? Parce que j’y suis invité. C’est une raison valable à elle seule, non ? Mais il n’y a pas que ça.

Avec ma future camarade Camille, que je ne connais pas encore IRL, nous allons y assurer la couverture presse, ce pourquoi nous avons été invité. Vous allez donc entendre parler de Béziers dans les semaines à venir. Peut être même plus que de mon séjour à Montréal pour la ConFoo !
Donc déjà, je me demandais qui parmi vous sera présent là bas. J’adore rencontrer mes lecteurs, c’est toujours un super moment avec plein de trucs à apprendre (faut d’ailleurs que je relance les BeerJs). Alors, qui ?

Parlons donc un peu de la Web-5. Au planning, du web, du web et… Du web ! Plus sérieusement, des développeurs, des designers, des ergonomes, des experts référencement. Enfin du bon gros gratin. Et international en plus le gratin. Non content d’avoir invité des gens comme Raphaël Goetter d’Alsacréations, Stéphanie Walter de InPixelITrust (et aussi Alsacréations), Xavier Cambar, membre régulier de ParisJS, Julien Pauli, un poil connu dans le monde du PHP ou encore Alexandre Morgaut, l’un des big de boss du projet Wakanda chez 4D et membre du W3C. Ils ont aussi invité des grosses têtes étrangères, des mecs d’IBM, de Shazam, un dev du Zend Framework, de Thomson Reuters.

Pour la suite des évènements sur ce blog, je publierai prochainement le communiqué de presse. Puis suivront des interviews de différents orateurs. On va aussi sûrement expliquer avec Camille comment nous allons nous répartir les conférences et ce que vous pourrez espérer de nos prises de notes.

Ça se passe le 14 et 15 juin, à Béziers donc, il y aura des conférences passionnantes, des rencontres à faire, des soirées. Si vous ne l’avez pas, vous pouvez encore prendre votre place. Et puis bon, un détour dans le sud mi juin, vous savez quand il fait beau et bien chaud, ne me dites pas que ça ne vous donne pas envie

Pour deux jours, vous avez un billet individuel à 150€. Si vous venez à 5, il y a 20% de réduction avec les 5 places pour 600€. Moins cher que nombre de conférences à travers le monde. Pour un niveau franchement bon d’orateurs.

Ça se passe ici : http://conf2013.web-5.org/achetez-votre-ticket/

Salut à tous ! C’est le mois de mai. Calme, toujours très calme. La semaine dernière déjà, peu de choses à dire. Pas grand chose non plus cette semaine donc. En fait, rien de notable.

En somme, pas de chronique cette semaine. Désolé.

Qu’on se le dise, vous parlez anglais couramment ? C’est bien. Vous êtes bilingues et pouvez vous garantir une parfaite compréhension d’une série sans sous-titre ou sans traduction ? Je suis content pour vous. Sincèrement.

Mais ce n’est pas mon cas. Je parle, lit et écrit l’anglais suffisamment bien pour mon travail. Quand je vais en Angleterre ou ailleurs pour le tourisme, mon anglais me suffit à profiter du voyage tranquillement. J’essaie de progresser de temps en temps parce que c’est toujours utile. Mais je n’aurais jamais la prétention de mieux traduire un film ou une série que les traducteurs qui ont été payé pour (je ne parle donc pas des fansubs). Si je me concentre un peu, je peux tenir une discussion ou comprendre l’essentiel d’une écoute. Quand je suis dans une conférence en anglais, et j’en fais régulièrement, je comprends ce qu’a à me dire l’orateur/l’oratrice. A minima dans les grandes lignes, sinon tout. C’est déjà pas mal, non ?

Alors il y a l’argument de la voix. Oui, effectivement, là c’est différent. Il est vrai que certains personnages voient leur rôle grandi par la voix. D’autant que certains se permettent même de changer de la voix de traduction entre deux épisodes. Pour des raisons qui leur sont propres. Effectivement, là l’expérience perd beaucoup en qualité. Je vous l’accorde.

Mais quand je suis chez moi, que je regarde un film, le faire en anglais, ça veut dire me coltiner les sous-titres si je veux être sur de tout suivre dans le détail.  Ça veut aussi dire ne pas pouvoir quitter l’écran plus de quelques secondes si je ne veux pas rater un texte, par peur de ne pas comprendre la subtilité linguistique que je ne connais pas. Et donc potentiellement raté un élément clé du film parce que je n’ai pas fait attention. Ce qui quand on n’est pas bilingue arrive fréquemment. Si profiter d’un loisir passe par un vrai effort alors que vous n’en avez pas envie, ce n’est plus un loisir. Les films, le cinéma, les séries télé, ça n’est pas une passion pour moi, c’est juste un loisir ponctuel. Je n’ai donc pas envie d’être contraint à travailler pour en profiter.

Donc oui, je regarde en VF. Oui, la manie de tout diffuser en VO m’énerve, me gonfle. De prétendre que la VO, il n’y a que ça de vrai, Ça pue le snobisme à plein nez.

Si l’une des fiertés de votre vie est de pouvoir regarder des films en VO sans perte de qualité, tant mieux pour vous. J’ai d’autres fiertés dans ma vie et je le vis bien. Tant pis si ça vous emmerde.

Quand je cours ou je nage, là j’ai envie de progresser, envie de travailler, pour y être meilleur. Jusqu’au lycée, je n’ai jamais dépassé les 10 kilomètres en courant, ou même les 500 mètres nagés. Alors que 50 kilomètres en vélo ne m’effrayaient pas vraiment. Encore aujourd’hui, pédaler reste un vrai plaisir, même si j’ai perdu en endurance. J’ai beaucoup nagé, beaucoup couru, je franchis maintenant ces limites de course et de nage. Et j’en suis fier. Ce n’est qu’un exemple parmi d’autres.

Peut-être qu’un jour je voudrais être meilleur en anglais. Mais pour le moment, je n’en ai ni le besoin ni l’envie. Alors si ça vous emmerde que je regarde de la VF, tant pis pour vous, parce que ça me plait de le faire. Par contre, fait contraire, j’aime bien les versions espagnoles même si je manque encore un peu de vocabulaire.

L’auto-dépassement de soit, c’est très bien, mais de temps en temps, aménagez vous une pause ou deux. Vous allez voir, c’est magique.

Quand à l’argument de « on est en France, donc on parle français ». C’est con, juste con.

PS : je virerai tous les commentaires à la con et ceux n’apportant rien à la discussion. Sinon, comme d’habitude, libre à vous.

Pas grand chose cette semaine, pratique pour écrire cet épisode à l’arrache.

Mise à disposition de jQuery UI 1.10.3. Cette version de maintenance apporte des correctifs pour Draggable, Sortable, Accordion, Autocomplete, Button, Datepicker, Menu et Progressbar. Dans le lien proposé, vous trouverez le changelog complet.

Un livre est disponible sur TutorialZine, jQuery Trickshots. Il n’existe pas de version papier, étant seulement dispo en version électronique tous formats classiques : pdf, epub et mobi. Dans le lien vous pourrez obtenir le chapitre dédié à la partie Ajax gratuitement.

Avant de conclure, je voulais vous parler de l’article de l’ami Megaptery qui parle de MixItUp. Ce dernier est un plugin d’organisation de données présentées sous formes de structures HTML définies. Pas très original mais vu qu’il est très moderniste en se servant des dernières technos web, je ne pouvais qu’encourager.

Enfin, j’ai vu passer Jackbone, un framework qui souhaite allier jQuery Mobile avec Backbone. Pourquoi pas. A tester.

Comme d’habitude, vous pouvez retrouver l’ensemble de ces liens sur un carnet Evernote dédié partagé.

Ce sujet change un peu de l’habitude. Vous avez vraiment cru que c’était un blog de développeur ? Ben non. De temps en temps je parle d’autre chose Des fois je parle de ma vie, mes soucis, mes loisirs ou sujets qui m’intéressent.

Hier soir, au calme chez moi, par hasard, je lis un article sur l’auto-immolation. Non pas que je m’y intéresse à titre personnel, mais juste comme ça par curiosité. « Traditionnellement » l’auto-immolation, c’est pour protester contre quelque chose. Il y a des choses contre lesquelles je suis, mais de là à me foutre le feu ou à me noyer…

D’abord, parlons du terme immolation. Il y a une forte assimilation culturelle entre l’immolation par le feu et l’immolation elle-même. Je n’ai su moi-même qu’assez avancé dans ma vie d’adulte que l’immolation est juste le fait de s’offrir en sacrifice. Donc le feu n’est qu’un des moyens de s’immoler. Un hara-kiri est une forme d’immolation, une pendaison dans son garage ou encore sauter du cinquième étage de son travail aussi.

Un peu glauque comme sujet. Bah justement, on ne fait que commencer. Je me suis demandé si c’était purement « tibétain », vu qu’on ne parle quasiment que d’eux. Mais en fait pas du tout. C’est même un truc totalement international, les occidentaux sont très concernés aussi.

Si on ne prend que les auto-immolations par le feu, en France, il y en a eu plus d’une dizaine en France en 2012. Sérieux, presque une par mois. Alors loin d’être la plus importante cause de mortalité, forcément, des psychologues et des sociologues se sont posés des questions. J’ai notamment lu cet excellent article sur le sujet chez les Inrocks.

Cet article suggère donc que l’immolation par le feu, c’est surtout quand la situation ne va plus. Bon ça on s’en doutait, mais c’est plus dans le sens politique pour les auto-immolations. Des engagés politiques qui parfois se révèlent du jour au lendemain en ayant profil bas jusque là. Parce qu’ils craquent parce que d’un seul coup, ils s’y sentent poussés d’eux mêmes. Enfin bon, vous voyez où je veux en venir, c’est que la situation pue sévère.

Je suis aussi tombé sur cet article d’appel à l’arrêt des auto-immolations chez les tibétains pour protester, je cite, contre « l’oppression ». Je ne prends pas position sur la question, je ne suis pas instruit sur la question. Au moment de l’écriture de son article, il parle de 26 auto-immolations non coordonnées, non-simultanées. Sur le site Chine-Informations, on parle carrément de 66 au total en 2012. Ça ne confirme qu’une chose, c’est qu’il y a un sérieux problème là bas.

Mais allons encore plus loin. J’ai lu dans un article dont j’ai perdu la source (appel aux dons), qu’on peut même considérer que le bouddhisme et l’hindouisme tolèrent l’auto-immolation. Depuis plusieurs siècles. Alors que chez les chrétiens, le suicide est un aller simple pour l’enfer (c’est bien ça hein ?). Ceci dit, de ce que j’ai compris, l’auto-immolation par le feu n’est carrément plus considéré comme un suicide par le bouddhisme quand c’est à caractère politique. Comme dans le cas de Thich Quang Duc, qui fut le premier auto-immolé hyper médiatisé. Un bonze vietnamien qui s’est immolé par le feu pour protester contre la politique du président vietnamien chrétien. Ce bonze est entré au panthéon bouddhiste pour cet acte.

Je ne conclue pas, j’ai juste trouvé intéressant ce sujet, je ne sais quoi en penser. Tout simplement. Je tenais juste à partager ce que j’avais lu.

Salut à tous,

Comme vous le savez, je travaille sur plusieurs trucs en même temps, entre le blog, mon boulot, mes projets personnels. Le tout cumulé à ma vie privée. Je suis arrivé à un stade où je suis obligé de trancher dans le lard pour pouvoir tout gérer.

Donc le plugin osmLeaflet.jquery que j’avais mis en développement saute. De toute façon, je ne travaillais plus dessus depuis un moment. Il y a eu plusieurs propositions intéressantes de fonctionnalités, je ne les développerai pas non plus.

Si vous le souhaitez, vous pouvez participer au développement du plugin et de ses fonctionnalités mais à titre personnel, je ne le maintiendrai plus. Je ne ferai que valider ou refuser les PR. La doc est déjà déplacée sur le dépôt GitHub.

J’espère que les utilisateurs de mon plugin me pardonneront si ils attendaient les évolutions, mais je n’ai plus le temps. Je préfère arrêter avant de perdre le nord.

Petite semaine après la grosse qui a précédé. On se lance :

Comme souvent, Sam Deering publie un article de qualité sur jQuery4u. Il nous propose une comparaison de $.closest() et $.parents().

Dans les outils qui manque sur le site officiel de jQuery, on peut y compter un constructeur de versions personnalisées. Pour rappel, depuis la v2.0, jQuery peut être construit selon vos besoins. La version 1.10 devrait proposer la même chose à sa sortie qui s’annonce prochaine.

Et pour finir, le dernier petit truc sympa : jQuery Annotated Source. L’idée est de vous proposer de lire dans le code source du framework comme dans un livre. L’approche est intéressante, je n’ai pas tout lu mais c’est original.

Voilà, c’est tout pour la semaine. Et comme depuis quelques mois, vous pouvez récupérer toutes ces ressources dans un carnet de notes dédié.

La planète s’est motivée cette semaine pour me donner plein de boulot pour cette chronique. Sérieusement, vous avez fait un concours, non ?

Sortie de jQuery 2.0 !

J’ai pas trop vu le truc venir, c’est un peu arrivé sans annonce, même si il y a eu des beta. Avant de rentrer dans le détail, vous pouvez retrouver l’annonce ici. Je vous laisse le lien vers l’annonce de la beta 3 (même si inutile maintenant)

Maintenant, voyons ce qu’on a là dedans :

• fin du support de IE 6, 7 et 8 (ça, tout le monde vous l’a dit) ;
• fin à venir du support des Android/webkit 2.x (le marché est encore trop important mais ils font sauter asap) ;
• 12 % moins « lourde » que la version 1.9.1.

Il n’est pas recommandé d’utiliser jQuery 2 pour tout et n’importe quoi en production. Pour le moment, l’équipe recommande de l’utiliser pour des utilisations modernes, soit pour :

• Google Chrome add-ons
• Mozilla XUL apps and Firefox extensions
• Firefox OS apps
• Chrome OS apps
• Windows 8 Store (“Modern/Metro UI”) apps
• BlackBerry 10 WebWorks apps
• PhoneGap/Cordova apps
• Apple UIWebView class
• Microsoft WebBrowser control
• node.js (combined with jsdom or similar)

Dans les autres changements, vous pouvez construire votre propre version de jQuery à partir de 12 modules éjectables selon vos souhaits. En plus d’un coeur immuable bien entendu. Les 12 modules sont les suivants :

• ajax : tout le moteur AJAX, donc : $.ajax(), $.get(), $.post(), $.ajaxSetup(), .load(), transport, et les alias d’évènements ajax tels que .ajaxStart() ;
• ajax/xhr : la partie XMLHTTPRequest seule ;
• ajax/script : la partie Ajax qui permet de récupérer des scripts ;
• ajax/jsonp : la gestion de JSONP (je prépare une article là dessus d’ailleurs) ;
• css : la méthode .css() plus toutes les parties non-animées de .show(), .hide() et .toggle() ;
• deprecated : tout ce qui est deprecated mais pas encore supprimé; pour le moment, il ne reste que .andSelf() ;
• dimensions : méthodes .width() and .height(), incluant les variations inner- et outer- ;
• effects : la méthode .animate() et ses raccourcis comme .slideUp() ou .hide(« slow ») ;
• event-alias : tous les déclencheurs d’évènements et alias de méthodes concernant les évènements, tels que .click() ou .mouseover() ;
• offset : méthodes .offset(), .position(), .offsetParent(), .scrollLeft() et .scrollTop() ;
• wrap : méthodes .wrap(), .wrapAll(), .wrapInner() et .unwrap() ;
• sizzle : le moteur de sélection d’éléments, permet d’utiliser un mini-moteur basé sur la méthode native querySelectorAll.

L’exclusion de tous ces modules peut mener à un poids minimal de 10 Ko, une fois minifiée et gzippée. Sur le dépôt GitHub, vous pouvez retrouver comment construire votre version.

Comme déjà dit dans le passé, je ne recommande pas l’usage de cette version. A mon sens, utiliser les CDN (de préférence celui de Google pour jQuery) est un meilleur choix. Ceci dit, si vous utilisez en interne, pour du minifié, et dans d’autres cas, ça peut être utile. Si vous souhaitez bosser proprement avec votre version perso, je vous conseille cependant de virer les modules deprecated, effects, event-alias et sizzle. Ce sont ces trucs inutiles et ne faisant que dans la fioriture. Si vous courrez après le poids et la performances, ce sont ces modules qui devraient être les premiers à sauter.

Petite précision, si comme moi vous avez besoin de continuer le support de IE 6, 7 et 8, vous pouvez rester sur la version 1.9. Les modifications apportées dans l’objectif de la 2.0 seront aussi portées dans la version 1.10. Version qui conservera aussi le support des navigateurs obsolètes.

Même si il n’y a rien de nouveau coté jQuery Mobile ou UI dans les fils officiels, je ne les oublie pas. Et .Net magazine non plus. Ils ont publié un article expliquant les 5 raisons pour lesquelles vous devriez utiliser jQuery Mobile.

Sam Deering de jQuery4U a publié ses résultats de tests de performances. Il a comparé $(this).attr(‘id’) et this.id.

Passons aux tutoriels. Je vous en suggère un qui fait le point sur les évènements personnalisés. A priori, la version 2 de jQuery ne change pas la donne quand à ces explications.

Didier Mouronval a publié, sur Developpez.com, un tutoriel pour construire des sélecteurs personnalisés.

Coté tutoriels, il y a Snap.js qui me plait bien, ça c’est pour les menus latéraux sur lesquels je fais une fixette depuis quelques semaines.

Je vous propose un petit thème pour jQuery Mobile nommé nativeDroid. Il est optimisé pour jQuery Mobile 1.3. Il a l’air bien sympa. (private joke : coucou AG :p)

Les officiers de police de New York travaillent sur un nouveau projet. Ils utilisent une appli jQuery Mobile qui leur donne accès notamment à l’historique judiciaire des gens dans le coin etc.

Et pour terminer, voilà pourquoi vous devriez arrêter d’utiliser jQuery. Ce n’est pas un troll, juste une piqûre de rappel. jQuery ne doit pas servir dans tous les cas, toutes les conditions. Il faut savoir quand utiliser un 4*4 ou un scalpel.

Messieurs, mesdames,

Vous pratiquez un métier dont je ne connais pas toutes les arcanes mais sans lequel, le monde l’informatique et notamment du web ne serait pas le même.

Pour exercer correctement votre métier et disposer d’un panel de candidats en constante évolution, vous utilisez LinkedIn (ou Viadeo, même combat, dans l’idée). C’est très bien, vous avez fait un pas important.

Vous avez donc accès à une CVthèque pré-formatée et qui au bout d’un court temps d’adaptation vous permet, je suppose, d’augmenter votre productivité. Cela vous épargnant après tout le temps d’adaptation aux diverses formes de CV plus ou moins fantaisistes que vous recevez certainement par mail ou par courrier en parallèle.

Alors pourquoi continuez-vous de me demander mon CV en messagerie privée ?! alors que pour accéder au bouton de demande d’envoi de message, vous devez forcément passer par mon profil ?! Qui n’est rien d’autre que mon CV.

Ceci n’est pas un appel colérique. Juste qu’il est temps d’exploiter correctement les outils que vous utilisez. D’autant que vous payez pour les utiliser il me semble.

Vous vous coupez de toute une population qui ne sera pas tentée de vous envoyer quelque chose parce que tout simplement, vous l’avez déjà sous le nez.

Demandez plutôt si le CV est à jour, des précisions sur tel point, mais arrêtez de demander le CV quand votre point d’accès à la messagerie est déjà le CV. Ça n’a pas de sens, tout simplement.

Sur ce, je vous souhaite tout de même une bonne journée !

Salut à tous, j’espère que vous avez tous eu la chance de pouvoir un barbecue hier Pour fêter ça, une chronique légère cette semaine.

Alors on démarre avec jQuery Mobile 1.3.1 !

Au menu de cette version de maintenance, on a des correctifs de bogues pour les boutons, les checkboxradio, les accordion, les controlgroup, les dialog, les fixed toolbars, les list views, les navbars, la navigation, les panels, les popups, les range sliders, les select menus… En gros, tout y est passé et on peut s’en féliciter. Retrouvez l’annonce et son changelog.

Sinon, du plugin, des plugins cette semaine !

En premier invité, une pensée pour mon ami… qui a publié une mise à jour de son pp3Diso. Un plugin balaise qui vous permet de faire facilement des maps de jeu en 3D isométrique. Vous vous souvenez des Age of Empires, Starcraft ou encore Command & Conquer? Bah voilà Et toujours avec un très haut taux de compatibilité.

La plateforme ququplay (jeux sur mobiles) vient de sortir deux thèmes pour jQuery Mobile. Une version « flat » et une version « square« .

Vous pouvez retrouver les ressources de cette chronique dans un carnet Evernote dédié.

« Uh ?! »

C’est un peu près la seule chose que j’ai été foutu de dire quand on m’a parlé la première fois de PhantomJS. Après j’ai sorti mon gourdin et j’ai tapé sur la boite comme un dégénéré.

Jusqu’à ce que je comprenne que ce n’était pas à manger mais bien un outil qui allait sérieusement améliorer l’efficacité de l’équipe SEO de ma boite. Tout de suite, l’image de l’homme préhistorique débile parait plus fun.

Plus sérieusement ?

Alors PhantomJS, c’est tout simplement, un outil qui va interpréter un de vos scripts JS pour aller chercher par exemple une page web et vous permettre de la manipuler sans jamais quitter votre ligne de commande. En fait, il y a une sorte de navigateur QT qui permet de ne pas ouvrir de navigateur tout en faisant le même boulot. Il est donc capable de charger les images, scripts et CSS. Ainsi que de les exécuter parfaitement normalement. J’ai pas bien compris cette partie là, j’espère avoir l’occasion de mieux me pencher dessus. Si quelqu’un peut m’expliquer, je suis preneur

Ce que j’ai compris par contre, c’est que si je fais ça :

var page = require('webpage').create();
var url = 'http://www.mathieurobin.com/';
page.open(url, function (status) {
    console.log(status); // 'success' or 'fail'
    phantom.exit();
});

J’obtiens de suite la disponibilité de ma page. Et ça ça me parle. Sauf que ça parait un peu limité si c’est que ça. cURL fait mieux et en moins de ligne. Donc allons plus loin.

J’en veux plus !

Dans ma boite (Companeo), on s’occupe de tout un tas de sites (environ 300). Le problème auquel je me suis attaqué est de pouvoir connaitre à tout moment la disponibilité de tout ces sites, si leur version de WordPress est à jour, si ils chargent toujours dans un délai respectable et enfin si il n’y a pas d’erreur JS ou de chargement de ressources.

J’en vois au fond de la salle qui lèvent la tête, curieux. Et c’est normal. Un tel script, c’est du pain béni pour s’assurer que vos sites fonctionnent sans même avoir à y aller. Ce script a sûrement été créé en centaines d’exemplaires de par le monde. Je l’ai moi aussi développé. Il est surement plus que perfectible mais me permet de contrôler tout ça après 3 minutes d’exécution environ (pour ces 300 sites). Le tout en moins de 100 lignes de code :

Ne reste plus qu’à exécuter ce script avec phantom et expédier la sortie standard dans un fichier HTML. Je ne vais pas rentrer dans le détail, mais ces sites chargent obligatoirement un fichier JS qu’on appelle « api ». Je peux vérifier assez simplement que le script a bien été chargé. Pour la démo, nous allons tester le site « assurances risques pro« .

Merci de ne pas hurler sur la conception de ce code. Aucun intérêt à la qualité de code. Côté bugs, le seul risque, c’est que si ça crashe sur un site, soit je le sais en console, soit ça se vautre encore plus violent au point d’embarquer aussi le script. Comme ça je sais quand même qu’il y a un souci. Et pour la démo de code, je n’ai laissé qu’un seul site. Histoire de ne pas polluer le gist.

Quoi d’autre ?

Je vois venir les petits malins, vous auriez pu faire pareil avec un zabbix ou un nagios, peu d’intérêt. Je dirais presque pareil et honnêtement, en polluant bien le code (hum les bons petits tags nagios qui se baladent). Sauf qu’avec PhantomJS, vous avez accès à un réel contrôle de la page, vous pouvez ordonner des choses à l’outil qui les exécutera dans la page, suivra la navigation, etc. Par exemple, vous pourrez « cliquer » sur un lien en scriptant en JS ce clic. Ou encore faire une requête de sélection d’éléments avec jQuery.

Vous pouvez même demander à PhantomJS de prendre une capture d’écran de la page. Génial non quand vous êtes dans votre ligne de commande et que vous n’avez pas eu à ouvrir de navigateur.

PhantomJS est tellement complet qu’il a même été intégré à Yeoman. Je n’utilise pas encore ce dernier dans ces moindres fondements mais je commence à maîtriser les différents outils qui le compose. Ça vaut le détour.

Bonus

Je vous ferai un topo sur CasperJS dès que j’en aurai l’occasion mais ceci est un autre outil basé sur PhantomJS qui lui est pour moi, le digne successeur, le remplaçant de Selenium. Le temps de mettre vraiment la tête dedans et de voir ce qu’il a dans le ventre.

Second bonus

Pour me simplifier la vie, j’ai intégré mes scripts PhantomJS (j’en ai fait plusieurs pour d’autres trucs) directement dans les scripts de cron/tests de l’application de mon travail. Comme ça, je peux même les lancer depuis l’interface de PhpStorm au besoin et de façon automatique quotidienne. Sans ouvrir de navigateur ni un terminal. Là ce n’est même plus de l’efficacité, c’est carrément du vice

Le bonus ultime

La documentation est complète et bien faite. Il y a beaucoup d’exemples en tout genre aussi. Autrement dit, c’est prêt pour un réel usage industrialisé.

Côté licence

PhantomJS est sous licence BSD. Vous avez donc les mains très libres

PS : je me diversifie, j’ajoute des petites images maintenant

Roh mince, l’épisode 111, le mois d’avril, le soleil, tout ça :p Et 4 jours depuis la dernière chronique. Quoi de neuf cette semaine ?

Rien d’officiel. Ça c’est dit.

Sam Deering, rédacteur de jQuery4U, a fait un point rapide sur l’importance de la mise en cache des sélecteurs. C’est quelque chose dont on parle souvent mais qui n’est malheureusement toujours pas assez appliqué.

La semaine dernière, j’évoquais une interview de Dave Methvin, cette semaine, NetTuts+ a rencontré John Resig (« le créateur »). A savoir que l’interview n’est pas très porté sur jQuery puisque John a passé la main pour se concentrer sur d’autres projets.

Je parlais justement la semaine dernière d’une sidebar façon Facebook et que j’aurais aimé en trouver une façon WordPress. J’ai trouvé jQuery SideBar, un plugin de sidebar. C’est pas encore exactement ça mais dans l’idée, on s’en rapproche un peu. Bon courage pour les yeux par contre, c’est coloré

Pour ceux que ça intéressent, je me suis un peu penché sur les formations existantes (hasard des choses en réalité). Je suis tombé chez AlterWay qui en propose une pour jQuery et jQuery UI.

A surveiller sur le web : La #GuezNet. C’est mon ami Julien qui la tient. Vu qu’il dev « assez régulièrement » avec jQuery, il compte bien en parler de temps en temps. Ça c’est le bonus spécial pour me faire pardonner les deux dernières semaines.

Je finis donc en vous rappellant que vous avez accès à toutes les ressources de cet article depuis un carnet de notes dédié partagé sur Evernote. A la semaine prochaine

Avec beaucoup de retard, je profite de mes vacances pour écrire ma chronique « hebdomadaire ». Beaucoup de travail, une vie privée de plus en plus présente (avec plaisir), une adaptation longue à Feedly (si vous avez un outil plus efficace à recommander, je suis preneur). Forcément tout ça cumulé avec le fait, que tout le monde s’est lâché sur l’activité autour de jQuery.

Du côté officiel des choses, parlons de jQuery Mobile 1.2.1 qui a été fraîchement annoncé. C’est une version de maintenance, elle contient donc des correctifs de bogues pour la méthode .blur(), les widgets Button, Checkboxradio, Collapsible, Dialog, Fixed Toolbars, Listviews, Loader, Navigation, Popup (élément le plus mis à jour), Select menu, Slider et Text input.

Ceci n’empêche pas la maintenance de plus anciennes versions, c’est pour ça que 3 jours avant, nous avons aussi eu la deuxième version de maintenance de jQuery Mobile 1.1. Soit jQuery Mobile 1.1.2. Avec des correctifs pour Button, Checkboxradio, Collapsible, Controlgroup, Dialog, Fixed Toolbars, Listview, Navbar, Navigation, Select, Slider, Textinput et Transition.

Dave Methvin, jQuery Core Team Lead et President of jQuery Foundation, a accordé un entretien à NetTuts+. Il évoque son passé professionnel, la prise de relais après John Resig. Ainsi que son point de vue sur l’émergence de nouveaux frameworks.

En parlant de jQuery Foundation, vous pouvez d’ailleurs dorénavant la rejoindre, la sponsoriser, pour participer à un web meilleur. Enfin c’est l’idée suggérée, je n’ai pas tout bien compris sur l’intérêt de la rejoindre. A part des réductions notamment pour les différents évènements. L’appel à sponsors est lancé.

Dans les tutoriels, nous avons un tutoriel de NetTuts+ (encore eux, très actifs sur le JS), expliquant comment développer des applications compatibles pour le store de Windows 8 facilement avec jQuery 2.0.

Vernon Kesner a écrit un tutoriel sur jQuery Mobile intitulé « jQuery Mobile Pages« . Je n’ai pas eu le temps de le tester, je vous laisse donc juge.

Continuons dans les tutoriels avec la vidéo francophone de Birnou Sébarte intitulée « Les sélecteurs jQuery ». Vidéo un peu courte, faites pour vous suggérer de vous pencher sur la puissance des extensions de sélecteurs proposées par jQuery. Ceci dit attention, cette vidéo vous encourage à la découverte, elle n’aborde en rien la question performances. N’oubliez pas le bon sens si vous vous basez sur les exemples, ils ne sont pas travaillés dans cette direction là.

En parlant vidéo, GitHub a publié son premier « comte de l’Octocat ». Même si jQuery n’est pas le dépôt le plus actif sur GitHub, on n’en est pas loin. L’équipe de la société a donc jugé bon de parler un peu de l’aventure de jQuery sur son système.

Un nouveau livre va bientôt sortir. « Creating Mobile Apps with jQuery Mobile« . J’espère l’avoir en main prochainement.

Jean-Baptiste Landry a dressé un compte-rendu de jQuery Toronto 2013. Intéressant pour tous ceux qui n’ont pas eu l’occasion d’y assister.

Steve Souders a publié un document, intitulé « HTTP Archive: jQuery« , expliquant l’usage de jQuery sur les différents plus gros sites, sur les versions utilisées, les différents CDN… Je suis assez dépité par cet article et ce que j’y ai lu. Quel est l’intérêt d’utiliser des CDN inconnus ? Un CDN est là pour faciliter le partage des ressources. En utilisant celui d’une société lambda, non seulement, vous n’avez aucune garantie de débit mais en plus aucune garantie de disponibilité. Le seul CDN valable, c’est celui de Google (certains vont me dire que je copule avec Satan, Big Brother, …). Réparti partout dans le monde, débit plus que correct, très haute disponibilité, et presque 20% d’usage. Ça progresse fortement d’ailleurs (ceci est mon principal argument face aux détracteurs des CDN). Il me semble qu’il y a un an ou deux, on était à peine à 9%. Le message commence à passer.

Passons aux plugins. Je commence (et termine) par Sidr, un plugin de menu vertical en sidebar, qui a beaucoup fait parler de lui. J’aurais aimé en trouver un façon WordPress. Celui là ressemble plus à l’appli mobile façon Facebook. Merci notamment à DailyJS et LaFermeDuWeb. Il est compatible mobile en plus (au moins Android).

Retrouvez le carnet Evernote dédié de toutes les ressources de cet épisode.