Blog
Angular
Comprendre RxJS – Learn Angular
Reactive extensions for JavaScript (RxJS) est une librairie de flux reactifs qui vous permet de travailler avec des flux de données asynchrones. La programmation réactive est un paradime de programmation orienté flux de données et propagation des changements. RxJS peut être utilisé aussi bien dans un navigateur que côté serveur via Node.js. Je ne vais
Angular
L’injection de dépendances Angular – Learn Angular
Nous allons parler dans cet article d'un des piliers du framework Angular : L'injection de dépendance. L'injection de dépendance est une notion importante à bien comprendre et à bien implémenter. Déjà présent dans AngularJS, cette notion est toujours présente dans le nouveau framework de Google mais à bien changé. Nous allons prendre l'exemple d'un service
Angular
Les interactions entre components – Learn Angular
Dans une application Angular, les components passent leur temps à s'échanger des données à l'aide de différents mécanismes d'interraction. Cet article est là pour faire le point sur les différents mécanismes : permettant de transmettre une donnée d'un component parent vers un component enfant. permettant de transmettre une donnée d'un component enfant vers un component parent.
Angular
Le routage avec Angular – Learn Angular
L'un des rôles d'une application Web est de pouvoir servir des pages HTML au travers de liens HyperText. La balise responsable de ce routage est . Lorsque l'on clique sur un lien HyperText, le navigateur intercepte cette action et va charger la nouvelle page. Il en résulte la perte de tout contexte Javascript et un
Angular
Le cycle de vie d’un Component – Learn Angular
Nous allons maintenant étudier le cycle de vie d'un Component Angular. Pour ceux qui ne connaissent pas le terme de cycle de vie, il s'agit simplement de la définition de toutes les étapes de la naissance du Component à sa mort. Sur le schéma de gauche, vous pouvez voir toutes les étapes du cycle de
Angular
Les modules Angular – Learn Angular
L'équipe Angular a travaillé dur pour nous offrir un framework à l'architecture robuste et évolutive. Et comme ils sont également bons en dessin, ils nous ont offert ce magnifique dessin en guise de spécification : On retrouve ainsi les différents concepts que sont le data binding, les components, les directives, les injectors, et les modules. Nombreux
Angular
Le Data Binding Angular – Learn Angular
Le Data Binding est un élément essentiel dans les frameworks de Single Page Application. Il permet de synchroniser la vue au modèle JavaScript sous-jacent. Voici un schéma général du fonctionnement du Data Binding : Angular a défini quatre sortes de Data Binding pour synchroniser le template et le Component. Il est ainsi possible de
Angular
Les directives – Learn Angular
Dans l'architecture Angular, les directives sont finalement partout. Les Components sont des directives à la seule différence qu'ils possèdent une fonctionnalité de templating. En TypeScript, une directive est une classe à laquelle on applique le décorateur @Directive. Il existe deux sortes de directives : Les directives structurelles : Elles ont pour but de modifier le DOM en
Angular
Vos premiers Components – Learn Angular
Suite à l'article précédent, vous avez pu générer votre premier projet et lancer un serveur HTTP grâce à la commande ng serve. Je vous propose maintenant d'étudier de plus près notre premier component AppComponent présent dans src/app. En voici le code : Le selector est préfixé par app par défaut. Il est possible de changer
Angular
Démarrer avec Angular-Cli – Learn Angular
Maintenant que vous êtes familier avec la notion de Component, j'imagine que vous désirez, vous aussi, créer vos propres Components. Avec Angular, vous pouvez développer vos applications avec TypeScript comme nous l'avez vu dans le précédent article, mais également en « Vanilla JavaScript ». Vanilla JavaScript ? Ce que l'on appelle communément Vanilla signifie que l'on
