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 suiteBlog
NgClass: manipuler les Class avec Angular
Dans cet article, vous allez découvrir comment affecter dynamiquement des class à des éléments HTML du DOM avec le framework Angular. Je vais vous présenter différentes méthodes pour attribuer dynamiquement une class à un élément du DOM. Libre à vous ensuite de choisir celle qui vous convient le mieux.¨ Je vais en premier vous montrer […]
Lire la suiteNouveauté 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 suiteDevelopper 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 suitePromise, 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 suiteUpload 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 suiteRenommer 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 suiteNgStyle: 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 suiteTDD & 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 suiteAngular – Démystifier les formulaires Réactifs (Reactive Form)
L’ajout de formulaire dans une application et quasiment inévitable. Angular propose deux modules spécialisés pour la gestion des formulaires. Je vos présents ici une utilisation simple et compréhensible des Reactive Form pour que vous puissiez enfin maitriser correctement les formulaires avec Angular.
Lire la suite