1
00:00:03,420 --> 00:00:09,220
Maintenant que nous avons une bonne compréhension des frameworks JavaScript,

2
00:00:09,220 --> 00:00:12,145
parlons spécifiquement d'Angular,

3
00:00:12,145 --> 00:00:14,475
une brève histoire d'Angular,

4
00:00:14,475 --> 00:00:16,140
d'où il vient,

5
00:00:16,140 --> 00:00:26,560
et quelques caractéristiques saillantes d'Angular avant de commencer notre premier exercice pratique avec Angular.

6
00:00:26,560 --> 00:00:29,950
Parlant un peu de l'histoire d'Angular,

7
00:00:29,950 --> 00:00:35,110
Angular a évolué de son incarnation antérieure comme AngularJS.

8
00:00:35,110 --> 00:00:42,590
AnGuLars a été conçu principalement par Misko Hvery et a été introduit vers 2012,

9
00:00:42,590 --> 00:00:47,855
et est rapidement devenu un cadre d'application de données très populaire.

10
00:00:47,855 --> 00:00:52,765
Angular dont nous parlons dans ce cours

11
00:00:52,765 --> 00:00:58,725
était une réimplémentation complète du framework Angular.

12
00:00:58,725 --> 00:01:05,980
Donc, Angular comme vous le voyez maintenant est un animal totalement nouveau avec ses propres nouvelles caractéristiques,

13
00:01:05,980 --> 00:01:14,220
mais doit certains de ses concepts et caractéristiques à la version antérieure d'Angular.

14
00:01:14,220 --> 00:01:18,919
Donc, vous verrez une terminologie commune entre AngularJS et Angular,

15
00:01:18,919 --> 00:01:23,110
et certaines des approches communes pour résoudre le problème entre les deux.

16
00:01:23,110 --> 00:01:28,070
Mais la syntaxe Angular est significativement différente de

17
00:01:28,070 --> 00:01:33,770
la syntaxe AngularJS si vous étiez familier avec AngularJS.

18
00:01:33,770 --> 00:01:37,640
Donc, cela vous oblige à vous recycler complètement

19
00:01:37,640 --> 00:01:43,015
dans la manière angulaire de résoudre les problèmes.

20
00:01:43,015 --> 00:01:50,720
Angular est une approche basée sur des composants pour implémenter des applications web.

21
00:01:50,720 --> 00:01:56,315
Donc, le composant est devenu l'avant et le centre d'Angular maintenant.

22
00:01:56,315 --> 00:01:59,830
Bien que l'approche basée sur les composants ait été rétroportée vers

23
00:01:59,830 --> 00:02:04,060
AngularJS aussi depuis AngularJS version 1.5.

24
00:02:04,060 --> 00:02:08,540
Donc, si vous avez été une approche basée sur les composants avec AngularJS,

25
00:02:08,540 --> 00:02:14,460
vous serez dans un territoire un peu familier si vous entrez dans Angular.

26
00:02:14,460 --> 00:02:19,280
Angular a été conçu dès le début

27
00:02:19,280 --> 00:02:24,325
avec support mobile afin que vous puissiez facilement adresser les plates-formes mobiles,

28
00:02:24,325 --> 00:02:29,840
et fournit également un rendu côté serveur pour accélérer

29
00:02:29,840 --> 00:02:37,400
le rendu de votre application web sur les navigateurs.

30
00:02:37,400 --> 00:02:43,065
Aussi, Angular fournit un puissant moteur de modélisation et un puissant support de modélisation.

31
00:02:43,065 --> 00:02:48,260
Nous verrons certains d'entre eux plus en détail au fur et à mesure que nous avançons dans ce cours.

32
00:02:48,260 --> 00:02:50,765
Pour résumer, qu'est-ce exactement Angular ?

33
00:02:50,765 --> 00:02:56,250
Angular est un cadre structurel pour la conception d'applications web dynamiques.

34
00:02:56,250 --> 00:03:00,405
L'approche basée sur HTML que nous avons vu,

35
00:03:00,405 --> 00:03:06,010
par exemple, avec Bootstrap se traduit principalement par des documents statiques, bien sûr,

36
00:03:06,010 --> 00:03:07,720
avec jQuery et AJAX,

37
00:03:07,720 --> 00:03:15,430
vous pouvez faire un peu de comportement dynamique dans vos sites Web en utilisant Bootstrap plus tôt,

38
00:03:15,430 --> 00:03:17,870
mais Angular comble l'écart pour soutenir

39
00:03:17,870 --> 00:03:23,595
entièrement applications dynamiques, applications dynamiques pilotées par les données.

40
00:03:23,595 --> 00:03:26,110
Ceci utilise une approche déclarative.

41
00:03:26,110 --> 00:03:31,000
Nous avons parlé de l'approche de programmation déclarative dans la conférence précédente,

42
00:03:31,000 --> 00:03:37,205
donc c'est ce que Angular adopte comme sa façon de résoudre les problèmes.

43
00:03:37,205 --> 00:03:39,180
Quand vous arriverez dans le monde angulaire,

44
00:03:39,180 --> 00:03:43,025
vous serez bientôt bombardés avec beaucoup de vocabulaire angulaire.

45
00:03:43,025 --> 00:03:46,520
Vous entendrez les gens parler de liaison de données unidirectionnelle et bidirectionnelle,

46
00:03:46,520 --> 00:03:52,460
et ensuite de composants évidemment, puis vous entendrez les gens parler de directives,

47
00:03:52,460 --> 00:03:59,005
puis de routage, de modèles et de modules, de service,

48
00:03:59,005 --> 00:04:03,724
alors vous entendrez les gens parler de fournisseur et de test,

49
00:04:03,724 --> 00:04:09,055
et bien d'autres, et bientôt vous serez submergé par la terminologie.

50
00:04:09,055 --> 00:04:13,855
Dans ce cours, nous allons adopter une approche douce de cette terminologie.

51
00:04:13,855 --> 00:04:17,690
Nous ne nous embêterons pas trop avec la terminologie mais

52
00:04:17,690 --> 00:04:23,135
comprendre comment nous utilisons réellement Angular.

53
00:04:23,135 --> 00:04:27,125
Avec une compréhension raisonnable de

54
00:04:27,125 --> 00:04:31,785
cette terminologie mais comment nous utilisons Angular pour résoudre des problèmes ?

55
00:04:31,785 --> 00:04:37,685
Ces termes sont merveilleux à saupoudrer dans votre conversation lors de cocktails.

56
00:04:37,685 --> 00:04:40,730
Si vous pouvez même essayer ces lignes de ramassage, « Bébé,

57
00:04:40,730 --> 00:04:42,960
aimeriez-vous voir mes composants,

58
00:04:42,960 --> 00:04:46,750
ou vous apportez les données et je serai le fournisseur. »

59
00:04:46,750 --> 00:04:50,035
Maintenant, selon la façon dont vous pouvez le porter,

60
00:04:50,035 --> 00:04:53,310
vous pouvez être un grand succès ou vous serez touché.

61
00:04:53,310 --> 00:04:57,520
Parfois, lorsque vous recherchez Angular sur le web,

62
00:04:57,520 --> 00:05:00,850
vous verrez qu'il est appelé Angular Two,

63
00:05:00,850 --> 00:05:04,465
et vous vous demanderez, est-ce Angular Two ou Angular ?

64
00:05:04,465 --> 00:05:07,115
Eh bien, pour le rendre plus clair,

65
00:05:07,115 --> 00:05:10,790
dans un récent billet de blog sur le site Angular,

66
00:05:10,790 --> 00:05:14,570
ils ont fait une distinction claire entre pourquoi ils vont appeler

67
00:05:14,570 --> 00:05:19,940
ce nouveau cadre comme juste Angular plutôt que Angular Two,

68
00:05:19,940 --> 00:05:22,055
ou Angular Three, ou Angular Four.

69
00:05:22,055 --> 00:05:25,140
Angular a éclaté le versioning sémantique

70
00:05:25,140 --> 00:05:30,710
pour marquer les différentes versions d'Angular comme version.

71
00:05:30,710 --> 00:05:34,920
version sémantique qui utilise la syntaxe comme version majeure,

72
00:05:34,920 --> 00:05:36,685
version mineure et patch.

73
00:05:36,685 --> 00:05:40,450
Patch signifiant qu'il s'agit principalement de corrections de bugs,

74
00:05:40,450 --> 00:05:42,985
version mineure signifiant de petites améliorations,

75
00:05:42,985 --> 00:05:46,720
et une version majeure introduisant peut-être des changements de rupture.

76
00:05:46,720 --> 00:05:50,940
Donc, en ce moment, nous sommes à la version Angular Six,

77
00:05:50,940 --> 00:05:59,530
et Angular Seven à venir en septembre ou octobre 2018,

78
00:05:59,530 --> 00:06:01,670
et tous les six mois par la suite,

79
00:06:01,670 --> 00:06:03,980
vous verrez une version majeure en cours de sortie.

80
00:06:03,980 --> 00:06:05,875
Maintenant, de votre point de vue,

81
00:06:05,875 --> 00:06:07,535
une fois que vous avez commencé,

82
00:06:07,535 --> 00:06:10,820
Les développeurs Angular ont promis de maintenir une rétrocompatibilité

83
00:06:10,820 --> 00:06:16,355
avec l'application de la syntaxe précédente

84
00:06:16,355 --> 00:06:20,825
et un chemin de mise à niveau bien défini

85
00:06:20,825 --> 00:06:25,545
pour ceux qui veulent passer aux nouvelles versions d'Angular.

86
00:06:25,545 --> 00:06:28,300
Donc, ne vous inquiétez pas trop,

87
00:06:28,300 --> 00:06:33,335
ce que vous allez apprendre vous gardera au bon départ pour une longue période à venir.

88
00:06:33,335 --> 00:06:36,940
Ce ne sera pas comme d'AngularJS à Angular,

89
00:06:36,940 --> 00:06:45,865
ce genre de changement de rupture ne sera pas vu dans les futures versions d'Angular.

90
00:06:45,865 --> 00:06:51,890
Il est temps de passer à nos premiers termes sur l'exercice angulaire où nous allons installer

91
00:06:51,890 --> 00:06:59,250
l'angular-cli et ensuite créer notre première application angulaire en utilisant angular-cli.