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

Developper des applications Full Stack avec Angular CLI et Nx Workspace

Découvrez comment organiser l’architecture complète d’un projet utilisant Angular en Front et Node JS en Backend avec un outil qui est maintenant de plus en plus répandu en entreprise. Il s’agit de Nx de Nrwl. L’extension pour booster les capacités d’Angular CLI et permettre une organisation de projet full stack digne d’une machine de guerre. La galère des projets Full Stack […]

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

Upload File avec un Reactive Form Angular

Créer un Reactive Form avec system de gestion de l’upload file est un grand classique des exercices lors des formation Angular. Toute la difficulté réside dans le faite de binder le formulaire avec l’input qui permet de sélectionner le fichier à envoyer sur le serveur.

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

NgStyle: changer le style CSS avec Angular

Dans cet article, vous allez découvrir comment affecter dynamiquement des styles CSS à des éléments HTML du DOM avec le framework Angular. Je vais vous présenter différentes méthodes pour attribuer dynamiquement un style CSS à un élément à l’aide de la propriété style. Libre à vous ensuite de choisir celle qui vous convient le mieux.

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