Apprendre Angular en vidéos, ça te tente?

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

Angular 6 est là : Nouveautés et améliorations

Angular 6 est là : Nouveautés et améliorations

Qui dit nouvelle version d’Angular, dis article résumant les nouveautés :). On l’attendait depuis au moins 1 mois, et le voilà enfin, Angular 6 est là.

Comme c’est une version majeure, il y a en parallèle des versions majeures des différents packages corrélés avec le framework (@angular/core, @angular/compiler, @angular/common, …)

Nous avons aussi des nouvelles versions pour l’écosystème Angular : Angular CLI et Angular Material.

Voyons ensembles les plus gros changements, allez c’est parti!

Read More Read More

Angular la difference entre ngOnInit et constructor

Angular la difference entre ngOnInit et constructor

Nous nous retrouvons pour parler de deux notions essentielles. En effet, vous retrouverez la “function” ngOnInit et le constructor dans quasiment tous vos composants. Il est fortement recommandé de comprendre à quoi sert chacun deux. Mais aussi de voir les différences entre ces deux notions qui peuvent paraître très proches.

Read More Read More

Comment utiliser de manière efficace les Observables?

Comment utiliser de manière efficace les Observables?

Nous nous retrouvons aujourd’hui pour parler d’une des bases fondamentales dans vos projets Angular. Il s’agit bien entendu des Observables. Vous en avez surement parler, nous allons décortiquer ce point dans cet article.

Cet article est quasiment indispensable pour aborder dans d’autres articles, le store Redux. Soyez bien attentif :). Prêt? Allez c’est parti!

Read More Read More

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.

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 (Angular 1.x). Nous allons voir comment le système propre à Angular (Angular 2+) va nous permettre de palier aux diverses problèmes que l’on rencontrait dans 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 documentation d’Angular CLI ici : cli.angular.io

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 :

Read More Read More

Transclusion dans Angular 2 avec ng-content

Transclusion dans Angular 2 avec ng-content

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. Il est notamment utiliser avec ng-content.

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 Projection

Read More Read More

5 extensions Visual studio code pour Angular 2+

5 extensions Visual studio code pour Angular 2+

Nous nous retrouvons aujourd’hui pour parler de VSCode (site officiel).

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 : VSCode 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 semble avec des extensions. Autant vous le dire, il y a beaucoup d’extensions possibles pour VSCode.

Les extensions varient en fonction des technologies, langages ou frameworks que vous voulez utiliser.

Read More Read More

Je me lance dans AngularJs ou Angular?

Je me lance dans AngularJs ou Angular?

Lorsque j’étais dans le développement d’application avec AngularJs, 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.

Read More Read More