1
00:00:03,420 --> 00:00:09,220
Nun, da wir ein gutes Verständnis von JavaScript-Frameworks haben,

2
00:00:09,220 --> 00:00:12,145
lassen Sie uns speziell über Angular sprechen

3
00:00:12,145 --> 00:00:14,475
, eine kurze Geschichte

4
00:00:14,475 --> 00:00:16,140
von Angular, woher es kam,

5
00:00:16,140 --> 00:00:20,800
und einige hervorstechende Merkmale von Angular, bevor wir

6
00:00:20,800 --> 00:00:26,560
unsere erste praktische Übung mit Angular beginnen.

7
00:00:26,560 --> 00:00:29,950
Wenn man ein wenig über die Geschichte von Angular spricht,

8
00:00:29,950 --> 00:00:35,110
entwickelte sich Angular von seiner früheren Inkarnation als AngularJS.

9
00:00:35,110 --> 00:00:42,590
Angulars wurde in erster Linie von Misko Hevery entworfen und wurde um 2012 eingeführt

10
00:00:42,590 --> 00:00:47,855
und wurde schnell zu einem sehr beliebten Datenanwendungs-Framework.

11
00:00:47,855 --> 00:00:52,765
Eckig, über den wir in diesem Kurs sprechen,

12
00:00:52,765 --> 00:00:58,725
war eine vollständige Re-Implementierung des Angular Frameworks.

13
00:00:58,725 --> 00:01:05,980
Also, Angular, wie Sie jetzt sehen, ist ein völlig neues Tier mit seinen eigenen neuen Eigenschaften,

14
00:01:05,980 --> 00:01:14,220
aber verdanken einige seiner Konzepte und Funktionen der früheren Version von Angular.

15
00:01:14,220 --> 00:01:18,919
Sie würden also einige gemeinsame Terminologie zwischen AngularJS und Angular sehen,

16
00:01:18,919 --> 00:01:23,110
und einige der gemeinsamen Ansätze zur Lösung des Problems zwischen beiden.

17
00:01:23,110 --> 00:01:28,070
Aber die Angular-Syntax unterscheidet sich signifikant von

18
00:01:28,070 --> 00:01:33,770
der AngularJS-Syntax, wenn Sie mit AngularJS vertraut waren.

19
00:01:33,770 --> 00:01:37,640
Dies erfordert also, dass Sie sich vollständig

20
00:01:37,640 --> 00:01:43,015
in die Winkel-Art der Lösung von Problemen umschulen.

21
00:01:43,015 --> 00:01:50,720
Angular ist ein komponentenbasierter Ansatz für die Implementierung von Webanwendungen.

22
00:01:50,720 --> 00:01:56,315
Also, Komponente ist jetzt die Front und Mitte von Angular geworden.

23
00:01:56,315 --> 00:01:59,830
Obwohl der komponentenbasierte Ansatz

24
00:01:59,830 --> 00:02:04,060
auch von AngularJS Version 1.5 auf AngularJS zurückportiert wurde.

25
00:02:04,060 --> 00:02:08,540
Also, wenn Sie komponentenbasierter Ansatz mit AngularJS gewesen sind,

26
00:02:08,540 --> 00:02:14,460
werden Sie in einem etwas vertrauten Gebiet sein, wenn Sie in Angular kommen.

27
00:02:14,460 --> 00:02:19,280
Angular wurde von Anfang an

28
00:02:19,280 --> 00:02:24,325
mit mobiler Unterstützung entwickelt, so dass Sie leicht mobile Plattformen adressieren können,

29
00:02:24,325 --> 00:02:29,840
und bietet auch serverseitiges Rendering, um

30
00:02:29,840 --> 00:02:37,400
das Rendern Ihrer Webanwendung in den Browsern zu beschleunigen.

31
00:02:37,400 --> 00:02:43,065
Außerdem bietet Angular leistungsstarke Templating-Engine und leistungsstarke Templating-Unterstützung.

32
00:02:43,065 --> 00:02:48,260
Einige davon werden wir näher sehen, während wir in diesem Kurs weitergehen.

33
00:02:48,260 --> 00:02:50,765
Zusammenfassend lässt sich sagen, was genau ist Angular?

34
00:02:50,765 --> 00:02:56,250
Angular ist ein strukturelles Framework für die Gestaltung dynamischer Webanwendungen.

35
00:02:56,250 --> 00:03:00,405
Der HTML-basierte Ansatz, den wir

36
00:03:00,405 --> 00:03:07,720
zum Beispiel mit Bootstrap gesehen haben, führt in erster Linie zu statischen Dokumenten. Natürlich

37
00:03:07,720 --> 00:03:15,430
können Sie mit jQuery und AJAX ein wenig dynamisches Verhalten auf Ihren Websites mit Bootstrap früher ausführen,

38
00:03:15,430 --> 00:03:17,870
aber Angular füllt die Lücke, um

39
00:03:17,870 --> 00:03:23,595
voll dynamisch zu unterstützen Anwendungen, datengetriebene dynamische Anwendungen.

40
00:03:23,595 --> 00:03:26,110
Hierbei wird ein deklarativer Ansatz verwendet.

41
00:03:26,110 --> 00:03:31,000
Wir haben über den deklarativen Programmieransatz in der vorherigen Vorlesung gesprochen,

42
00:03:31,000 --> 00:03:37,205
also ist es, was Angular als seine Art zur Lösung der Probleme anwendet.

43
00:03:37,205 --> 00:03:39,180
Wenn Sie in die Angular-Welt kommen,

44
00:03:39,180 --> 00:03:43,025
werden Sie ziemlich bald mit einer Menge von Angular-Vokabeln bombardiert.

45
00:03:43,025 --> 00:03:46,520
Sie werden hören, wie Leute über Einweg- und Zwei-Wege-Datenbindung sprechen,

46
00:03:46,520 --> 00:03:52,460
und dann Komponenten offensichtlich und dann hören Sie Leute, die über Direktiven sprechen

47
00:03:52,460 --> 00:03:59,005
, dann Routing, Vorlagen und Module, Service,

48
00:03:59,005 --> 00:04:03,724
dann hören Sie Leute über Provider

49
00:04:03,724 --> 00:04:09,055
und Tests und vieles mehr, und ziemlich bald wird von der Terminologie überwältigt sein.

50
00:04:09,055 --> 00:04:13,855
In diesem Kurs werden wir eine schonende Herangehensweise an diese Terminologie gehen.

51
00:04:13,855 --> 00:04:17,690
Wir werden uns nicht allzu sehr mit der Terminologie beschäftigen,

52
00:04:17,690 --> 00:04:23,135
sondern verstehen, wie wir eigentlich Angular nutzen.

53
00:04:23,135 --> 00:04:27,125
Mit einem vernünftigen Verständnis

54
00:04:27,125 --> 00:04:31,785
dieser Terminologie, aber wie nutzen wir Angular, um Probleme zu lösen?

55
00:04:31,785 --> 00:04:37,685
Diese Begriffe sind wunderbar, um in Ihrem Gespräch in Cocktail-Partys zu bestreuen.

56
00:04:37,685 --> 00:04:40,730
Wenn Sie sogar versuchen, diese Pickup-Zeilen, „Baby,

57
00:04:40,730 --> 00:04:42,960
möchten Sie meine Komponenten sehen,

58
00:04:42,960 --> 00:04:46,750
oder Sie bringen die Daten und ich werde der Anbieter sein.“

59
00:04:46,750 --> 00:04:50,035
Je nachdem, wie gut du es abtragen kannst,

60
00:04:50,035 --> 00:04:53,310
bist du vielleicht ein großer Hit oder du wirst getroffen.

61
00:04:53,310 --> 00:04:57,520
Manchmal, wenn Sie Angular im Web suchen,

62
00:04:57,520 --> 00:05:00,850
werden Sie sehen, dass es als Angular Two bezeichnet wird,

63
00:05:00,850 --> 00:05:04,465
und Sie werden sich fragen, ist es Angular Two oder ist es Angular?

64
00:05:04,465 --> 00:05:07,115
Nun, um es klarer zu machen

65
00:05:07,115 --> 00:05:10,790
,

66
00:05:10,790 --> 00:05:14,570
haben sie in einem kürzlich veröffentlichten Blogbeitrag auf der Angular Site einen klaren Unterschied gemacht, warum sie

67
00:05:14,570 --> 00:05:19,940
dieses neue Framework als nur Angular anstatt Angular Two

68
00:05:19,940 --> 00:05:22,055
oder Angular Three oder Angular Four nennen werden.

69
00:05:22,055 --> 00:05:25,140
Angular hat die semantische

70
00:05:25,140 --> 00:05:30,710
Versionierung ausgebrochen, um die verschiedenen Versionen von Angular als Release zu markieren.

71
00:05:30,710 --> 00:05:34,920
Semantische Versionierung, die die Syntax als Hauptversion,

72
00:05:34,920 --> 00:05:36,685
Nebenversion und Patch verwendet.

73
00:05:36,685 --> 00:05:40,450
Patch bedeutet, dass dies in erster Linie Fehlerbehebungen,

74
00:05:40,450 --> 00:05:42,985
Nebenversion, die kleine Verbesserungen bedeutet,

75
00:05:42,985 --> 00:05:46,720
und eine Hauptversion, die möglicherweise störende Änderungen einführt.

76
00:05:46,720 --> 00:05:50,940
Also, im Moment sind wir bei Angular Six Version,

77
00:05:50,940 --> 00:05:59,530
und Angular Seven Version kommt im September oder Oktober 2018,

78
00:05:59,530 --> 00:06:01,670
und alle sechs Monate danach

79
00:06:01,670 --> 00:06:03,980
werden Sie sehen, wie eine Hauptversion veröffentlicht wird.

80
00:06:03,980 --> 00:06:07,535
Aus Ihrer Sicht

81
00:06:07,535 --> 00:06:10,820
haben Angular-Entwickler nun versprochen,

82
00:06:10,820 --> 00:06:16,355
Rückwärtskompatibilität mit der Anwendung früherer Syntax

83
00:06:16,355 --> 00:06:20,825
und einem gut definierten Upgrade-Pfad

84
00:06:20,825 --> 00:06:25,545
für diejenigen zu erhalten, die zu den neueren Versionen von Angular wechseln möchten.

85
00:06:25,545 --> 00:06:28,300
Also, seien Sie nicht allzu besorgt darüber,

86
00:06:28,300 --> 00:06:33,335
was Sie lernen werden, wird Sie in einem guten Start für eine lange Zeit zu kommen.

87
00:06:33,335 --> 00:06:36,940
Es wird nicht wie von AngularJS zu Angular sein,

88
00:06:36,940 --> 00:06:45,865
diese Art von brechender Änderung wird in den zukünftigen Versionen von Angular nicht gesehen werden.

89
00:06:45,865 --> 00:06:51,890
Zeit, um zu unseren ersten Begriffen auf Angular Übung zu gehen, wo wir

90
00:06:51,890 --> 00:06:59,250
die Winkel-CLI installieren und dann unsere erste Angular-Anwendung mit angular-cli erstellen.