Articles and videos: archive

Our screencasts

  • Vidéo de « [“Git undo” or the Art of Rolling Back] »

    “Git undo” or the Art of Rolling Back
    Priced

    Maxime is back at it, again with loads of animated diagrams and examples of actual workflows, to set you free by teaching you how to cancel or rollback just about anything, from staging to extraneous commits to merges to rebasing.

  • Vidéo de « [JavaScript: this is it] »

    JavaScript: this is it
    Priced

    Finally grok how “this” behaves in JavaScript, from nominal cases to to arrow functions to API overrides to one-shot binding to persistent binding, etc. A must-watch!

  • Vidéo de « [Git Core Concepts] »
    free!

    Git Core Concepts
    Free

    Maxime walks you through a series of crystal-clear explanations, replete with animated diagrams and example CLI uses, for all of Git’s fundamental concepts in order to illuminate your daily usage: WD, index/stage, local repo, stash, references, HEAD, branches, labels… An absolute must-have!

  • Vidéo de « [Writing Modern Asynchronous JavaScript] »

    Writing Modern Asynchronous JavaScript
    Priced

    From raw callbacks to async debugging to promises to async/await, this packs everything you need to know to master writing asynchronous code in Node and browsers, steering clear of traps, pitfalls and anti-patterns, and leveraging best practices.

  • Vidéo de « [Mastering GitHub] »

    Mastering GitHub
    Priced

    The follow-up to our first video series at O’Reilly, with a deep dive into super-advanced GitHub API topics, fully-customized GitHub Pages, Gist hidden pro-tips, etc.

  • Vidéo de « [Tout ce que vous avez toujours détesté dans le web chez Microsoft] »
    free!

    Tout ce que vous avez toujours détesté dans le web chez Microsoft
    Free

    Vous n’associez peut être pas web et Microsoft. Même si on a pu faire quelques erreurs par le passé, nous vous présentons dans cette vidéo la direction intéressante que prend Microsoft dans ce domaine. Réalisé avec Etienne Margraff pour ouvrir la gamme Premium du canal web de MS experiences Online.

  • Vidéo de « [Learning GitHub] »

    Learning GitHub
    Priced

    The reference video course on GitHub, from creating your account to making advanced use of Pull Requests, plus keyboard shortcuts, hidden features, issue management, special files for community management…

  • Vidéo de « [Dev Avengers pour le web front] »
    free!

    Dev Avengers pour le web front
    Free

    À partir de rien, comment obtenir une boucle de feedback ultra-rapide (moins d’une demi-seconde) entre l'édition de ses fichiers sources (dans DevTools ou ailleurs) et leur exploitation live dans la page web en cours, même au travers d'une chaîne de build riche.

Slides and videos from our talks

  • [Alors, quoi de neuf en ES2022 ?]

    Alors, quoi de neuf en ES2022 ?
    Blend Web Mix 2019 Lyon

    Alors oui, OK, ES2015 ça déchire, et ES2017–2019 ont amené plein de trucs cool (notamment autour de async/await), mais il y en a encore davantage qui débarque dans les toutes prochaines années, et on peut le plus souvent déjà jouer avec !Christophe vous emmène faire un tour de manège à travers les prochaines fonctionnalités qu’il aime le plus et qui deviendront officielles bientôt… ou peut-être plus tard.

    See the slides
  • [Deep-dive in React Hooks]

    Deep-dive in React Hooks
    Tech talks Station F, Paris

    React’s been abuzz with hooks for a yea rnow, and they shipped back in Ferbruary. Christophe walks you through this amazing new feature that brings out the core essence of React and makes coding components so much more enjoyable.

    See the slides
  • [Git reset : rien ne se perd, tout se transforme]
    organizer

    Git reset : rien ne se perd, tout se transforme
    Paris Web 2019 Delicious Insights, Paris

    Git est un outil incontournable qui apparait parfois trop complexe, surtout quand on a pas lu la documentation. Il nous promet de pouvoir triturer et tordre notre historique de projet dans tous les sens. Sur le papier c'est génial, mais c'est tout aussi effrayant car on a vite peur de perdre du travail. Heureusement la commande `reset` associée souvent au `reflog` vole à notre secours.

    On va dédiaboliser une bonne fois Git et voir qu'on a ceinture, bretelles et airbag. On en profitera aussi pour arrêter cette fausse bonne pratique du `git reset --hard` que beaucoup utilisent sans avoir réellement conscience du danger inhérent.

  • [Fun and Games with ES Proxies]

    Fun and Games with ES Proxies
    Fronteers Amsterdam

    Proxies let us do metaprogramming in JavaScript, which is a really cool thing. There are well-established, useful patterns for it to be sure, and we’ll see a few of these. But they can also be used for less obvious results, or plain fun with mischevious tricks and quirky behavior!

    See the slidesWatch the video
  • [Quel format pour transmettre ?]

    Quel format pour transmettre ?
    HumanTalks Paris Paris

    Il existe bien des façons de transmettre la connaissance, notamment la connaissance technique : cours traditionnel, formation professionnelle, screencast, atelier, présentation en conférence… Quel format pour quel objectifs ? Christophe en compare rapidement les forces et faiblesses, parle de leurs pertinences et liste quelques meilleures pratiques à garder à l’esprit.

    See the slidesWatch the video
  • [NodeSchool Paris #24]
    organizer

    NodeSchool Paris #24
    NodeSchool Paris Mozilla Paris

    Samedi 29 juin 2019, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [NodeSchool Paris #23]
    organizer

    NodeSchool Paris #23
    NodeSchool Paris Mozilla Paris

    Samedi 23 mars 2019, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [NodeSchool Paris #22]
    organizer

    NodeSchool Paris #22
    NodeSchool Paris Mozilla Paris

    Samedi 22 février 2019, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [NodeSchool Paris #21]
    organizer

    NodeSchool Paris #21
    NodeSchool Paris Mozilla Paris

    Samedi 24 novembre 2018, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [dotJS 2018]
    organizer

    dotJS 2018
    dotJS 2018 Paris

    Christophe est le MC résident de dotJS, sans doute la plus grande conférence 100% JavaScript au monde avec JSConf.EU. Sur deux jours (un pour le front-end, un pour le back-end et le langage pur), vivez une trentaine de présentations par des orateur·rice·s de premier plan, en mode single-track, avec de très nombreuses opportunités de discussions et de networking tant avec les intervenant·e·s qu’avec le reste de la communauté.

    Watch the video
  • [NodeSchool Paris #20]
    organizer

    NodeSchool Paris #20
    NodeSchool Paris Mozilla Paris

    Samedi 13 octobre 2018, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [Capitaine Flemme !]
    organizer

    Capitaine Flemme !
    Paris Web 2018 Delicious Insights, Paris

    Maxime montre comment automatiser énormément de contrôle qualité à toutes les étapes de notre développement, de l'écriture du code au déploiement en production.

    See the slidesWatch the video
  • [Optimiser la qualité de l’expérience de dev]
    organizer

    Optimiser la qualité de l’expérience de dev
    Delicious Meetups Delicious Insights, Paris

    Maxime montre comment automatiser énormément de contrôle qualité à toutes les étapes de notre développement, de l'écriture du code au déploiement en production.

  • [NodeSchool Paris #19]
    organizer

    NodeSchool Paris #19
    NodeSchool Paris Mozilla Paris

    Samedi 21 juillet 2018, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [NodeSchool Paris #18]
    organizer

    NodeSchool Paris #18
    NodeSchool Paris Mozilla Paris

    Samedi 23 juin 2018, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [So, what’s in ES2020?]

    So, what’s in ES2020?
    Confoo Montréal 2018 Montréal

    Yes, okay, ES2015 rules, and ES2017 brings about a lot of cool things (most notably async/await), but a ton of cool stuff is expected to land in the next few years, too… and we can play with it already!

    Christophe takes you through a whirlwind tour of the upcoming features he’s most excited about, due to become official in 2018, 2019… or 2020 ;-)

    See the slides
  • [Hot Reloading Everywhere]

    Hot Reloading Everywhere
    Confoo Montréal 2018 Montréal

    Developers often waste untold hours a week waiting for rebuilds, manually switching windows, reloading pages, restoring in-page state, and so on. This is unfortunate, as we've been gifted with numerous tools to automate reload, and even *hot reload*, for quite a while now.

    In this talk, Christophe showcases workflows, tips and tricks, using widespread editors, tools and browsers, to make that web / Node developer feedback loop ever tighter.

    See the slides
  • [NodeSchool Paris #17]
    organizer

    NodeSchool Paris #17
    NodeSchool Paris Mozilla Paris

    Samedi 20 janvier 2018, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [NodeSchool Paris #16]
    organizer

    NodeSchool Paris #16
    NodeSchool Paris Mozilla Paris

    Samedi 2 décembre 2017, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [Webpack comme des grand·e·s !]

    Webpack comme des grand·e·s !
    Paris Web 2017 Paris

    Webpack a globalement « gagné la guerre » des builders, même si encore trop de gens s’accrochent à Gulp ou Browserify… Il est vrai que si Webpack a toujours été au-dessus du lot en termes de possibilités et surtout d’optimisation fine du résultat, sa documentation historique avait de quoi faire fuir, et les concepts de base sont assez différents pour risquer de déstabiliser…

    Mais Webpack, c’est comme JavaScript en général : si on le prend bien, si on fait un peu ses devoirs en amont, ça se passe bien—très, très bien. Et on aboutit à une expérience de développement et des performances de build extraordinaires.

    Dans cet atelier, Christophe vous prend par la main et vous fait pratiquer, à partir d'une configuration vide et de besoins tout simples, pour monter progressivement en gamme, jusqu’à une configuration aux petits oignons qui couvre tous les besoins usuels de façon optimale et agréable.

    See the slides
  • [Alors, qu’y a-t-il dans ES2020 ?]

    Alors, qu’y a-t-il dans ES2020 ?
    Paris Web 2017 Paris

    C’est vrai, ES2015 ça déchire, et ES2017 apporte son lot de jolis trucs (notamment async/await), mais plein de trucs intéressants vont arriver dans les années qui viennent… et on peut déjà jouer avec, grâce à Babel !

    En 30 minutes, Christophe vous propose un tour d’horizon des fonctionnalités à venir qui le bottent le plus, et qui deviendront officielles d’ici 2018, 2019… voire 2020 ;-)

    See the slides
  • [Microsoft 💕 Node.js]

    Microsoft 💕 Node.js
    MS Experiences 2017 Paris

    Node.js est extrêmement répandu aujourd'hui. Cette technologie est au cœur de nombreux sites web, services, applications et même certains systèmes embarqués. Dans cette session, nous vous proposons de (re)découvrir la contribution de Microsoft dans l'univers de Node. Nous parlerons des nouveautés de la plateforme en elle-même (ChakraCore), de langages (TypeScript), d'outils (Bash sur Windows, Visual Studio Code) et de déploiement (App Service on Linux) !

  • [NodeSchool Paris #15]
    organizer

    NodeSchool Paris #15
    NodeSchool Paris Mozilla Paris

    Samedi 23 septembre 2017, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [Node.js partout !]

    Node.js partout !
    web2day Nantes Nantes

    Depuis sa sortie en 2009, Node.js a émergé doucement… jusqu’à conquérir franchement le monde des gros sites « enterprise » à partir de 2014, au point qu’il est aujourd’hui devenu incontournable. Node.js, c’est pratiquement tout le Fortune 500, nombre des plus gros services en ligne, mais pas seulement : c’est aussi au cœur de la pratique web front, au cœur de la révolution des applications multi-plateformes : desktop, mobile, consoles, robotique, aérospatiale, IoT…

    Node.js est aussi l’écosystème et la communauté qui connaissent les plus fortes croissances annuelles, et ce depuis plusieurs années continues, avec des chiffres hallucinants. Cette présentation vise à réveiller celles et ceux qui n’ont pas encore Node.js fermement au centre de leur radar technique, et à élargir la perception qu’en ont les autres, laquelle se limite souvent à « serveurs web + npm ». Always bet on JS.

    See the slidesWatch the video
  • [NodeSchool Paris #14]
    organizer

    NodeSchool Paris #14
    NodeSchool Paris Mozilla Paris

    Samedi 3 juin 2017, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [Deep-dive dans async/await]

    Deep-dive dans async/await
    Node.js Paris Evaneos

    Les callbacks, c'est bien, mais ça pose vite des soucis, car les anti-patterns sont nombreux et les usages avancés vite difficiles à maintenir.

    Les promesses corrigent pratiquement tous ces soucis (et ceux qu'elles ne corrigent pas, les Observables arrivent…), mais même si elles sont assez faciles à apprivoiser, le code obtenu reste, de toutes façons, moins immédiatement lisible et maintenable que du bon vieux code séquentiel et bloquant.

    La syntaxe async / await—officielle depuis ES2017, native depuis v8 5.5 (donc Node 7.6, 21/02/2017), et transpilée par Babel depuis des lustres—nous permet d'avoir le beurre et l'argent du beurre : le code est asynchrone, composable, non bloquant… et parfaitement lisible. On récupère les primitives de base : conditions, boucles, try…catch… Mais attention, ça ne remplace pas les promesses : bien au contraire, c'est intimement basé dessus ! Et du coup, le danger serait de rechercher/remplacer du code bloquant bêtement, sans tirer parti des possibilités de parallélisation, etc.

    Qui plus est, pas mal d'extensions d'usage sont possibles, au-delà des seules promesses « classiques ».

    Dans cette présentation, Christophe essaiera en 20 minutes de faire le tour du sujet, de bien vous faire saisir l'essence et la puissance de ce nouveau mécanisme, de vous dire où tout ça va, et de vous donner envie, surtout, de l'utiliser partout !

    See the slides
  • [NodeSchool Paris #13]
    organizer

    NodeSchool Paris #13
    NodeSchool Paris Mozilla Paris

    Samedi 18 mars 2017, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 13e session, mais n’y voyez aucun signe 😊

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [NodeSchool Paris #12]
    organizer

    NodeSchool Paris #12
    NodeSchool Paris Mozilla Paris

    Samedi 21 janvier 2017, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 12e session, la première de 2017 !

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [Tuning Babel to your runtimes]

    Tuning Babel to your runtimes
    dotJS Paris

    Babel is amazing, and we all use it to get the latest language goodies now, but we tend to use an all-or-nothing, sledgehammer approach to it.

    See the slidesWatch the video
  • [PM2 et Keymetrics dans l’univers Node.js]
    organizer

    PM2 et Keymetrics dans l’univers Node.js
    Delicious Meetups Delicious Insights

    PM2 est le gestionnaire de processus incontournable pour les serveurs Node, un des modules les plus téléchargés de tout npm (près de 16 000 téléchargements/jour). Entièrement conçu par une toute petite équipe française, il est aujourd’hui au cœur de la société Keymetrics, qui développe l’outil (open source) et les activités commerciales autour.

    See the slidesWatch the video
  • [NodeSchool Paris #11]
    organizer

    NodeSchool Paris #11
    NodeSchool Paris Mozilla Paris

    Samedi 19 novembre 2016, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire ! C’est notre 11e session, la dernière de 2016 !

    Les ateliers NodeSchool.io, ce sont des outils interactifs en ligne de commande pour apprendre aussi bien les bases de JS que des aspects plus avancés (prototypes, promesses, ES6…), des libs comme Async.js ou Lo-Dash/Underscore, des frameworks comme Express ou encore du WebGL.

  • [État de l’art de ES2015+ dans Node.js et le navigateur]

    État de l’art de ES2015+ dans Node.js et le navigateur
    Blend Web Mix 2016 Lyon

    ES2015, ES2016, ES2017… Maintenant ou plus tard ? Avec ou sans Babel ? Et pour mon Node ? Et pour mes navigateurs ? Comment faire au mieux tout en restant light ?

    See the slidesWatch the video
  • [Use ES2015+ now, not later! ]

    Use ES2015+ now, not later!
    Voxxed Days Thessaloniki Θεσσαλονίκη, Ελλάδα

    ES6 / ES2015 isn’t something you should “plan to use soon” or even “later.” Actually, neither is ES0217, or parts of ES2018 for that matter. They’re all perfectly usable right now, and have been for a while already. Be it through native support (which has grown tremendously recently) or transpiling, in browsers or in Node, there is a wealth of kick-ass language features at your disposal today.

    What we’ll cover in this talk: quick reminder on ES3, ES5, ES6/2015, ES7/2016 and beyond; native support vs. Babel, tooling; comfort every other line: destructuring, rest/spread, arrow functions; scope control with let and const; familiar class syntax; modules; asynchrony goodies: promises, generators, async/await; proxies and metaprogramming; decorators.

    See the slides
  • [Le développement web : tour d’horizon]

    Le développement web : tour d’horizon
    MS experiences 2016

    De nos jours, faire du développement web nécessite de connaître une quantité incroyable de technologies, frameworks et librairies.

    Nous vous proposons de faire un tour d’horizon du web d’aujourd’hui. Nous parlerons backend, frontend et nous évoquerons aussi le futur.

    Si vous voulez savoir où en est le web sans des heures de recherche, vous êtes au bon endroit !

  • [JavaScript : le futur, c’est maintenant !]

    JavaScript : le futur, c’est maintenant !
    MS experiences 2016

    ECMAScript (le standard qui gouverne JavaScript) évolue désormais tous les ans, mais vos utilisateurs ne mettent pas toujours suffisamment à jour leurs navigateurs. Découvrons comment pouvoir utiliser quand même les dernières nouveautés dès aujourd’hui !

    See the slides
  • [NodeSchool Paris #10]
    organizer

    NodeSchool Paris #10
    NodeSchool Paris

    Samedi 3 septembre 2016, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire !

    C’est notre 10e session, juste à temps pour la rentrée !

  • [ES6 par la pratique]

    ES6 par la pratique (labo)
    Best Of Web 2016 Paris

    Cet atelier de 3 heures, proposé dans le cadre de la journée Formations de cette nouvelle édition de Best Of Web, passait en revue un certain nombre de fonctionnalités clés d’ES2015 avec des mises en pratique par exercice autonome grâce à une version personnalisée de notre ESLab habituel.

  • [Git ProTips]

    Git ProTips
    Kiwi Party 2016 Strasbourg

    Marre de faire du « SVN en Git » ? Marre de te planter avec ton rebase, ton merge, ton reset, ton checkout ? L’impression de jouer à l’apprenti·e sorcier·ère ? Ou simplement envie de passer la 5e avec Git ? Cette présentation est faite pour toi.

    See the slidesWatch the video
  • [NodeSchool Paris #9]
    organizer

    NodeSchool Paris #9
    NodeSchool Paris

    Samedi 21 mai 2016, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire !

    C’est déjà notre 9e session, à l'occasion du International NodeSchool Day !

  • [ES6+ maintenant !]

    ES6+ maintenant !
    Devoxx France 2016

    ES6 / ES2015 n’est pas un truc « pour plus tard », c’est parfaitement utilisable dès maintenant, et même depuis début 2015, justement ! En natif ou via transpiling, dans les navigateurs ou dans Node, ça offre énormément de nouvelles possibilités géniales. Et même ES5 / ES2016 est largement exploitable aujourd’hui.

    See the slidesWatch the video
  • [Git ProTips]

    Git ProTips (labo)
    Devoxx France 2016

    Git est devenu la gestion de sources de référence, mais la très grande majorité s'en sert (très) mal, ou à tout le moins ne fait qu’effleurer ses possibilités. Dans cet atelier, Christophe mettra en lumière toute une série d’astuces dans les commandes Git visant à rendre votre utilisation quotidienne plus agréable et efficace.

    See the slides
  • [NodeSchool Paris #8]
    organizer

    NodeSchool Paris #8
    NodeSchool Paris

    Samedi 9 avril 2016, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire !

    C’est déjà notre 8e session !

  • [NodeSchool Paris #7]
    organizer

    NodeSchool Paris #7
    NodeSchool Paris

    Samedi 6 février 2016, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire !

    C'est notre 7e session, la première en 2016 !

  • [NodeSchool Paris #6]
    organizer

    NodeSchool Paris #6
    NodeSchool Paris

    Samedi 19 décembre 2015, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire !

    C’est notre 6e session, la session de Noël !

  • [Modern Asynchronous JS]

    Modern Asynchronous JS
    dotJS 2015

    Callbacks are not the full story. And it’s not just the promises, either. Generators, async/await, FRP and RxJS… There are a lot of exciting ways to do async in clean, maintainable ways!

    See the slidesWatch the video
  • [Collaboration BP’s with Git & GitHub]

    Collaboration BP’s with Git & GitHub
    Meetup SG

    GitHub is super easy to use… especially to under-use. Let‘s look at cool features but, even more importantly, many best practices for a better workflow.

    See the slidesWatch the video
  • [NodeSchool Paris #5]
    organizer

    NodeSchool Paris #5
    NodeSchool Paris

    Samedi 31 octobre 2015, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire !

    Voici enfin la 5e session, une rentrée certes tardive, mais on ne pouvait pas la faire plus tôt, désolés !

  • [Deep-dive dans ES6]

    Deep-dive dans ES6
    Blend Web Mix 2015 Lyon

    Grâce à des transpileurs de qualité comme Babel, il est possible depuis déjà 2014 d'utiliser la majorité des nouveautés de ES6 partout où ES5 est disponible. Donc Node.js / io.js et, côté navigateurs, IE9+ et tous les autres…

    Code plus concis, plus performant, plus propre, plus puissant : ES6 réconcilie beaucoup de monde avec JavaScript, et fait pleurer de joie celles et ceux qui n'avaient pas besoin d'être converti·e·s.

    See the slidesWatch the video
  • [NodeSchool Paris #4]
    organizer

    NodeSchool Paris #4
    NodeSchool Paris

    Samedi 11 juillet 2015, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire !

    Il s'agit de notre 4e session !

  • [Web: Storm]

    Web: Storm (keynote)
    Best Of Web 2015

    Keynote pleine de surprises 😉

    See the slidesWatch the video
  • [NodeSchool Paris #3]
    organizer

    NodeSchool Paris #3
    NodeSchool Paris

    Samedi 23 mai 2015, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire !

    Il s’agit de notre 3e session, à l’occasion du International NodeSchool Day, qui verra près de 40 sessions similaires partout dans le monde !

  • [NodeSchool Paris #2]
    organizer

    NodeSchool Paris #2
    NodeSchool Paris

    Devant le succès monstrueux du premier, nous avons tout de suite planifié le deuxième atelier NodeSchool Paris !

  • [NodeSchool Paris #1]
    organizer

    NodeSchool Paris #1
    NodeSchool Paris

    Enfin, le tout premier atelier NodeSchool en France, et à Paris !

    Samedi 21 février 2015, de 10h à 18h30, venez avec votre laptop pour pratiquer les workshoppers nodeschool.io de votre choix dans un cadre convivial, avec des mentors pour vous aider et vous débloquer quand vous butez, et à manger, et à boire !

  • [Le dev web pour ceux qui en font peu]

    Le dev web pour ceux qui en font peu
    Université François Rabelais, M2CCI Tours

    Tour d’horizon du dev web pour les étudiants de ce master qui sont en reconversion depuis leur formation d’origine, et ont eu très peu de dev web au programme.

    See the slides
  • [Wow, much Web. Very tech.]

    Wow, much Web. Very tech.
    Codeurs en Seine 2014 Rouen

    En à peine 25 ans, le web est passé de quelques documents textuels liés entre eux à la plate-forme de facto de tous les nouveaux services, usages, et trucs cool en général. Du terrain de jeu de quelques scientifiques dans leur coin, à la moelle épinière de nos journées, au boulot comme entre amis. Pour prédire l'avenir, il est utile de se pencher sur le passé. À une époque où la majorité des développeurs web ne codaient pas il y a seulement 10 ans, Christophe joue les dinosaures à la mémoire longue et retrace avec humour et énergie l'ébullition technologique et interactive du web, du CERN à l'Internet des Objets en passant par la galaxie WS-*, l'éclatement de la bulle de 2000, le Web 2.0 et la victoire de JavaScript. Entre autres.

    See the slidesWatch the video
  • [Git ProTips]

    Git ProTips
    France HTML5 UG #18

    Git est devenu la gestion de sources de référence, mais la très grande majorité s'en sert (très) mal, ou à tout le moins ne fait qu'effleurer ses possibilités. Christophe met en lumière toute une série d'astuces dans les commandes Git visant à rendre votre utilisation quotidienne plus agréable et efficace.

    See the slidesWatch the video
  • [Git ProTips]

    Git ProTips
    Blend Web Mix 2014 Lyon

    Git est devenu la gestion de sources de référence, mais la très grande majorité s'en sert (très) mal, ou à tout le moins ne fait qu'effleurer ses possibilités. Christophe met en lumière toute une série d'astuces dans les commandes Git visant à rendre votre utilisation quotidienne plus agréable et efficace.

    See the slidesWatch the video
  • [Front-end Dev Avengers]

    Front-end Dev Avengers
    Blend Web Mix 2014 Lyon

    À partir de rien, comment obtenir une boucle de feedback ultra-rapide (moins d'une demi-seconde) entre l'édition de ses fichiers sources (dans DevTools ou ailleurs) et leur exploitation live dans la page web en cours, même au travers d'une chaîne de build riche.

    See the slides
  • [Node.js démystifié]

    Node.js démystifié (atelier)
    Paris Web 2014

    Node.js est en train de s'imposer comme un acteur majeur des développements petits et gros, de Grunt à PayPal, de Brunch à Walmart… Pourtant, la France accuse comme toujours un retard significatif sans son adoption de cette technologie pourtant si utile.

    Cet atelier vise à vous faire découvrir en douceur Node et son écosystème, en réalisant ensemble les diverses briques « classiques » d'un service web, sans frime ni trauma : serveur web, templating, persistence, authentification, etc. Avec en bonus du temps réel et quelques tests automatisés.

    See the slides
  • [Tour d’horizon de Node.js]

    Tour d’horizon de Node.js
    FranceJS 2013 Toulouse

    <i>(Également à Blend Web Mix 2013, MS Techdays 2014 et Mix-IT 2014)</i>

    Node.js est l’une des technologies les plus en vue de ces dernières années, des services web à la robotique ; désormais bien industrialisé et doté d’un écosystème et d’une communauté très vifs, Node a remis sur le devant de la scène un modèle de programmation non bloquant / asynchrone et, surtout, des techniques de code élégantes pour réaliser celui-ci.

    Dans cette présentation—qui s'adresse tant à ceux qui n'ont jamais regardé Node qu'à ceux qui jouent déjà avec—Christophe Porteneuve brosse un tableau de Node.js aussi concret que possible. Il posera rapidement quelques notions fondamentales (Node, modules, npm, asynchrone…) puis explorera le développement d’une application web ludique et interactive, qui mettra conjointement en œuvre quelques-uns des usages les plus célèbres, d’Express à Docco en passant par de l’OAuth 2, du Redis, des Web Sockets, Brunch, Mocha et Uglify.

    Avec même un petit bonus qui sortira du strict domaine dématérialisé du web pour se manifester physiquement. ],

    See the slidesWatch the video
  • [Internationaliser son JavaScript]

    Internationaliser son JavaScript (élaboratoire)
    SudWeb 2013 Avignon

    Ne négligez plus l'internationalisation. A travers quelques démos et exemples, Christophe Porteneuve proposera des outils et services, à commencer par les interfaces de traduction.

    See the slides
  • [Comment ça c’est pas du Flash ?!]
  • [Tirer parti des périphériques mobiles dans une application web]

    Tirer parti des périphériques mobiles dans une application web (atelier)
    Paris Web 2010

    Le web mobile est en train d’exploser, d’autant que les principaux périphériques proposent désormais de « vrais » navigateurs, de l’iPhone à Androïd, de Mimo à PalmOS, et même les nouveaux Blackberry.

    S’il est déjà bien d’exploiter des feuilles de style mobiles pour adapter l’expérience utilisateur, on souhaite souvent accéder aux capacités du périphérique (géolocalisation, vibreur, accéléromètre…) et offrir une expérience globale aussi « native » que possible.

    Il n’est pas pour autant nécessaire de développer des versions natives distinctes ! Des frameworks existent pour un déploiement universel, et cerise sur le gâteau : ça se passe en JavaScript !

    Cet atelier vous fera faire un tour d’horizon des principaux frameworks actifs, exemples et démonstrations à l’appui

    See the slides
  • [Sprockets]

    Sprockets
    JSConf.EU 2009 Berlin

    Présentation du moteur de gestion d’assets statiques pour les sites web, qui sera par la suite au cœur de la Rails Asset Pipeline.

    See the slides
  • [What’s up with Prototype and script.aculo.us?]

    What’s up with Prototype and script.aculo.us?
    The Ajax Experience 2008 Boston

    Un passage en revue détaillé des dernières nouveautés de Prototype (notamment en version 1.6) et script.aculo.us.

    See the slides
  • [Contributing docs to Prototype]

    Contributing docs to Prototype
    The Ajax Experience 2008 Boston

    Sommet distribué pour inviter davantage de membres de la communauté à participer à Prototype, et notamment à sa documentation.

    See the slidesWatch the video
  • [Best-practice solutions for common Ajax use-cases with Prototype ]

    Best-practice solutions for common Ajax use-cases with Prototype
    @mediaAjax London 2008

    These use cases drop in time and again: checkbox lists; live login validation; dynamic form rows; server-side processing progress indicators; list reordering using drag and drop; and more… As always, there are a lot of terrible ways to achieve those, several decent ones, and precious few really good takes. This session will review several such use cases and detail various ways to implement them, contrasting the ugly and the beautiful, showing useful reflexes and rules of thumb, with a special focus on performance and maintenance.

    See the slides
  • [Advanced Prototype]

    Advanced Prototype
    The Ajax Experience West 2007 San Fransisco

    Utilisation avancée de Prototype.js.

    See the slides
  • [script.aculo.us]

    script.aculo.us
    The Ajax Experience West 2007 San Fransisco

    Passage en revue des principales fonctionnalités de script.aculo.us.

    See the slides
  • [Introduction to Prototype]

    Introduction to Prototype
    The Ajax Experience West 2007 San Fransisco

    Passage en revue des principales fonctionnalités de Prototype.js.

    See the slides
  • [Interview par Rebie.org]

    Interview par Rebie.org
    Rebie

    Rebie interviewe Christophe à l’occasion de la sortie de son nouveau livre, « Bien développer pour le Web 2.0 ».

    Watch the video

Our articles

  • Writing Modern Async JS: our new screencast

    Our first screencast is out! 4hr and 40+ code samples for just €29, the go-to top-notch course.

  • Enhance your commits with Git hooks!

    Enhance your code and your commit messages with Git hooks.

  • The Q2 2018 sessions are here!

    A whole slew of new training dates for Q2 2018: Webpack, 360° ES, Git, Node.js, Modern Web Apps…

  • 360° ES and Webpack: 2 new training courses!

    Check out our 2 new courses:: 100% of latest-gen JavaScript and a deep-dive into Webpack…

  • 360° JS becomes Modern Web Apps

    Our “360° JS” training rebrands as “Modern Web Apps”: why?

  • Addicted to hooks

    Improve quality and reduce stress with tasks automation.

  • Mastering Git Reset: Commit Alchemy

    The git reset command is a formidable tool unfortunately far too often misunderstood or poorly used. This is too bad, as it opens up a wide range of solutions and tips to optimize our work and workflows.

  • Mastering GitHub: just released!

    Last December, we had told you about the release of the first-parter in our GitHub training video series: Learning GitHub. We had then hinted at the second part, aimed at topics even more advanced.

  • Key figures from the Node.js Foundation user survey

    A couple days ago, the Node.js Foundation released its first-ever Node.js User Survey Report. It is chock-full of interesting data points. Here’s what peaked my interest most.

  • 20 years.

    A look back on Christophe’s 20 years so far of professional IT career.

  • Mastering Git subtrees

    A month ago we were exploring Git submodules; I told you then our next in-depth article would be about subtrees, which are the main alternative.

  • Mastering Git submodules

    If you used submodules before, you certainly got a few scars to show for it, probably swearing off the dang thing. Submodules are hair-pulling for sure, what with their host of pitfalls and traps lurking around most use cases. Still, they are not without merits, if you know how to handle them.

  • Git Bisect: quickly zero in on a bug’s origin

    Oooh, what a nasty bug you just noticed! Alas, you can’t seem to find out where it originates just now, and it appears to have been around for a while, too… How can you avoid combing through the entire history?

  • How to make Git preserve specific files while merging

    Oh boy, are branches great. They let you have entirely different versions of a given file, depending on the context. The thing is, in a few (not so rare) situations, you may want to version a file that changes from branch to branch, but retain its current content when merging another branch into yours.

  • Fix conflicts only once with git rerere

    So you fixed a conflict somewhere in your repo, then later stumbled on exactly the same one (perhaps you did another merge, or ended up rebasing instead, or cherry-picked the faulty commit elsewhere…). And bang, you had to fix that same conflict again. That sucks.

  • 30 Git CLI options you should know about

    You think you know Git? Maybe you do… And yet, I’d bet my shirt that many cool little command-line options remain unknown to you.

  • What’s new since Git 1.7

    A lot of people use Git without quite tracking what’s coming up in later releases. Sometimes you just go with whatever’s available on your Linux distro, even if that is quite outdated.

  • Getting solid at Git rebase vs. merge

    Each one is best for specific purposes, so learn when to use them efficiently, and why.