Anguar Flashcards
Qu’est-ce qu’Angular et quel est son rôle principal ?
Angular est un framework JavaScript open-source développé par Google, utilisé pour la création d’applications web dynamiques et single-page.
Expliquez la différence entre AngularJS et Angular.
AngularJS est la première version d’Angular, basée sur JavaScript, tandis qu’Angular (ou Angular 2+) est une réécriture complète en TypeScript avec des fonctionnalités améliorées.
Qu’est-ce que TypeScript et pourquoi l’utiliser avec Angular ?
le TypeScript est un sur-ensemble (un “superset”) de JavaScript qui est justement transcompilé (transcompilation : “traduction” d’un langage de programmation vers un autre - différent de la compilation, qui transforme généralement le code vers un format exécutable) en JavaScript pour être compréhensible par les navigateurs. Il ajoute des fonctionnalités extrêmement utiles, comme, entre autres :
le typage strict, qui permet de s’assurer qu’une variable ou une valeur passée vers ou retournée par une fonction soit du type prévu ;
les fonctions dites lambda ou arrow, permettant un code plus lisible et donc plus simple à maintenir ;
les classes et interfaces, permettant de coder de manière beaucoup plus modulaire et robuste.
Qu’est-ce qu’un composant Angular ?
Un composant Angular est une partie fondamentale de l’architecture Angular, représentant une partie réutilisable de l’interface utilisateur. Il est composé de fichiers TypeScript, HTML et CSS.
Expliquez la notion de databinding dans Angular.
Le databinding est le mécanisme qui synchronise automatiquement les données entre le modèle et la vue dans Angular. Il existe le databinding unidirectionnel (de modèle vers vue ou de vue vers modèle) et le databinding bidirectionnel.
Qu’est-ce qu’un service Angular et à quoi sert-il ?
Un service Angular est un singleton partagé dans toute l’application, utilisé pour encapsuler la logique métier, l’accès aux données ou les fonctionnalités réutilisables.
Quelle est la différence entre ngOnInit et constructor dans un composant Angular ?
Le constructeur est appelé lors de la création d’une instance de composant, tandis que ngOnInit est appelé après l’initialisation des propriétés du composant, souvent utilisé pour des initialisations supplémentaires.
Qu’est-ce qu’un routeur dans Angular et comment fonctionne-t-il ?
Le routeur d’Angular gère la navigation dans l’application. Il mappe les URL aux composants et permet la navigation entre différentes vues sans rechargement
AJAX ?
À partir de 2005, le système AJAX (Asynchronous Javascript And XML) permet des interactions entre l’utilisateur et des backend HTTP : il est enfin possible d’échanger des informations et de générer du contenu à partir de ces interactions.
SPA ?
,Single Page Application, des applications entières qui tournent dans une seule page HTML grâce au JavaScript.
Quels sont les trois langages manipulés via Angular ? Définissez les rapidement
Le développement Angular passe par trois langages principaux :
le HTML pour structurer;
le SCSS pour les styles – le SCSS est une surcouche du CSS qui y apporte des fonctionnalités supplémentaires, mais qui permet également d’écrire du CSS pur si on le souhaite ;
le TypeScript pour tout ce qui est dynamique, comportement et données – un peu comme le JavaScript sur un site sans framework.
Avec Angular, quel est le runtime ? le Package Manager ? CLI ?
Node == Runtime
Package manager == Node Package Manager, ou npm
CLI == (Command Line Interface, ou interface en ligne de commande) d’Angular est un outil indispensable pour créer, gérer et déployer les applications Angular.
DOM
Le DOM (Document Object Model) est une API qui représente et interagit avec tous types de documents HTML ou XML. Le DOM est un modèle de document chargé dans le navigateur. La représentation du document est un arbre nodal.
Qu’est ce qu’une directive Angular ?
En Angular, une directive est un composant fondamental qui vous permet d’étendre le comportement d’un élément DOM. Les directives peuvent être utilisées pour créer des composants réutilisables, ajouter un comportement spécifique à un élément DOM, ou même créer des structures d’interface utilisateur plus complexes.
Il existe deux types principaux de directives dans Angular : les directives structurelles et les directives d’attributs.
Directives structurelles :
Les directives structurelles modifient la structure du DOM en ajoutant, supprimant ou manipulant des éléments. Elles sont souvent utilisées avec des expressions conditionnelles pour rendre ou non certains éléments en fonction de la logique de l’application. Exemples de directives structurelles : *ngIf, *ngFor, *ngSwitch.
Exemple avec *ngIf :
html
Copy code
<div *ngIf=”condition”>Contenu affiché si la condition est vraie</div>
Directives d’attributs :
Les directives d’attributs changent l’apparence ou le comportement d’un élément DOM existant. Elles sont souvent utilisées pour encapsuler et réutiliser du comportement, et peuvent être appliquées en utilisant des attributs sur les balises HTML. Exemples de directives d’attributs : ngClass, ngStyle.
Exemple avec ngClass :
html
Copy code
<div [ngClass]=”{‘classe1’: condition1, ‘classe2’: condition2}”>Contenu avec classes conditionnelles</div>
Les directives peuvent être fournies par Angular (telles que *ngIf et ngClass), ou vous pouvez créer vos propres directives personnalisées en utilisant le système de directives d’Angular. Créer une directive personnalisée permet d’abstraire la logique et le comportement réutilisable, contribuant ainsi à rendre votre code plus modulaire et maintenable.
