Articles et vidéos : archives

Nos screencasts

  • Vidéo de « [Mastering GitHub (publié chez O’Reilly)] »

    Mastering GitHub (publié chez O’Reilly)
    Payant

    La suite de notre première série vidéo chez O’Reilly, avec une plongée en profondeur dans des sujets super avancés tels que l’API GitHub, les GitHub Pages 100% customisées, les astuces cachées des Gists, l’intégration

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

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

    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 (publié chez O’Reilly)] »

    Learning GitHub (publié chez O’Reilly)
    Payant

    Le cours vidéo de référence sur GitHub, depuis la création du compte jusqu’à l’utilisation avancée des Pull Requests, en passant par les raccourcis claviers, les fonctions cachées, la gestion des tickets, les fichiers spéciaux pour l’animation communautaire…

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

    Dev Avengers pour le web front
    Gratuit

    À 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.

Nos supports et vidéos de conférences

  • [NodeSchool Paris #13]
    organisateur

    NodeSchool Paris #13
    NodeSchool 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]
    organisateur

    NodeSchool Paris #12
    NodeSchool 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

    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.

    Voir les slidesVoir la vidéo
  • [PM2 et Keymetrics dans l’univers Node.js]
    organisateur

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

    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.

    Voir les slidesVoir la vidéo
  • [NodeSchool Paris #11]
    organisateur

    NodeSchool Paris #11
    NodeSchool 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 ?

    Voir les slidesVoir la vidéo
  • [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.

    Voir les 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 !

    Voir les slides
  • [NodeSchool Paris #10]
    organisateur

    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.

    Voir les slidesVoir la vidéo
  • [NodeSchool Paris #9]
    organisateur

    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 !

  • [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.

    Voir les slides
  • [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.

    Voir les slidesVoir la vidéo
  • [NodeSchool Paris #8]
    organisateur

    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]
    organisateur

    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]
    organisateur

    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!

    Voir les slidesVoir la vidéo
  • [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.

    Voir les slidesVoir la vidéo
  • [NodeSchool Paris #5]
    organisateur

    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.

    Voir les slidesVoir la vidéo
  • [NodeSchool Paris #4]
    organisateur

    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 😉

    Voir les slidesVoir la vidéo
  • [NodeSchool Paris #3]
    organisateur

    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]
    organisateur

    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]
    organisateur

    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.

    Voir les 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.

    Voir les slidesVoir la vidéo
  • [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.

    Voir les slidesVoir la vidéo
  • [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.

    Voir les slidesVoir la vidéo
  • [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.

    Voir les 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.

    Voir les 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. ],

    Voir les slidesVoir la vidéo
  • [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.

    Voir les 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

    Voir les 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.

    Voir les 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.

    Voir les 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.

    Voir les slidesVoir la vidéo
  • [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.

    Voir les 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.

    Voir les slides
  • [Advanced Prototype]

    Advanced Prototype
    The Ajax Experience West 2007 San Fransisco

    Utilisation avancée de Prototype.js.

    Voir les slides
  • [Introduction to Prototype]

    Introduction to Prototype
    The Ajax Experience West 2007 San Fransisco

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

    Voir les 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 ».

    Voir la vidéo

Nos articles