Parcel Bundler

Dans cet article je vais te présenter Parcel Bundler, un outil qui permet de builder très facilement tes applications Javascript pour le web. Tu connais peut-être déjà cet outil qui a fait un grand bruit quand il a été mis en ligne… Car Parcel prétend pouvoir builder ton application Javascript sans aucun fichier de configuration à créer. Incroyable non?

Lire la suite

Les Web Component avec Vanilla JS

Les Web Component. Vous en entendez parler partout depuis un moment maintenant et vous ne savez pas ce que c’est ou comment cela fonctionne? Je vous explique dans cet article ce qu’est un Web Component et pourquoi il y a un tel engouement pour cette techno.

Lire la suite

NodeList, Array, difference et technique de manipulation

Dans cet article je vais vous montrer comment manipuler les elements NodeList, hérité de l’architecture DOM du navigateur. Contrairement aux Array traditionnels, les NodeList se comportent différemment, et l’iteration de ces derniers peut devenir problématique si l’on ne connaît pas les bonnes astuces.

Lire la suite

Nouveauté Javascript ES2019

Javascript est maintenant un language en perpétuelle évolution. Connaissez-vous les dernières nouveautés Javascript ES2019? De nouveaux opérateurs sont maintenant disponibles, donc si vous n’avez jamais utilisé flat(), flatmap() ou fromEntries() cet article vous permettra d’apprendre les nouvelles fonctionnalités ES9.

Lire la suite

Promise, Async/Await avec Javascript

Les promises sont une fonctionnalité de Javascript qui permet de travailler et d’organiser un code asynchrone correctement. Dans cet article je vous explique comment les promises s’utilisent et comment les coupler avec le fameux Async/Await dont on entend parler partout.

Lire la suite

Renommer les Variables déstructurée ES6

Nous avons déjà vu ce que sont les variables déstructurées en Javascript avec un article précédent traitant du Destructuring avec ES6. Je vais vous montrer ici comment aller plus loin avec cette technique en vous donnant quelques astuces utiles. Le destructuring est très pratique, mais parfois, le nom des variables retournées n’est pas suffisamment explicite pour permettre une compréhension et une relecture du code aisé. C’est à ce moment qu’il devient utiles de pouvoir les renommées comme bon nous semble.

Lire la suite

TDD & Test Unit avec Jest

TD, Test Unit, vous avez certainement déjà entendu ou lu ces terms. Ils sont presque incontournables. Je vous explique ici ce que c’est que le TDD et pourquoi faire des tests unitaires. Nous verrons aussi quels outils de testing utiliser pour effectuer les tests et le reporting de ces derniers.

Lire la suite

Custom ES6 Decorator avec Ionicframework

Les décorateurs sont une fonctionnalité ECMA script qui a été introduit avec la version ES6. Les décorateurs permettent d’altérer la configuration d’une Class juste avant sa génération. Vous en avez déjà rencontré lors de l’utilisation de framework comme Angular ou Ionic, mais dans cet article je vais vous montrer comment créer votre propre custom decorator et comment l’utiliser dans une situation concrète avec Ionic.

Lire la suite

ES6 – Destructuring

EcmaScript 2015 introduit de nombreuses fonctionnalités. Le destructuring type est une features peut connu et peut utilisée. Mais une fois qu’on l’a testé, on peut plus s’en passé.

Lire la suite