Browsed by
Angular Catégorie : Angular

Plein de tutoriels et d’articles sur Angular. Ces tutoriels vont vous permettre d’apprendre sur le développement avec Angular 5

Comment gérer l’injection de dépendances dans Angular?

Comment gérer l’injection de dépendances dans Angular?

Nous nous retrouvons dans cet article pour apprendre à gérer les injections de dépendances dans vos projets Angular. Introduction Les injections de dépendances ont toujours été un point très important dans les projets Angular. Elles permettaient d’inclure divers composants au sein de vos applications. Bon honnêtement, on ne savait pas trop comment ces dépendances étaient créées, ni si on en avait besoin ou pas. Au long de cet article, nous allons revenir rapidement sur le système d’injection de dépendances d’AngularJS…

Read More Read More

Angular tutoriel : Commencer rapidement un projet avec Angular Cli

Angular tutoriel : Commencer rapidement un projet avec Angular Cli

Cet article a pour but de vous apprendre les fondamentaux d’Angular CLI. Cet article est un complément au guide de démarrage Angular que vous pouvez obtenir en vous inscrivant à la newsletter ( et tout ça gratuitement :)) Nous allons aborder un peu plus de notions que dans le starter guide. Dans cet article, nous allons voir : Comment créer nos fichiers Créer un composant Angular Bootstrapper notre application Les différentes façons de builder Avant de commencer, vous pourrez trouver la…

Read More Read More

Angular 5 : vous avez dit performances?

Angular 5 : vous avez dit performances?

On se retrouve pour parler d’une grande nouvelle dans la communauté Angular, la sortie d’une nouvelle version majeure : la 5.0.0. Comme vous vous en doutez, cette version majeure va apporter des nouvelles fonctionnalités ainsi que des corrections de bugs. Bon allez c’est parti, on commence toute de suite par un changement lié aux performances :   Build Optimizer Le Build Optimizer est un outil que Google a intégré par défault dans Angular CLI. Cet outil permet de faire des…

Read More Read More

Transclusion dans Angular 2 avec ng-content

Transclusion dans Angular 2 avec ng-content

Introduction Désolé, j’ai une bien triste nouvelle à vous annoncer. La transclusion a été perdue lors de la réécriture d’Angular 2. Mais rassurez-vous le mot transclusion a disparu mais le concept persiste. La transclusion dans AngularJS permet de prendre du contenu (comme du HTML ou du texte par exemple), et de l’injecter dans un template à un point spécifique du DOM. C’est maintenant possible dans Angular à travers des navigateurs modernes. Cette “transclusion” porte un nouveau nom, celui de Content…

Read More Read More

5 extensions Visual studio code pour Angular 2+

5 extensions Visual studio code pour Angular 2+

Introduction Nous nous retrouvons aujourd’hui pour parler de VS Code. J’ai découvert cet IDE très récemment (oui je suis en retard sur ce coup là je l’avoue). Bon je ne vais pas faire dans la demi-mesure : VS Code est juste énorme : Il est réellement très rapide Il marche très bien avec TypeScript Il est totalement gratuit L’idée de cet IDE est de se limiter aux fonctionnalités de base. Le but étant de pouvoir le customiser comme bon vous…

Read More Read More

Je me lance dans Angular 1.X ou Angular 2+?

Je me lance dans Angular 1.X ou Angular 2+?

Lorsque j’étais dans le développement d’application avec Angular 1.x, je me suis souvent demandé si cela valait le coup que je me lance dans l’apprentissage d’Angular 2. J’espère que cet article va permettre de vous éclairer un peu sur la question. On ne peut pas répondre de manière directe à cette question. Tout simplement parce que la réponse est spécifique à vous et à votre experience. Questions courantes Pleins de questions viennent sur le choix de la technologie notamment :…

Read More Read More

Les événements dans vos composants Angular 2+ avec EventEmitter et @Output

Les événements dans vos composants Angular 2+ avec EventEmitter et @Output

Les composants Angular ont un moyen pour notifier leurs composants parent que quelque chose à changer, via les événements. Introduction Cet article va couvrir le fonctionnement des événements au sein d’un composant stateless en utilisant EventEmitter et le décorateur @Output. Nous allons apprendre à émettre un changement ou n’importe quel custom event à partir d’un composant custom dans Angular.   Binding d’un composant stateful Dans l’article précédent, nous avons configurer le décorateur @Input pour faire entrer des données dans un…

Read More Read More

Comment passer des données dans un composant Angular?

Comment passer des données dans un composant Angular?

Introduction Cet article va vous permettre de comprendre comment passer des données dans vos composants Angular 2. Nous allons utiliser tout au long de cet article l’exemple du composant Counter, que vous devez bien connaître si vous avez suivi le starter guide. Sinon je vous invite à le télécharger en vous inscrivant à la newsletter.  Composant Bindé Stateful Nous allons créé un composant parent stateful, où nous allons pouvoir modifié notre data initialement passé à notre CounterComponent.  Dans le starter…

Read More Read More