Dynamic Checkbox & Radio avec Angular Reactive Form

Les Checkbox et Radio sont une fonctionnalité essentielle de l’interface utilisateur de nombreuses applications Angular. Pourtant, aussi simple qu’elles paraissent, il n’est pas toujours facile d’implémenter un système dynamic et réactif de case à cocher avec une liste d’options en provenance d’une base de données par exemple. Je vais te montrer dans cet article comment faire cela facilement avec un exemple concret que tu pourras réutiliser.

Lire la suite

Angular Injection Multi Services

Avec Angular tu utilises probablement plusieurs services pour le traitement de tes données. Savais-tu que tu pouvais faire de la composition d’injection multi services pour gagner en lisibilité et en réutilisabilité? Cela est particulièrement utile quand tu crées de larges applications qui requièrent plusieurs services pour le traitement et la manipulation des données.

Lire la suite

Angular, créer un service réactif avec les Observables

Les Observables sont un concept que l’on retrouve dans le framework Angular. Il est ainsi possible de créer des services Réactifs en utilisant les Observables pour propager plus facilement la mises à jour des données dans les composants qui consomment ces datas. Je vous présente dans cet article comment mettre en place et utiliser un service réactif pour votre application Angular.

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

Recursive *ngFor avec Angular

Vous savez certainement déjà tous comment effectuer une iteration de tableau avec la directive *ngFor. Dans cet article, je vais vous montrer comment effectuer une boucle récursive avec Angular. Je vais vous présenter deux manières d’effectuer cette opération. Libre à vous ensuite de choisir celle qui convient le mieux à votre cas d’utilisation. Avant de […]

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

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

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