Implémenter des tests dans une application Angular

Cet article fait partie de la série d’articles Angular from Scratch. Le but de cet article est d’indiquer comment implémenter des tests unitaires dans une application Angular. Les tests peuvent porter sur du code dans la classe d’un composant, d’un service ou le rendu HTML à partir d’un template. On indiquera quelques méthodes pour mocker…

Continuer à lire

Les composants Angular

Cet article fait partie de la série d’articles Angular from Scratch. @brodanoel Les composants font partie des objets les plus importants d’Angular car ils permettent d’afficher des vues. Chaque vue correspond à une unité capable d’afficher une partie d’une application Angular. Pour ordonner cette unité d’implémentation, un composant est formé de différents éléments: La vue…

Continuer à lire

Angular from scratch

@john_artifexfilms Angular est un framework permettant d’implémenter des applications Javascript front-end exécutées coté client sous forme de Single Page Application (i.e. application web monopage). Le langage utilisé pour implémenter des applications Angular est Typescript. Le but de cet article est d’indiquer les caractéristiques et les éléments de syntaxe principaux d’Angular en partant de zéro c’est-à-dire…

Continuer à lire

Appliquer des styles CSS aux vues Angular

Cet article fait partie de la série d’articles Angular from Scratch. @_stfeyes Angular permet d’appliquer un style CSS sur les éléments des vues des composants. Ce style CSS peut être défini de façon globale pour toute l’application, au niveau d’un composant ou plus spécifiquement à un élément. Le but de cet article est d’expliciter différentes…

Continuer à lire

Les vues des composants Angular

Cet article fait partie de la série d’articles Angular from Scratch. @amyb99 Les composants Angular sont des objets permettant d’afficher une vue. Il s’agit d’une unité d’implémentation correspondant à une partie de l’affichage d’une application Angular. Cette unité comporte de nombreux éléments permettant de faciliter l’implémentation de façon à, dans un 1er temps, initialiser les…

Continuer à lire

Requêter les éléments d’une vue d’un composant Angular

Cet article fait partie de la série d’articles Angular from Scratch. Pour récupérer l’instance d’un objet se trouvant sur la vue dans la classe d’un composant, il est possible d’effectuer des requêtes auprès de cette vue et renseigner un membre ou une propriété de la classe avec l’instance de cet objet. L’objet requêté peut être…

Continuer à lire

Personnaliser la détection de changements dans une application Angular

Cet article fait partie de la série d’articles Angular from Scratch. @raychelsnr Le but de cet article est d’expliquer quelques caractéristiques de la détection automatique de changements dans une application Angular. Ensuite, on indiquera comment on peut personnaliser cette détection pour améliorer les performances ou pour la solliciter de façon explicite. Un autre article permet…

Continuer à lire

Fonctionnement de la détection de changement dans une application Angular

Cet article fait partie de la série d’articles Angular from Scratch. @dlohmar La détection de changements est un sujet important car l’algorithme qui le gère est le même que celui qui met à jour le DOM et qui déclenche les callbacks du cycle de vie d’un composant (i.e. lifecycle hooks). Certains comportements d’Angular découlent directement…

Continuer à lire