Maintenant que nous avons une bonne compréhension des frameworks JavaScript,
parlons spécifiquement d'Angular,
une brève histoire d'Angular,
d'où il vient,
et quelques caractéristiques saillantes d'Angular avant de commencer notre premier exercice pratique avec Angular.
Parlant un peu de l'histoire d'Angular,
Angular a évolué de son incarnation antérieure comme AngularJS.
AnGuLars a été conçu principalement par Misko Hvery et a été introduit vers 2012,
et est rapidement devenu un cadre d'application de données très populaire.
Angular dont nous parlons dans ce cours
était une réimplémentation complète du framework Angular.
Donc, Angular comme vous le voyez maintenant est un animal totalement nouveau avec ses propres nouvelles caractéristiques,
mais doit certains de ses concepts et caractéristiques à la version antérieure d'Angular.
Donc, vous verrez une terminologie commune entre AngularJS et Angular,
et certaines des approches communes pour résoudre le problème entre les deux.
Mais la syntaxe Angular est significativement différente de
la syntaxe AngularJS si vous étiez familier avec AngularJS.
Donc, cela vous oblige à vous recycler complètement
dans la manière angulaire de résoudre les problèmes.
Angular est une approche basée sur des composants pour implémenter des applications web.
Donc, le composant est devenu l'avant et le centre d'Angular maintenant.
Bien que l'approche basée sur les composants ait été rétroportée vers
AngularJS aussi depuis AngularJS version 1.5.
Donc, si vous avez été une approche basée sur les composants avec AngularJS,
vous serez dans un territoire un peu familier si vous entrez dans Angular.
Angular a été conçu dès le début
avec support mobile afin que vous puissiez facilement adresser les plates-formes mobiles,
et fournit également un rendu côté serveur pour accélérer
le rendu de votre application web sur les navigateurs.
Aussi, Angular fournit un puissant moteur de modélisation et un puissant support de modélisation.
Nous verrons certains d'entre eux plus en détail au fur et à mesure que nous avançons dans ce cours.
Pour résumer, qu'est-ce exactement Angular ?
Angular est un cadre structurel pour la conception d'applications web dynamiques.
L'approche basée sur HTML que nous avons vu,
par exemple, avec Bootstrap se traduit principalement par des documents statiques, bien sûr,
avec jQuery et AJAX,
vous pouvez faire un peu de comportement dynamique dans vos sites Web en utilisant Bootstrap plus tôt,
mais Angular comble l'écart pour soutenir
entièrement applications dynamiques, applications dynamiques pilotées par les données.
Ceci utilise une approche déclarative.
Nous avons parlé de l'approche de programmation déclarative dans la conférence précédente,
donc c'est ce que Angular adopte comme sa façon de résoudre les problèmes.
Quand vous arriverez dans le monde angulaire,
vous serez bientôt bombardés avec beaucoup de vocabulaire angulaire.
Vous entendrez les gens parler de liaison de données unidirectionnelle et bidirectionnelle,
et ensuite de composants évidemment, puis vous entendrez les gens parler de directives,
puis de routage, de modèles et de modules, de service,
alors vous entendrez les gens parler de fournisseur et de test,
et bien d'autres, et bientôt vous serez submergé par la terminologie.
Dans ce cours, nous allons adopter une approche douce de cette terminologie.
Nous ne nous embêterons pas trop avec la terminologie mais
comprendre comment nous utilisons réellement Angular.
Avec une compréhension raisonnable de
cette terminologie mais comment nous utilisons Angular pour résoudre des problèmes ?
Ces termes sont merveilleux à saupoudrer dans votre conversation lors de cocktails.
Si vous pouvez même essayer ces lignes de ramassage, « Bébé,
aimeriez-vous voir mes composants,
ou vous apportez les données et je serai le fournisseur. »
Maintenant, selon la façon dont vous pouvez le porter,
vous pouvez être un grand succès ou vous serez touché.
Parfois, lorsque vous recherchez Angular sur le web,
vous verrez qu'il est appelé Angular Two,
et vous vous demanderez, est-ce Angular Two ou Angular ?
Eh bien, pour le rendre plus clair,
dans un récent billet de blog sur le site Angular,
ils ont fait une distinction claire entre pourquoi ils vont appeler
ce nouveau cadre comme juste Angular plutôt que Angular Two,
ou Angular Three, ou Angular Four.
Angular a éclaté le versioning sémantique
pour marquer les différentes versions d'Angular comme version.
version sémantique qui utilise la syntaxe comme version majeure,
version mineure et patch.
Patch signifiant qu'il s'agit principalement de corrections de bugs,
version mineure signifiant de petites améliorations,
et une version majeure introduisant peut-être des changements de rupture.
Donc, en ce moment, nous sommes à la version Angular Six,
et Angular Seven à venir en septembre ou octobre 2018,
et tous les six mois par la suite,
vous verrez une version majeure en cours de sortie.
Maintenant, de votre point de vue,
une fois que vous avez commencé,
Les développeurs Angular ont promis de maintenir une rétrocompatibilité
avec l'application de la syntaxe précédente
et un chemin de mise à niveau bien défini
pour ceux qui veulent passer aux nouvelles versions d'Angular.
Donc, ne vous inquiétez pas trop,
ce que vous allez apprendre vous gardera au bon départ pour une longue période à venir.
Ce ne sera pas comme d'AngularJS à Angular,
ce genre de changement de rupture ne sera pas vu dans les futures versions d'Angular.
Il est temps de passer à nos premiers termes sur l'exercice angulaire où nous allons installer
l'angular-cli et ensuite créer notre première application angulaire en utilisant angular-cli.