Introduction
Angular est vraiment un meilleur AngularJS. Il a remplacé beaucoup de l’ancien cruft qui était présent dans AngularJS et dépasse également les capacités des autres frameworks concurrents.
Cependant, Angular est complètement différent d’AngularJS. Ce n’est pas aussi simple que d’exécuter npm install
pour mettre à niveau vos applications AngularJS vers Angular. C’est fondamentalement un framework différent – mais il est basé sur les mêmes idées qui ont initialement rendu AngularJS génial, ainsi que sur certaines nouvelles idées &technologies qui ont émergé ces dernières années.
La plupart des tutoriels supposent que vous connaissez déjà toutes les technologies dont Angular dépend (TypeScript, RxJS, etc). Ils omettent également de faire des liens vers les docs et autres ressources pertinentes, vous laissant avec une perspective très limitée sur le framework. Si vous avez essayé d’apprendre à utiliser Angular et que vous vous êtes retrouvé avec des oeufs sur le visage, vous n’êtes pas seul. C’est incroyablement frustrant et c’est ce qui a motivé la création de ce cours. Nous avons fait de grands efforts pour nous assurer que ce cours est l’expérience 0-60 la plus lisse pour apprendre Angular.
Intéressant, c’est exactement le même problème qu’AngularJS avait à l’origine dans ses premiers jours. Nous avons fini par créer « A Better Way to Learn AngularJS » pour résoudre ce problème pour nous-mêmes, et il a fini par devenir la ressource de facto pour apprendre AngularJS. En effet, l’histoire semble avoir une façon de se répéter !
Ce que cette série de tutoriels couvrira
Cette série de tutoriels est destinée à vous enseigner tout ce que vous devez savoir pour construire des applications du monde réel avec Angular. Nous couvrirons comment le framework a changé par rapport à AngularJS (et en particulier pourquoi il a changé), des plongées profondes dans les technologies prérequises comme TypeScript & RxJS, les blocs de construction fondamentaux qu’Angular expose aux développeurs, et des exemples du monde réel provenant du repo Angular RealWorld App à chaque étape pour solidifier vos connaissances.
Prérequis
Notre cours Angular 1.5 + ES6 est une excellente introduction à la construction d’applications Javascript modernes.
Si vous n’avez jamais créé d’application Angular et que vous avez une expérience limitée du Javascript, vous pourriez commencer par suivre notre tutoriel MEAN stack super convivial pour les débutants.
Si vous ne l’avez pas, vous pouvez suivre ces instructions.
Si ce n’est pas le cas, vous pouvez suivre ces instructions.
Si vous n’avez pas encore entendu parler de l’ES6, c’est essentiellement une nouvelle syntaxe et de nouvelles fonctionnalités pour Javascript. Nous ferons des liens vers des ressources sur des aspects spécifiques de celui-ci dans le prochain tutoriel, mais voici une liste complète détaillant la plupart des fonctionnalités de ES6.
Les composants permettent une séparation claire des préoccupations et vous permettent de construire un code hautement réutilisable. Angular (et d’autres frameworks comme React et Ember) les ont adoptés, et cet extrait de notre cours sur React fait un excellent travail pour expliquer de quoi il s’agit.
Ressources
Le curriculum emploiera un nombre sain d’excellents blogs afin d’offrir une perspective plus charnue sur les sujets respectifs.
- Angular Docs
- Angular RealWorld App repo
Special thanks to…
- Eric Simons, Stephen Rodriguez et Albert Pai pour avoir mis en place cette série
- Brad Green et l’équipe Angular pour leur soutien (et, bien sûr, pour l’excellent framework qu’ils ont créé)
- Tous nos membres Pro qui ont aidé à financer la création de ce cours
- et beaucoup, beaucoup plus <3
.