Articles et vidéos : archives
Nos screencasts
JavaScript : this is it
contenu PayantEnfin comprendre comment fonctionne this en JavaScript, des cas nominaux à la garantie manuelle en passant par les fonctions fléchées, le forçage ponctuel, les dérogations d’API classiques, etc. À ne pas manquer !
“Git undo” ou le savoir-défaire
contenu PayantMaxime revient à la charge, à coup de diagrammes animés et d’exemples de manipulation, pour vous libérer en vous apprenant à annuler ou revenir en arrière sur toutes vos manipulations, de la mise dans l’index au rebase en passant par les commits surnuméraires et la fusion.
- gratuit !
Les concepts clés de Git
contenu GratuitMaxime vous explique clairement, à coup de diagrammes animés et d’exemples de manipulation, tous les concepts fondamentaux de Git afin d’en éclairer le fonctionnement : WD, index/stage, dépôt local, stash/remise, références, HEAD, branches, étiquettes… Un indispensable !
Faire du JS asynchrone moderne
contenu PayantDes callbacks nus à async/await en passant par le débogage et les promesses, tout ce que vous devez savoir pour écrire du code asynchrone dans Node et les navigateurs, en évitant les pièges et les anti-patterns, et en tirant parti des meilleures pratiques.
Mastering GitHub
contenu PayantLa 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
- gratuit !
Tout ce que vous avez toujours détesté dans le web chez Microsoft
contenu GratuitVous 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.
Learning GitHub
contenu PayantLe 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…
- gratuit !
Dev Avengers pour le web front
contenu 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
L’asynchrone en JS sans le cringe
Codeurs En Seine 2022 RouenChristophe fait le tour des erreurs, bévues, mauvaises pratiques et antipatterns en JS asynchrone, et en présente les solutions.
Maîtrisez Git comme un chef !
Flutter France ParisMaxime intervenait dans le cadre du meetup virtuel de fin avril de Flutter France pour leur faire un de ces talks sur les Git Protips dont nous avons le secret…
Astuces d'utilisation des commandes, options utiles, les “must have” en configuration, le rebase sans peur et sans peine… toute ces petites choses qui feront que votre utilisation de Git serait plus agréable et efficace !
So, what‘s new in ES2022?
Confoo Montréal 2019 Montréal, CAYes, okay, ES2015 rules, and ES2016–2019 bring 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 2020, 2021… or 2022 ;-)
Fun & Games with ES Proxies
Confoo Montréal 2019 Montréal, CAProxies 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!
Mastering Webpack from the ground up
Confoo Montréal 2019 Montréal, CAEverybody uses Webpack… and everybody fears to touch the config. It’s always grown organically out of slapdash copy-and-paste from StackOverflow and a myriad of other sources, and it “sort of works,” but nobody owns it. And yet, docs have been consistently getting better since v2, v4 made a major “sane defaults“ push, and it just keeps improving all the time.
It’s time you learn what the building blocks of a Webpack config are, how to start small and how to scale! Not to mention leveraging the amazing DX powers of the Webpack Dev Server, and how to best use its core build optimization techniques.
- Delicious Insights est organisateur
dotJS 2019
dotJS 2019 ParisChristophe 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é.
Voir la vidéo Alors, quoi de neuf en ES2022 ?
Blend Web Mix 2019 LyonAlors 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.
Voir les slidesVoir la vidéoDeep-dive in React Hooks
Tech talks Station F, ParisReact’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.
Voir les slides- Delicious Insights est organisateur
Git reset : rien ne se perd, tout se transforme
Paris Web 2019 Delicious Insights, ParisGit 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
Fronteers AmsterdamProxies 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!
Voir les slidesVoir la vidéoQuel format pour transmettre ?
HumanTalks Paris ParisIl 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.
Voir les slidesVoir la vidéo- Delicious Insights est organisateur
NodeSchool Paris #24
NodeSchool Paris Mozilla ParisSamedi 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.
- Delicious Insights est organisateur
NodeSchool Paris #23
NodeSchool Paris Mozilla ParisSamedi 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.
- Delicious Insights est organisateur
NodeSchool Paris #22
NodeSchool Paris Mozilla ParisSamedi 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.
- Delicious Insights est organisateur
NodeSchool Paris #21
NodeSchool Paris Mozilla ParisSamedi 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.
- Delicious Insights est organisateur
dotJS 2018
dotJS 2018 ParisChristophe 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é.
Voir la vidéo - Delicious Insights est organisateur
NodeSchool Paris #20
NodeSchool Paris Mozilla ParisSamedi 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.
- Delicious Insights est organisateur
Capitaine Flemme !
Paris Web 2018 Delicious Insights, ParisMaxime 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.
Voir les slidesVoir la vidéo - Delicious Insights est organisateur
Optimiser la qualité de l’expérience de dev
Delicious Meetups Delicious Insights, ParisMaxime 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.
- Delicious Insights est organisateur
NodeSchool Paris #19
NodeSchool Paris Mozilla ParisSamedi 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.
- Delicious Insights est organisateur
NodeSchool Paris #18
NodeSchool Paris Mozilla ParisSamedi 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?
Confoo Montréal 2018 MontréalYes, 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 ;-)
Voir les slidesHot Reloading Everywhere
Confoo Montréal 2018 MontréalDevelopers 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.
Voir les slides- Delicious Insights est organisateur
NodeSchool Paris #17
NodeSchool Paris Mozilla ParisSamedi 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.
- Delicious Insights est organisateur
NodeSchool Paris #16
NodeSchool Paris Mozilla ParisSamedi 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 !
Paris Web 2017 ParisWebpack 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.
Voir les slidesAlors, qu’y a-t-il dans ES2020 ?
Paris Web 2017 ParisC’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 ;-)
Voir les slidesMicrosoft 💕 Node.js
MS Experiences 2017 ParisNode.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) !
- Delicious Insights est organisateur
NodeSchool Paris #15
NodeSchool Paris Mozilla ParisSamedi 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 !
web2day Nantes NantesDepuis 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.
Voir les slidesVoir la vidéo- Delicious Insights est organisateur
NodeSchool Paris #14
NodeSchool Paris Mozilla ParisSamedi 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
Node.js Paris EvaneosLes 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 !
Voir les slides- Delicious Insights est organisateur
NodeSchool Paris #13
NodeSchool Paris Mozilla ParisSamedi 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.
- Delicious Insights est organisateur
NodeSchool Paris #12
NodeSchool Paris Mozilla ParisSamedi 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
dotJS ParisBabel 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- Delicious Insights est organisateur
PM2 et Keymetrics dans l’univers Node.js
Delicious Meetups Delicious InsightsPM2 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 - Delicious Insights est organisateur
NodeSchool Paris #11
NodeSchool Paris Mozilla ParisSamedi 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
Blend Web Mix 2016 LyonES2015, 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éoUse 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 slidesLe développement web : tour d’horizon
MS experiences 2016De 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 !
MS experiences 2016ECMAScript (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- Delicious Insights est sponsor
Asynchrone moderne en JS : promesses, async et await (atelier)
Paris Web 2016Les callbacks ne vont nulle part, mais si on pouvait n'en mettre que là où ça nous arrange, et rendre un peu de lisibilité à nos codes « de la vraie vie », même quand y’a de l’asynchrone de partout et des tas de flux de données qui s'imbriquent ou se parallélisent, ce serait plutôt pas mal. Surtout pour nos collègues qui, eux, viennent de débarquer dans l’asynchrone et veulent s’ouvrir les veines parce que le code bloquant, c’était drôlement plus simple (mais beaucoup moins performant).
Dans cet atelier, on va explorer les promesses sous tous les angles, histoire de voir que non, ça n’est pas juste une autre manière de faire du callback, et par-dessus le marché, on va utiliser les syntaxes async/await qui devraient devenir officielles l’an prochain (mais sont déjà utilisables) pour retrouver du code super lisible et agréable, alors même qu’il reste non bloquant. Je sais, la vie est soudain plus belle.
Voir les slides - Delicious Insights est sponsor
Node.js partout
Paris Web 2016Depuis 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.
Voir les slidesVoir la vidéo - Delicious Insights est organisateur
NodeSchool Paris #10
NodeSchool ParisSamedi 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 (labo)
Best Of Web 2016 ParisCet 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
Kiwi Party 2016 StrasbourgMarre 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- Delicious Insights est organisateur
NodeSchool Paris #9
NodeSchool ParisSamedi 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 !
Devoxx France 2016ES6 / 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éoGit ProTips (labo)
Devoxx France 2016Git 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- Delicious Insights est organisateur
NodeSchool Paris #8
NodeSchool ParisSamedi 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 !
- Delicious Insights est organisateur
NodeSchool Paris #7
NodeSchool ParisSamedi 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 !
- Delicious Insights est organisateur
NodeSchool Paris #6
NodeSchool ParisSamedi 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
dotJS 2015Callbacks 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éoCollaboration BP’s with Git & GitHub
Meetup SGGitHub 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- Delicious Insights est organisateur
NodeSchool Paris #5
NodeSchool ParisSamedi 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
Blend Web Mix 2015 LyonGrâ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- Delicious Insights est sponsor
ES6+ c’est maintenant, les gens ! (atelier)
Paris Web 2015Grâ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 slides - Delicious Insights est sponsor
Le dev front à Mach 1 au quotidien
Voir les slidesVoir la vidéo
Paris Web 2015 - Delicious Insights est organisateur
NodeSchool Paris #4
NodeSchool ParisSamedi 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 !
- Delicious Insights est organisateur
NodeSchool Paris #3
NodeSchool ParisSamedi 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 !
- Delicious Insights est organisateur
NodeSchool Paris #2
NodeSchool ParisDevant le succès monstrueux du premier, nous avons tout de suite planifié le deuxième atelier NodeSchool Paris !
- Delicious Insights est organisateur
NodeSchool Paris #1
NodeSchool ParisEnfin, 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
Université François Rabelais, M2CCI ToursTour 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 slidesWow, much Web. Very tech.
Codeurs en Seine 2014 RouenEn à 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éoGit ProTips
France HTML5 UG #18Git 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éoGit ProTips
Blend Web Mix 2014 LyonGit 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éoFront-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 slidesNode.js démystifié (atelier)
Paris Web 2014Node.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- Delicious Insights est sponsor
JS + toi = ❤️
Paris Web 2014Si quand on comprend vraiment ses ennemis on ne peut faire autrement que les aimer, alors après ça tu vais aimer JS.
JavaScript, l’un des langages les plus incompris de la planète, en est pourtant devenu le langage n°1… Derrière les trucs surprenants, les quelques verrues, les syntaxes inattendues, doit donc bien se cacher une grosse valeur intrinsèque. Car oui, JS n’est pas Voldemort, mais un vrai Good Guy, c’est juste qu’il a eu une enfance pas facile.
En 30 minutes, Christophe va tenter d’éclaircir trois gros points traditionnels d’incompréhension de JS : le binding (« pourquoi this vaut ça, là ? »), les closures, et les prototypes (héritage compris). Parce qu’en comprenant les choses, on les apprivoise…
Voir les slidesVoir la vidéo 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éoInternationaliser son JavaScript (élaboratoire)
SudWeb 2013 AvignonNe 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 slidesTirer parti des périphériques mobiles dans une application web (atelier)
Paris Web 2010Le 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 slidesSprockets
JSConf.EU 2009 BerlinPré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 slidesWhat’s up with Prototype and script.aculo.us?
The Ajax Experience 2008 BostonUn passage en revue détaillé des dernières nouveautés de Prototype (notamment en version 1.6) et script.aculo.us.
Voir les slidesContributing docs to Prototype
The Ajax Experience 2008 BostonSommet distribué pour inviter davantage de membres de la communauté à participer à Prototype, et notamment à sa documentation.
Voir les slidesVoir la vidéoBest-practice solutions for common Ajax use-cases with Prototype
@mediaAjax London 2008These 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 slidesAdvanced Prototype
The Ajax Experience West 2007 San FransiscoUtilisation avancée de Prototype.js.
Voir les slidesscript.aculo.us
The Ajax Experience West 2007 San FransiscoPassage en revue des principales fonctionnalités de script.aculo.us.
Voir les slidesIntroduction to Prototype
The Ajax Experience West 2007 San FransiscoPassage en revue des principales fonctionnalités de Prototype.js.
Voir les slidesInterview par Rebie.org
RebieRebie 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
Git protip : renseigner automatiquement la synchro au push
Fini la contrainte de tracking explicite de nos branches !
Git protip : forcer gentiment le push
Sais-tu que tu peux forcer le push sans risquer d’écraser le travail de tes collègues ?
Web Apps Modernes évolue et devient React PWA !
Notre formation phare évolue et change de nom pour mieux refléter son contenu !
Git protip : vérifier avant de commiter
Au-delà des noms des fichiers listés par `git status`, sais-tu comment vérifier les contenus que tu t’apprêtes à commiter
Git protip : corriger tes commandes
Toi aussi tu tapes parfois mal tes commandes ? Et si Git te rectifiait le tir à la volée ?
JS protip : Aplatir des tableaux imbriqués
Pas besoin de bibliothèques tierces pour aplanir des tableaux en JavaScript, y compris lors d’opérations `.map()` renvoyant des tableaux !
Git protip : Oh My Posh, prompt esthétique et configurable
Ce petit outil te facilitera l’emploi de Git dans le terminal
Git protip : lister efficacement les branches
Découvre ce combo d’options pour lister de manière optimale tes branches dans le terminal
VSCode protip : basculer la sidebar même depuis du Markdown
Masque / affiche la barre latérale dans VSCode comme un·e pro
Quoi de neuf dans Git 2.38 ?
Git 2.38 est sortie ce lundi 3 octobre avec deux nouveautés remarquables
JS protip : Formatter une distance temporelle
Découvre comment formater en JavaScript des distances temporelles nickel, au cordeau, quelle que soit la langue, et sans aucune bibliothèque !
JS protip : Formatter un intervalle de dates
Découvre comment formater en JavaScript des intervalles temporels nickel, au cordeau, quelle que soit la langue, et sans aucune bibliothèque !
JS protip : Formatter une date/heure selon les usages locaux
Découvre comment formater en JavaScript des dates et heures nickel, au cordeau, quelle que soit la langue, et sans aucune bibliothèque !
JS protip : Récupérer les derniers éléments d’un tableau
Découvre les multiples façons, certaines toutes récentes, d’aller chercher facilement sur la fin d’un tableau en JavaScript.
Git protip : renommer un vieux commit
Que dirais-tu d’un alias qui te permette de modifier rapidement le message d’un commit précédent ?
Git protip : ajouter en un clin d’œil des modifs oubliées à un vieux commit
Que dirais-tu d’un alias qui te permette d’ajouter rapidement des fichiers à un commit précédent ?
Git protip : suivre les évolutions d’une fonction avec log -L
Analyser les évolutions d’un bloc de code, déterminer l’introduction d’une erreur, d’un bug : “git log -L” vient te sauver 🦸♀️
Git protip : blame, oui mais non !
Si tu utilises "git blame" et que tu crois que c’est une bonne idée, tu te trompes !
Git protip : personnaliser la couleur des statuts
"git status" est probablement la commande qu’on utilise le plus dans le terminal. Mais sais-tu qu’on peut choisir la couleur de certains affichages ?
JS protip : npm-check
Mets facilement à jour tes dépendances avec npm-check ! Tellement plus agréable que outdated + update…
Git protip : réparer le dernier commit avec "--amend"
Tu as foiré ton dernier commit et tu souhaites le corriger ? La commande "git commit --amend" est ton amie !
VSCode protip : déplacer, dupliquer des lignes
Découvre ces raccourcis claviers qui te permettent de déplacer et dupliquer rapidement des lignes
Git protip : dernière branche active avec “-”
Sais-tu qu’on peut facilement accéder à la dernière branche active avec la notation "-" ?
Git protip : un log graphique qui déboîte
Le log classique Git (pour l’affichage de l’historique des commits) ne répond pas au cas d’usage standard. Plutôt que d’utiliser une interface graphique, utilisons un alias et un log personnalisé.
Git protip : un diff sympa et efficace dans le terminal
Que dirais-tu de voir de manière claire les différences par fichier et par ligne, sans pollution visuelle ?
Submodules : assemblez vos projets Git
Assembler de projets Git à la manière d’un système de gestion de dépendances, c’est l’intention des submodules, mais attention aux pièges…
Les ESM (modules ES)
Tout savoir sur les modules natifs à ECMAScript, les "ES Modules" ou ESM, apparus avec ES2015 et qui constituent aujourd’hui le standard de la modularité en JavaScript, dans Node.js comme dans les navigateurs.
Les tags : identifier des points d’historique
Nommer un endroit fixe d’historique, par exemple pour indiquer un numéro de version logiciel.
Dépôt distant vs. dépôt local
L’architecture de Git est dite distribuée. Il gère à cet effet une copie locale de l’historique et nous permet de nous synchroniser avec un ou plusieurs dépôts distants.
Rebase : le couper-coller de l’historique
Qu’est-ce qu’un rebase ? À quoi cela peut-il bien servir ?
Profitez de l’été pour vous former à prix cassé
Dans cette série découvrez les termes essentiels pour bien comprendre Git
Fusion et conflits
Qu’est-ce qu’une fusion ? Que signifie le fast-forward ? Comment gérer les conflits ?
Des commits atomiques ⚛️
De l’importance de créer des commits avec des contenus cohérents, traitant d’un sujet spécifique à la fois.
Les séparateurs numériques en JS
Marre de devoir compter à la main les chiffres d’un nombre pour en connaître l’échelle ? Marre de devoir les découper à la main pour isoler les composants ? Voici enfin les séparateurs numériques !
Les branches : de simples étiquettes
Le savais-tu : les branches Git ne sont que de simples étiquettes ? Découvre dans cet article la souplesse que cela nous apporte et apprend à ne plus avoir peur d’utiliser les branches
Les opérateurs d’affectation logique en JS
Encore une façon sympathique de raccourcir son code JS tout en améliorant sa lisibilité.
Git HEAD : où ai-je la tête ?
Git HEAD : le « vous êtes ici » du GPS Git
Optional chaining et Nullish coalescing
Fini les ternaires ou && imbriqués pour accéder en profondeur à une chaîne de données optionnelles ! Avec ces opérateurs d’ES2020, tout ça se simplifie drastiquement.
Les objets Git : blob, tree, commitish
Blob, tree, commitish : quelles sont les pièces détachées de Git ?
Porcelaine et plomberie : typologie et rôles des commandes
Porcelaine et plomberie : décrouvrir et comprendre les commandes et leur rôle
Glossaire des termes utiles Git
Dans cette série découvrez les termes essentiels pour bien comprendre Git
Les fonctions fléchées en JavaScript
Quasi tout le monde fait des fonctions fléchées, mais parfois à tort, en tout cas sans vraiment comprendre leur comportement. Découvre leurs subtilités, leurs avantages et leurs limites, et apprends quand les utiliser de façon pertinente.
Le binding et this en JavaScript
Le comportement de this en JS s’explique en une petite phrase ! Il est temps de lever le voile sur ce faux mystère qui déroute beaucoup trop de monde…
Portée, hoisting et mots-clés déclaratifs
La portée en JavaScript a parfois des comportements surprenants, mais en comprenant son fonctionnement et le rôle des différents mots-clés déclaratifs, tu peux écrire du code plus propre et pratique.
Les template literals en ES2015+
Les template literals en JS, c’est bien plus que de l’interpolation et du multi-lignes… Découvre leurs secrets dans cet article !
Les valeurs par défaut en ES2015+
Les valeurs par défaut, ça peut sembler basique, mais si JS les a eues après les autres, elles y sont également plus balèzes, ça valait le coup d’attendre ! Découvre ici tous leurs secrets…
Le rest/spread en ES2015 / ES2018
Le rest / spread, cousin de la déstructuration, est vite indispensable en JS moderne… Sur itérables ou sur objets génériques, découvrez toute sa puissance !
Quoi de neuf dans Git 2.34 et 2.35 ?
Auto-correction des commandes, nouvelle stratégie de fusion par défaut… Git 2.34 et 35 nous offrent de belles surprises !
La déstructuration en ES2015+
La déstructuration devient vite un incontournable de notre code JS moderne… mais es-tu bien sûr·e de l’avoir comprise pour de vrai ?
Anatomie d’un commit Git
Ne vous êtes-vous jamais demandé ce qu’est vraiment un commit ?
Les classes en ES2015+
Tu crois tout savoir sur les classes en ES2015+ ? Parions que tu vas apprendre plein de choses quand même dans cet article…
Git add hero 🤘
Git add vous permet de préparer vos commits en ajoutant au stage vos fichiers. Mais connaissez-vous toutes ses subtilités ?
Les zones Git : dans quel état j’erre ?
Les zones Git : à quoi servent-elles et pourquoi les apprendre ?
Noms de propriétés calculés en JS
Marre de stocker vos objets dans une variable pour pouvoir y injecter une propriété au nom dynamique ? Les noms de propriétés calculés sont là pour vous aider !
Propriétés et méthodes concises en JS
Simplifiez vos littéraux objets grâce à la syntaxe de propriétés et méthodes concises disponible depuis ES0215.
JS idiomatique : notre nouvelle série !
Découvrez notre nouvelle série d’articles à ne pas manquer : JS idiomatique !
Dédoublez-vous avec les worktrees
Vous êtes en plein milieu d’un travail complexe avec des fichiers dans différents état et devez traiter une urgence sur votre proje ? Git stash n’est pas tout à fait approprié ? Utilisez les worktrees !
Mettre du travail de côté avec le stash
Vous avez du travail en cours non prêt à être commité et vous devez effectuer des opérations sur votre projet ? Git stash est là pour vous aider !
Simulez vos appels réseau dans Storybook avec MSW
Storybook c’est génial pour faire du Behavior Driven Development ou documenter une bibliothèque de composants. En revanche, dès que le code illustré fait appel à des API, on est vite en galère…
Simulez vos appels réseau pour vos tests Jest avec MSW
On vous explique comment mettre en place facilement une infrastucture simulant des appels API depuis vos tests et sans devoir recoder la Terre entière. Bonus appréciable : vous pourrez réutiliser cette même infrastructure pour Storybook.
Normez vos branches avec husky et validate-branch-name
Les noms de branches sont critiques pour comprendre correctement les travaux en cours, et comprendre les fusions dans l’historique : voyons comment garantir leur qualité.
Améliorez vos messages de commits avec husky et commitlint
Entre lisiblité de l’historique et automatisation du changelog, bien rédiger vos messages de commits offre de nombreux avantages à vos projets.
Sauvez vos commits grâce à husky et git-precommit-checks
Parce qu’il arrive qu’on laisse traîner du code pourri, des logs, des marqueurs de conflits ou des commentaires qu’on voulait temporaires etc, il est préférable d’éviter de commiter tout ça. C’est là qu’intervient git-precommit-checks.
Du code bien formaté sans effort avec husky et lint-staged
Formater le code et repérer de mauvais motifs sont des tâches souvent gérées par notre éditeur. Mais qu’en est-il si cet outillage est désactivé ou si on travaille dans un autre éditeur ?
Gérez facilement les hooks Git avec husky
Les hooks Git sont géniaux, mais pas partagés ! Heureusement husky est là pour nous aider.
Quoi de neuf dans Git 2.30 ?
Git 2.30 est sortie en décembre 2020 et nous apporte quelques petites nouveautés intéressantes
Plein de bonnes nouvelles pour les prochains mois !
De nouvelles formations, sessions, financements et offres pour l’hiver 2020-2021 !
Cybermonday : le retour des cours vidéos à 10€ !
Pour le Cybermonday 2020, retrouvez tous nos cours vidéos à seulement 10€ !
Plein de bonnes nouvelles pour la suite de 2020 !
De nouvelles formations, sessions, financements et offres pour l’automne 2020 !
Des indices de tableaux négatifs grâce aux proxies
Les proxies sont une fonctionnalité merveilleuse de ES2015. Cet article explore une utilisation sympathique : les index de tableau négatifs.
Simuler une classe abstraite avec new.target
Connais-tu new.target ?! Grâce à cette référence très particulière, tu peux par exemple facilement implémenter des classes abstraites en interdisant certains usages de l’opérateur new…
La boucle for-of : s’il ne devait en rester qu’une…
Oubliez le for numérique : la boucle for…of, apparue en ES2015, est votre nouvelle meilleure amie… et tellement plus polyvalente !
Convertir un objet en Map et réciproquement
Parfois, un objet simple suffit. Parfois, on voudra un Map. Mais pourquoi, et comment passer aisément de l’un à l’autre ?
Object spread vs. Object.assign
À l’heure où tout le monde semble opter pour la syntaxe “object spread”, y’a-t-il encore une place pour l’API Object.assign(…) ? Y’a-t-il seulement une différence ? Bien sûr que oui !
Utiliser des captures nommées
ES2018 amène enfin les captures nommées aux expressions rationnelles, et c’est le bonheur !
const is the new var
Faut-il encore utiliser “var” ? Faut-il juste le remplacer par “let” ? Et “const” dans tout ça ? Dans cet article, nous t’expliquons pourquoi “const” devrait être ton mot-clé déclaratif le plus fréquent.
Définir proprement des paramètres nommés optionnels
JavaScript n’a pas de paramètres nommés ? Pas de problème ! La déstructuration nominative nous fournit une solution… mais attention aux cas à la marge.
Extraire les emojis d’un texte
Les emojis sont partout, mais pas simples à identifier, extraire, regrouper, etc. au sein d’une chaîne de caractères. Ils sont en augmentation constante, utilisent systématiquement des surrogate pairs… Comment faire ça vite et bien ?
Trier proprement des textes
Trier des tableaux de données complexes en JS, c’est souvent vu comme du mission impossible… pourtant, les possibilités natives sont énormes !
Vive les séparateurs numériques !
Marre de devoir compter à la main les chiffres d’un nombre pour en connaître l’échelle ? Marre de devoir les découper à la main pour isoler les composants ? Voici enfin les séparateurs numériques !
Retirer facilement les « valeurs vides » d’un tableau
Besoin d’apurer un tableau ? On a tout un tas de solutions, et certaines sont… très concises !
Inverser deux valeurs avec la déstructuration
Si tu utilises encore une variable temporaire pour en inverser deux autres, tu t’y prends mal™
Court-circuiter plusieurs niveaux de boucles
Parfois, le meilleur moyen de court-circuiter des boucles imbriquées ce sont les étiquettes d’instruction !
Strings et Unicode en JavaScript
Tout ce qu’il faut savoir pour traiter correctement les codepoints Unicode avancés dans les Strings JavaScript.
Array#splice, ce couteau suisse
Connais-tu Array#splice, la manière la plus performante de triturer un tableau en JavaScript ?
Formater proprement un nombre
Formater un nombre en JS aux petits oignons ?! C’est super facile en fait !
Extraire efficacement une sous-chaîne de texte
Vous découpez des Strings en JS ? Jetez donc aux orties substring et surtout substr ! Seul slice assure votre salut !
Dédoublonner efficacement un tableau
Découvrez la manière optimale de dédoublonner un tableau depuis ES2015…
19 pépites JavaScript !
Chaque jour une pépite JavaScript, pendant 19 jours !
Formez gratuitement vos salariés !
Pendant la pandémie Covid-19, faites financer à 100% par l’État la formation de vos salariés si vous en avez en activité partielle !
Appeler une fonction JavaScript avec un this explicite
JavaScript ne lie pas intrinsèquement vos fonctions à des "this" précis… mais ça veut dire qu’il vous permet de les appeler explicitement avec un "this" donné ! À quoi ça sert, et comment faire ?
Profitez de nos intras en mars et avril 2020 !
Profitez d’une intra ES Total ou Webpack à prix doux en la prenant du 25 au 27 mars dans le quart Sud-Est de la France ! -30% pour 3 jours au top jusqu’à 10 apprenant·e·s.
Notre guide pour apprendre Git
Découvrez nos ressources et notre méthodologie recommandée pour apprendre tout ce dont vous avez besoin au sujet de Git, de l’installation aux usages avancés, des fondamentaux aux astuces d’expert !
Web Apps Modernes 2020 : plein de nouveautés !
Le cru 2020 de notre célèbre formation Web Apps Modernes a beaucoup évolué : basée hooks, avec React Testing Library, une stack de tests dégraissée, libs plus modernes… Un vrai bonheur !
La doc officielle FR de React, première 100% à jour !
La documentation officielle française de React est la première 100% à jour depuis la sortie du mode concurrent.
git log : qui suis-je ? D’où viens-je ? Où vais-je ?
Apprenez à lire votre log et y rechercher des informations utiles
Faire du JS asynchrone : notre nouveau cours vidéo
Notre premier cours vidéo est sorti ! 3h et 40+ exemples de code pour seulement 29€, le cours haut de gamme de référence.
Hook’il est mon beau commit ?
Optimisez vos contenus et messages de commit grâce aux hooks Git.
Les sessions Q2 2018 sont arrivées !
Tout plein de nouvelles dates de formations pour le 2e trimestre 2018 : Webpack, ES Total, Git, Node.js, Web Apps Modernes…
Workflow Git : définir les conventions d’un projet
Des conventions pour mieux nous guider et automatiser certaines tâches
Workflow Git : objectifs et principes généraux
Travailler seul ou à plusieurs, gagner en qualité et en performance… comment améliorer notre façon de travailler ?
Workflow Git : développer des fonctionnalités en parallèle
Développer des fonctionnalités en parallèle, limiter la concurrence et favoriser la qualité, ça n’est pas bien difficile !
Workflow Git : gérer les versions publiques
Une nouvelle évolution de notre logiciel est terminée, comment l’identifier ?
Workflow Git : corriger les bugs
Oh non, la prod’ est H.S., comment corriger et s’assurer de la qualité des corrections
ES Total et Webpack : 2 nouvelles formations !
Découvrez nos 2 nouvelles formations : 100% de JavaScript dernière génération et une plongée profonde dans Webpack…
JS Total devient Web App Modernes
La formation « JS Total » devient « Web App Modernes » : pourquoi ?
Git Hooks ou la revanche du crochet Git
Gagnez en sérénité et en qualité en automatisant certains traitements.
Git Attitude et JS Attitude rejoignent le « vaisseau-mère »
Il est temps de ramener JS Attitude et Git Attitude au bercail, pour présenter une marque unifiée à nos clients.
Git reset : rien ne se perd, tout se transforme
La commande git reset est un outil formidable souvent mal compris et peu maîtrisé. Elle ouvre pourtant la voie à un large éventail de solutions et d’astuces pour optimiser notre travail et nos workflows.
Notre cours vidéo GitHub est sorti !
Notre cours vidéo très complet sur GitHub est paru chez O’Reilly ! Alors, y’a quoi dedans ?
Pourquoi je préfère Brunch
Pour du *build* pur d’application web front, Brunch a longtemps été le must absolu (avant que ne survienne Webpack). Voyons à quel point ça envo(yait) du bois.
Comprendre et maîtriser les subtrees Git
Enfin, les meilleures pratiques autour des subtrees Git, démos et manips à l'appui ! Workflows, commandes, options et réglages.
Le mode strict de ES5+
Mode strict ou laxiste ? Découvrez comment faire pour que JS vous aide davantage en vous rattrapant par le col le plus tôt possible.
2014 est terminée, vive 2015 !
Ayé, 2014 est derrière nous ; Delicious Insights fait le point sur cette année riche d’événements.
Comprendre et maîtriser les submodules Git
Enfin, les meilleures pratiques autour des submodules Git, démos et manips à l'appui ! Workflows, commandes, options et réglages.
14 trucs !@# dans votre JS
C’est toujours les mêmes horreurs dans le code JS qu’on rencontre. Quelques anti-patterns classiques et leurs solutions.
Git Bisect : débusquer rapidement l'origine d'un bug
Tu peux passer des jours à chercher à la main, et mal, l’origine d’un bug dans une boîte noire. Ou tu peux automatiser tout ça avec `bisect`.
Préserver certains fichiers au merge
Savais-tu que lors d’une fusion entrante, tu peux demander à Git de préserver ta version courante de certains fichiers ?
Le type Date en JS : LOLWUT?!
Les moments WTF de JS sont de retour avec son constructeur natif `Date`, qui a tous les mêmes bugs que son homologue Java, hélas…
Ressources pour une veille technologique web front de qualité
Pourquoi consacrer du temps à la veille, et comment la faire efficacement ?
N’arbitrez vos conflits Git qu’une fois grâce à rerere
Fini, l’arbitrage manuel du même conflit à répétition : faites en sorte que Git s’en souvienne et rejoue vos arbitrages tout seul !
26 modules Node.js que j’utilise tout le temps
Pour faire suite à notre liste front/iso, voici un paquet de modules Node qui nous semblent incontournables.
12 libs JS front que j’utilise tout le temps
Florilège de bibliothèques JS (front ou isomorphes) sans lesquelles on aurait bien du mal à bosser.
30 options de commande Git qui gagnent à être connues
Histoire de faire moins du SVN en Git et plus du vrai Git, une grosse trentaine d’options CLI qui changent la vie avec Git au quotidien.
Les joies de slice et splice
Deux méthodes de `Array` qui sont bien plus puissantes que leur usage classique, mais à ne pas confondre entre elles.
Le piège de Array#sort
Dans la série « les pièges inattendus de JS », voici `Array#sort`, son côté en-place et son amour de `String`.
Le point sur les évolutions depuis Git 1.7
Git bouge pas mal ces temps-ci. Petit tour d’horizon des nouveautés intéressantes, pour ceux qui ne suivent pas les notes de version.
Retour sur l'année écoulée
Déjà 3 ans ! Où en est Delicious Insights ?
Bien utiliser Git merge et rebase
La référence absolue sur ces deux commandes, leurs avantages et inconvénients respectifs, leurs philosophies et leurs bons cas d’utilisation.
Meilleures pratiques pour vos URLs, verbes HTTP et APIs
Quelques conseils-clés sur la structuration intelligente de vos points d’accès HTTP(S) API.
Un prompt Git qui déchire
Le retour du prompt Git haut de gamme, notamment dans Bash, cette fois-ci en s’appuyant sur les scripts officiels.
Formations Attitude : un premier bilan
Le point sur les quelques années de formation écoulées.
Une configuration Git aux petits oignons
Passage en revue détaillée des réglages incontournables pour une utilisation efficace de Git au quotidien. Une référence.
Sublime Text 2 pour le dev web : config, trucs et astuces
Un article de référence sur l’utilisation avancée de ST en général, et dans le cadre du développement web en particulier.
10 bonnes pratiques JavaScript
Quelques recommandations solides comme le roc pour améliorer drastiquement la qualité et la maintenabilité de ton code JS.
Convertir un texte en nombre en JavaScript
Un de ces sujets où on a l’impression, comme ça, superficiellement, que JS est vraiment débile parfois. Mais non.
Pourquoi tu ne devrais jamais utiliser new sur les types JavaScript natifs
Répète après moi : tu n’utiliseras jamais `new` pour la plupart des constructeurs prédéfinis par JavaScript. Voici pourquoi.
Mais qu'est-il arrivé à Prototype ?
Il était beau, il sentait bon le sable chaud, il a inspiré ES5… et puis il a quitté la scène. Mais qu’est-il arrivé à cette magnifique lib ?
JavaScript n'a rien à voir avec Java : petite histoire d'un marketing malheureux
Quand les marketeux de Sun créent la confusion pour 30 ans chez tous les RH du monde.
Le nombre qui s'incrémente tout seul
Rions ensemble avec les blagues inhérentes au format IEEE-754 qui gouverne les nombres flottants à double précision, dont les `Number` en JS.
Truthy ou falsy : quand est-on dans le vrai en JavaScript ?
JS, c’est le langage ou plein de chose sont falsy, plus qu’ailleurs. Et en plus, la conversion booléenne dépend du contexte.
Enfin maîtriser les expressions rationnelles
Les regex, c’est le bien. C’est la puissance. Et ce n’est (vraiment) pas si difficile. Voici un vrai tuto de référence.
Git + Subversion : arrêtez d’ignorer ce que vous devriez ignorer (?!)
Un petit outil qui migre vos définitions svn:ignore vers des fichiers .gitignore tout propres…
Comprendre et maîtriser les clés SSH
Le didacticiel français de référence sur les clés SSH et leur manipulation efficace, avec ou sans Git, quel que soit votre OS.
Git, Basecamp, et un peu de magie
Un petit outil à base de hooks pour automatiquement manipuler vos tâches Basecamp à l’aide de vos messages de commits.
Installer un Git récent
Tout ce qu’il faut savoir pour installer une version bien récente de Git, quel que soit votre OS.
Héberger un serveur Git avec Gitosis (Linux / OSX)
Une exploration pas à pas, en profondeur, de la mise en œuvre de notre propre serveur Git à l’aide de Gitosis.
Le prompt Bash qui change la vie avec Git
On se cale à la main un prompt Bash qui déboîte pour faire du Git…