Cours
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
Angular
De la théorie à la pratique – Learn Angular
Nous connaissions AngularJS, le fameux framework de Google permettant la réalisation d’applications web dites « SPA » pour Single Page Application. Pour ceux qui seraient passés à côté de ce concept, une SPA est une application ne disposant que d'une seule page : index.html. Ce type d'architecture Web permet d'améliorer l'expérience utilisateur en favorisant
Angular
Un peu d’histoire … – Learn Angular
La norme HTML 5 a été finalisée en octobre 2014. Elle a mis beaucoup de temps à accoucher (pour mémoire, HTML 4 date de 1997), mais HTML 5 n’est pas une simple évolution du HTML mais plus une Révolution ! Il a permis d'étendre le HTML et ainsi de créer ses propres balises HTML.
Angular
ng-template, ngTemplateOutlet and ngTemplateOutletContext | Learn Angular
This is the first article of a new section exposing various problems that can be found and obviously how to answer them. There is no need to look for an order in these articles, it's just a collection of tips and tricks. Problematic The problem is rather simple at first glance : Create a menu
Angular
Components inheritance | Learn Angular
Since Angular 2.3, we can use Components inheritance. The feature improve code reusability and desgin of our applications. This feature covers all of the following : Metadata : You can herit of parent properties or override them. So, we can inherit from @NgModule, @Host, @Self @SkipSelf, @Inject, @Optionnal, @Attribute, @ContentChild, @ContetnChildren, @ViewChild … and lot of them. Constructor
Angular
How ng-content and selector can help you ?
When you want to add dynamic content in a fixed view template, you should think Transclusion. This mecanism allow you to define a hook for dynamic content by using tag. For exemple, CardComponent is a component that uses this mechanism : We can see this component as a template. Now, here's how to use it : You can
Angular
How to call an asynchronous service before bootstrap ?
Sometimes, we have to fetch datas before our application boostrap is started. It happens when we have to fetch a server configuration before calling an API. Angular offers a poorly documented system : the APP_INITIALIZER provider. APP_INITIALIZER is a multi provider, that is, a provider that accepts several values. But this provider is special because it accepts promises. As
Angular
Les pipes – Learn Angular
Le principe d'un pipe est de prendre en entrée une donnée et de la transformer comme vous le désirez dans le but de l'afficher à l'utilisateur. Un exempale courant d'utilisation des pipes est le formatage des dates. Si vous devez afficher un objet Date dans votre template en utilisant l'interpolation, vous allez voir s'afficher un simple toString()
Angular
Le module HttpModule – Learn Angular
Le module HTTP est un module optionnel d'Angular qui vous permet de requêter vos API à l'aide du protocole HTTP. Pour l'utiliser cela implique deux choses : La dépendence @angular/http doit être déclaré comme dépendance NPM. Le module doit être déclaré dans les métadonnées du décorateur @NgModule. Angular a fait l'effort d'aligner ces versions pour
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