Archives par mot-clef : angularjs

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

Comme chaque année, voilà mon bilan personnel et professionnel comme dernier billet. Avec bien entendu une rétrospective sur mes prévisions de l’année dernière. Professionnel Quelques petits points intéressants : Progresser dans mon travail actuel Plutôt bien réussi, mes collègues me font confiance pour la partie JavaScript de nos développements. Non pas que ce n’était pas déjà le cas mais on est passés à un autre niveau de confiance. Je suis également devenu le formateur attitré de l’équipe, j’assume donc la responsabilité du maintien à niveau technique de l’équipe. Tâche ardue mais passionnante. Créer mon entreprise Ça y est, mon entreprise est créée ! Je suis donc officiellement formateur indépendant. Je suis en partenariat désormais avec deux centres de formation, espérons que cela va porter ses fruits. Continuer mon blog Bon bah vu que je suis encore là, c’est que le … Continuer la lecture

Il y a peu, j’ai rencontré un problème. Je travaillais sur une appli one-pae assez lourde avec AngularJS et j’avais besoin qu’elle soit accessible sur mobile ou en dégradé sur du IE8 par exemple. J’ai donc fait le choix du lazy loading de mes composants. Et là, la doc de AngularJS n’en parle tout simplement pas. Lazy loading Le lazy loading, c’est tout simplement le chargement d’éléments quand on en a besoin et non immédiatement. Ressource Je suis tombé sur ce site : http://ify.io/lazy-loading-in-angularjs/. Il explique bien la solution mais j’ai plusieurs soucis avec celle-ci : j’utilise curl ; j’utilise UI-Router. Curl J’ai utilisé mon outil de comparaison de loaders de scripts pour déterminer ce que j’avais besoin et en l’occurrence, curl est mon favori. De ce côté là inverser $script par curl n’est pas compliqué pour un sou. Il suffit … 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

Salut à tous, J’ai pris la décision d’arrêter de tenir la chronique jQuery. Alors j’arrête pas de bloguer hein, j’arrête juste la chronique. Je n’avais déjà plus la motivation pour l’écrire de façon hebdomadaire. Il faut comprendre que ça me prend plusieurs heures par semaine pour lire tout ce qu’il se dit sur le net à propos de jQuery chaque semaine. Puis encore beaucoup de temps pour mettre à plat, écrire, relire et enfin publier. A côté de ça, les ressources nouvelles se font de plus en plus rare, les intéressantes encore plus. Alors que le taux de rigolos, qui continuent d’utiliser x versions de jQuery et de ne pas comprendre pourquoi ça ne marche pas, augmente de façon quasi exponentielle. Ça manquait tellement de plus en plus de ressources intéressantes que je me retrouve régulièrement à ne pas publier. … Continuer la lecture

Je suis heureux de vous annoncer la disponibilité de l’un de mes projets commencés il y a quelques mois. Sur mon GitHub, vous pourrez trouver un projet public nommé JS Loaders. Celui-ci correspond à une appli de comparaison des différents scripts de chargement pour vos JS (et vos CSS pour certains). Avec tout plein d’options. Vous pouvez vous rendre ici : http://mathrobin.github.io/js_loaders Il est très important de préciser que les données et l’idée viennent d’un énorme premier travail de Eric Daspet qui avait fait un comparateur sur Google Drive. Vous y retrouverez donc la comparaison de requireJS avec curljs ou headjs par exemple. Au total, 23 chargeurs de scripts différents. Dans les critères, le chargement de JS de façon (a)synchrone, simultanés, avec ou sans callback, la licence, le poids minifié et aussi gzipé, … Ou encore la capacité à charger des … Continuer la lecture

Pour ceux qui ont réussi à avoir une place, vu que c’est blindé, il y a une soirée AngularJS demain chez Viadeo. La précédente et première édition fut une super soirée où Thierry Lau nous a fait une présentation des plus complètes et efficace sur le framework. Puis on s’est fait un petit BeerJS improvisé derrière. Je fais cet article pour deux raisons : que vous sachiez qu’il y a des meetups « réguliers » sur AngularJS à Paris, que c’est gratuit et pour le moment ça part dans le sympa ; que je serai parmi les conférenciers demain en présentant « un an d’applications en prod avec AngularJS ». Bien entendu, je mettrai les slides à disposition, accompagné d’un billet de blog pour expliquer tout ça 😉

Salut à tous ! Comme vous le savez désormais, je suis assez attaché à la mise en place de retrouvailles régulières autour d’une bière (ou autre mais plutôt bière) pour parler de notre boulot. C’est pourquoi je n’ai pas organisé le prochain BeerJS. Bon après cette phrase débile, il y a tout de même plusieurs motivés qui se sont débrouillés pour monter le BeerJS de février. Réservez donc votre soirée du 25 février. Thème du soir, on parlera AngularJS. Pas de slides, pas de démo, à priori, juste une bonne bière et des gens passionnés. Débutants, experts, intermédiaires ou juste curieux sont tous les bienvenus. J’espère qu’il y aura aussi des connaisseurs des autres frameworks qui seront présents. Paul, il se reconnaîtra  j’espère t’y croiser. J’espère parce que je ne suis pas encore sûr de pouvoir être présent. Donc dans la joie et … Continuer la lecture

Comme chaque année, voilà mon bilan personnel et professionnel comme dernier billet. Avec bien entendu une rétrospective sur mes prévisions de l’année dernière. Professionnel J’ai été très simpliste : M’intégrer correctement dans mon nouveau boulot Bon bah ça je crois qu’on peut dire que c’est fait hein. Je suis satisfait, ça se passe bien, le dernier projet (en cours) est épuisant et très difficile (intellectuellement et physiquement) mais très riche en apprentissage. Je tiens donc à remercier mon directeur technique, mon pote m0hda et tous mes collègues développeurs avec qui on galère bien. Malgré les divers problèmes de complexité, de délai, de burnout et de babyfoots non désirés (private joke, rire jaune dans la salle, et encore, je suis sympa). Personnel Partir à Montréal faire la ConFoo et donner mes toutes premières conférences Ça c’est fait aussi. Je vous ai … Continuer la lecture

Je reviens sur mes tricks AngularJS, j’en ai toujours sous la main et je continuerai de vous en donner de temps en temps en fonction de mon apprentissage de ce framework. Template de directive Évitez d’utiliser la propriété template dans la création de directives, préférez y templateURL. Pour la simple et bonne raison que vos directives vont régulièrement avoir tendance à évoluer. Charger un fichier HTML contenant un template est plus propre qu’essayer de le décrire dans une chaîne au milieu de votre code JS Je vous laisse jeter un oeil à un exemple simple de directive proche de l’illisibilité : angular .module('Modal', []) .directive('partner', function () { return { restrict : 'C', replace : false, transclude : true, scope : { }, template : '<div><table>' + '<tr><td>' + '<div class="autocompletewidget"></div>' + '</td><td style="vertical-align: top;"><button type="button" id="btn_create" class="btn btn-primary">Open modal</button></td></tr>' + '</table>' + … Continuer la lecture