1
00:00:00,000 --> 00:00:04,974
[MUSIK]

2
00:00:04,974 --> 00:00:08,004
Fangen wir jetzt an, über Angular Routing zu sprechen.

3
00:00:08,004 --> 00:00:11,348
Ist es Routing oder verwurzelt es?

4
00:00:11,348 --> 00:00:13,806
Ich werde zum Routing verwurzeln.

5
00:00:13,806 --> 00:00:18,397
Von nun an werde ich all diese als Routing,

6
00:00:18,397 --> 00:00:21,400
Routen, Router und so weiter aussprechen.

7
00:00:21,400 --> 00:00:25,630
Wenn Sie aus einem Gebiet kommen, in dem Sie es auf Englisch als Route oder

8
00:00:25,630 --> 00:00:27,060
Router aussprechen, bitte tragen Sie mit mir.

9
00:00:28,200 --> 00:00:33,610
Also, was genau ist Angular Routing und wie hilft es uns?

10
00:00:33,610 --> 00:00:37,290
In Bezug auf die Angular-Anwendung, die wir

11
00:00:37,290 --> 00:00:41,310
bisher gesehen haben, haben wir noch nie die Verwendung für das Routing gesehen.

12
00:00:41,310 --> 00:00:44,913
Wir haben gesehen, dass wir eine Winkelapplikation mit

13
00:00:44,913 --> 00:00:49,235
mehreren Komponenten entwickeln und sie dann ineinander nutzen können und

14
00:00:49,235 --> 00:00:53,794
eine ganze Angular-Anwendung entwickeln können, ohne auch nur über Routing zu sprechen.

15
00:00:53,794 --> 00:00:58,116
Angenommen, Sie haben mehrere Komponenten und

16
00:00:58,116 --> 00:01:03,233
möchten in der Lage sein, zwischen den Komponenten

17
00:01:03,233 --> 00:01:08,350
so zu navigieren, dass Sie diese Navigation verursachen können

18
00:01:08,350 --> 00:01:13,352
, z. B. durch Klicken auf Links oder Schaltflächen in Ihrer Benutzeroberfläche und in der

19
00:01:13,352 --> 00:01:19,720
Lage sein, verschiedene Ansichten auf dem Bildschirm Ihrer Anwendung zu rendern,

20
00:01:19,720 --> 00:01:23,959
dann Angular Routing kommt zu Ihrer Rettung.

21
00:01:23,959 --> 00:01:28,633
Wir werden sehen, wie wir Routing verwenden können, um etwas namens

22
00:01:28,633 --> 00:01:30,120
Single-Page-Anwendungen zu entwickeln.

23
00:01:30,120 --> 00:01:34,390
Wir werden in der nächsten Lektion über einseitige Anwendungen sprechen.

24
00:01:34,390 --> 00:01:38,540
Aber für den Moment, konzentrieren wir uns auf Angular Routing und

25
00:01:38,540 --> 00:01:42,350
speziell auf die Route ein Modul, das in Angular verfügbar ist.

26
00:01:43,610 --> 00:01:48,150
Das Router-Modul selbst ist getrennt vom Angular-Kernmodul, daher

27
00:01:48,150 --> 00:01:53,220
ist es als separates Modul verfügbar und Sie müssen es explizit

28
00:01:53,220 --> 00:01:59,170
in Ihre Angular-Anwendung importieren, um das unterstützte

29
00:01:59,170 --> 00:02:04,360
Angular Router-Modell nutzen zu können, ermöglicht es Ihnen, zwischen

30
00:02:04,360 --> 00:02:09,440
Radiusansichten zu navigieren aus den Radiuskomponenten, die Teil Ihrer Winkelpredation bilden.

31
00:02:10,460 --> 00:02:14,820
Als Teil der Übung werden wir mehrere Komponenten hinzufügen und

32
00:02:14,820 --> 00:02:21,060
wir werden sehen, wie wir zwischen ihnen mit dem Winkelrouter navigieren können.

33
00:02:23,020 --> 00:02:26,800
Wie ich bereits erwähnt habe,

34
00:02:26,800 --> 00:02:30,280
ermöglicht der Angular-Router die Navigation zwischen verschiedenen Ansichten.

35
00:02:30,280 --> 00:02:35,660
So, dass Sie diese Navigation in

36
00:02:35,660 --> 00:02:40,870
die Links oder die Symbolleisten-basierten Schaltflächen

37
00:02:40,870 --> 00:02:45,610
einfügen können und so weiter, dass Sie in die Benutzeroberfläche Ihrer Angular-Anwendung einfügen

38
00:02:45,610 --> 00:02:49,810
können und dann die Navigation von einer Ansicht zur anderen auslösen können,

39
00:02:49,810 --> 00:02:54,320
indem Sie entweder auf den Link oder die Schaltfläche in Ihrem UI.

40
00:02:55,360 --> 00:03:00,611
Hier nutzt der Angular Router die Browser-URL und

41
00:03:00,611 --> 00:03:04,018
verwendet die Browser-URL als Anweisung, um

42
00:03:04,018 --> 00:03:08,179
zwischen den vom Radius vom Client generierten Ansichten zu navigieren.

43
00:03:08,179 --> 00:03:12,857
Diese Ansichten werden in der Regel von den mehreren Komponenten unterstützt

44
00:03:12,857 --> 00:03:15,982
, die hart Ihrer Angular-Anwendung sind.

45
00:03:15,982 --> 00:03:19,289
Wenn Sie nun von einer Ansicht zu einer anderen Ansicht navigieren,

46
00:03:19,289 --> 00:03:22,906
können Sie auch optionale Parameter an diese Ansichten übergeben.

47
00:03:22,906 --> 00:03:26,307
Wie wir in dieser vorherigen Folie gelernt haben,

48
00:03:26,307 --> 00:03:31,305
nutzt der Angular Router die URL, um

49
00:03:31,305 --> 00:03:36,856
es zu ermöglichen, die Notwendigkeit zu erkennen, zwischen der Mitte zu navigieren.

50
00:03:36,856 --> 00:03:40,775
Also, hier nutzt Angular Router das, was

51
00:03:40,775 --> 00:03:44,704
bereits in HTML5 über die History-API unterstützt wird?

52
00:03:44,704 --> 00:03:47,990
Also, was ermöglicht uns die History-API zu tun?

53
00:03:47,990 --> 00:03:52,156
Es gibt den Entwicklern die Möglichkeit, die

54
00:03:52,156 --> 00:03:56,766
URL einer Website zu ändern, ohne eine Seitenaktualisierung zu verursachen.

55
00:03:56,766 --> 00:04:03,806
Wenn Sie es gewohnt sind, verschiedene Websites in Ihrem Browser zu besuchen,

56
00:04:03,806 --> 00:04:10,078
klicken Sie normalerweise entweder auf die Lesezeichenleiste oder

57
00:04:10,078 --> 00:04:15,198
auf einen Link in einer Seite oder geben Sie

58
00:04:15,198 --> 00:04:20,063
die URL explizit in die Adressleiste Ihres Browsers ein.

59
00:04:20,063 --> 00:04:25,310
Wenn Sie das tun, geben Sie dort explizit die URL an.

60
00:04:25,310 --> 00:04:27,152
Wenn Sie nun eine URL angeben,

61
00:04:27,152 --> 00:04:31,470
lösen Sie Ihren Browser aus, automatisch zu einem Server zu wechseln und

62
00:04:31,470 --> 00:04:37,070
diese neue Seite abzurufen und die Seite im Browserfenster zu rendern.

63
00:04:37,070 --> 00:04:43,180
Nun, wenn es diese Notwendigkeit unterdrücken kann, zu einem Server zu gehen und Informationen zu holen, sondern

64
00:04:43,180 --> 00:04:49,280
stattdessen die URL ändern, ohne diese Seite aktualisieren

65
00:04:49,280 --> 00:04:54,450
zu verursachen, dann können wir nutzen, dass wir in der Lage sein,

66
00:04:54,450 --> 00:04:59,620
zwischen Ansichten zu navigieren, die Teil einer einzigen Anwendung sind, und

67
00:04:59,620 --> 00:05:03,890
dies ist, wo wir nehmen Vorteil des HTML5.

68
00:05:03,890 --> 00:05:09,034
History API, die Methoden wie PushState und ReplaceState unterstützt.

69
00:05:09,034 --> 00:05:13,662
Der PushState ermöglicht es Ihnen, einen Verlaufseintrag in den Verlauf Ihres

70
00:05:13,662 --> 00:05:18,494
Browsers hinzuzufügen, ohne tatsächlich eine Seitenaktualisierung zu verursachen.

71
00:05:18,494 --> 00:05:21,938
In ähnlicher Weise ändert ein ReplaceState

72
00:05:21,938 --> 00:05:26,810
den vorhandenen Verlaufseintrag im Verlauf Ihres Browsers.

73
00:05:26,810 --> 00:05:30,551
So können Sie sogar die Zurück- und

74
00:05:30,551 --> 00:05:35,724
Vorwärts-Taste Ihres Browsers verwenden, um

75
00:05:35,724 --> 00:05:41,030
zwischen den URLs hin und her zu bewegen, ohne eine Seitenaktualisierung zu verursachen.

76
00:05:41,030 --> 00:05:45,905
Nun, hier müssen Sie etwas in Ihrer

77
00:05:45,905 --> 00:05:47,458
Index-HTML-Seite angeben, das die Basis genannt wird.

78
00:05:47,458 --> 00:05:52,489
Wenn die HTML-Verlaufs-API diese Methoden verwendet,

79
00:05:52,489 --> 00:05:57,307
müssen Sie für die Änderung einen

80
00:05:57,307 --> 00:06:02,875
Basisspeicherort angeben, von dem aus Sie die zusätzlichen Teile

81
00:06:02,875 --> 00:06:07,930
Ihres URL-Pfads angeben, was nicht zu einer Seitenaktualisierung führt.

82
00:06:07,930 --> 00:06:10,580
In diesem Fall

83
00:06:10,580 --> 00:06:12,378
beginnt dies für unsere Angular-Anwendung immer an der Wurzel.

84
00:06:12,378 --> 00:06:17,829
Deshalb geben wir die Basis als href=“/“ an.

85
00:06:17,829 --> 00:06:22,581
Alles andere, was danach in der URL kommt, wird

86
00:06:22,581 --> 00:06:27,750
innerhalb Ihrer Angular-Anwendung als etwas behandelt, das die

87
00:06:27,750 --> 00:06:33,228
Navigation auslöst, die den Angular-Router selbst behandelt wird,

88
00:06:33,228 --> 00:06:39,080
ohne dass Ihr Browser eine Aktualisierung von einem Server benötigt.

89
00:06:39,080 --> 00:06:44,240
So nutzt der Winkelrouter die HTML5-Verlaufs-API.

90
00:06:45,300 --> 00:06:47,766
Wenn Sie nun die History-API nicht haben, besteht

91
00:06:47,766 --> 00:06:51,295
die andere Möglichkeit, die Navigation zu machen, darin, Hashtags zu verwenden.

92
00:06:51,295 --> 00:06:56,558
Sie wissen bereits, dass in HTML, wenn Sie einen Link angeben, der

93
00:06:56,558 --> 00:07:01,543
mit einem Hashtag beginnt, der sich auf einen Link innerhalb derselben Seite bezieht.

94
00:07:01,543 --> 00:07:05,782
Wenn Sie also auf solche Links klicken, wird es keine Seitenaktualisierung verursachen.

95
00:07:05,782 --> 00:07:09,944
Stattdessen werden Sie an einen anderen Speicherort innerhalb derselben Seite weitergeleitet.

96
00:07:09,944 --> 00:07:12,256
Also, das ist eine andere Art, Dinge zu tun.

97
00:07:12,256 --> 00:07:17,030
Für ein sauberes Rendern unterstützt die HTML5-API diese

98
00:07:17,030 --> 00:07:22,012
Verlaufs-API, mit der Sie den Verlauf

99
00:07:22,012 --> 00:07:28,616
Ihres Browsers bearbeiten können, ohne eine Seitenaktualisierung zu verursachen.

100
00:07:28,616 --> 00:07:33,049
Lassen Sie uns nach dieser langen Erklärung ein Beispiel nehmen, um uns zu helfen, dies noch weiter zu verstehen.

101
00:07:33,049 --> 00:07:39,752
Angenommen, Sie definieren Ihre URL wie folgt, zum Beispiel beispiel.abc.com/home.

102
00:07:39,752 --> 00:07:43,325
Jetzt mit der HTML5-Verlaufs-API

103
00:07:43,325 --> 00:07:48,301
können Sie einfach den letzten Teil der URL nehmen und

104
00:07:48,301 --> 00:07:56,988
diesen in eine andere URL ändern, wie ich hier mit beispiel.abc.com/menu gezeigt hatte.

105
00:07:56,988 --> 00:08:03,054
Sie sehen also, dass die URL jetzt von Schrägstrich Home in Schrägstrich Menü geändert wurde.

106
00:08:03,054 --> 00:08:08,624
Diese Änderung kann mit einer Push-Statusmethode der

107
00:08:08,624 --> 00:08:14,216
HTML5-History-API ausgelöst werden, ohne wie erwähnt, ohne die Seite neu zu laden.

108
00:08:14,216 --> 00:08:18,533
Stattdessen wird dies ein interner Trigger für

109
00:08:18,533 --> 00:08:24,842
die Navigation sein, den der Angular Router explizit nutzt, um

110
00:08:24,842 --> 00:08:32,161
die Navigation zwischen verschiedenen Ansichten Ihrer Angular-Anwendung zu unterstützen.

111
00:08:32,161 --> 00:08:36,828
Jetzt müssen Sie offensichtlich daran interessiert sein, wie der Angular Router

112
00:08:36,828 --> 00:08:37,376
dies nutzt.

113
00:08:37,376 --> 00:08:42,868
Hier nutzt der Angular Router die Verlaufsmanipulation, um die

114
00:08:42,868 --> 00:08:47,917
URL des Browsers zu ändern, ohne eine Seitenaktualisierung auszulösen.

115
00:08:47,917 --> 00:08:49,485
Nehmen wir ein Beispiel.

116
00:08:49,485 --> 00:08:56,933
Angenommen, Sie haben Ihre Angular-Anwendung unter dieser bestimmten URL.

117
00:08:56,933 --> 00:09:01,809
Nun kommt es so vor, dass die Angular-Anwendung, an der Sie arbeiten, im

118
00:09:01,809 --> 00:09:06,784
Browser gerendert wird, indem Sie unter dieser bestimmten URL darauf zugreifen.

119
00:09:06,784 --> 00:09:13,430
So wird es uns helfen, schnell zu verstehen, was der Angular Router uns ermöglicht.

120
00:09:13,430 --> 00:09:19,790
In diesem Fall, wenn Sie dies in Ihre Browser-URL eingeben,

121
00:09:19,790 --> 00:09:24,160
können Sie Angular Router einfach so konfigurieren, dass Sie

122
00:09:24,160 --> 00:09:29,210
an einen Standardspeicherort innerhalb Ihrer Winkelanwendung umgeleitet werden.

123
00:09:29,210 --> 00:09:33,433
In der Regel erinnern Sie mich, dass so etwas wie zu Hause.

124
00:09:33,433 --> 00:09:38,606
Das bringt Sie also zum Standard-Einstiegspunkt für

125
00:09:38,606 --> 00:09:42,303
Ihre eckige Anwendung, die aus

126
00:09:42,303 --> 00:09:48,109
Gründen des einfachen Verständnisses, ich werde es als /home beschriften.

127
00:09:48,109 --> 00:09:53,175
Wenn Ihre URL also localhost: 4200/home enthält,

128
00:09:53,175 --> 00:09:58,249
bedeutet das, dass Sie sich an Ihrem Standardstandort befinden.

129
00:09:58,249 --> 00:10:01,519
Nun, wenn diese Navigation ausgelöst wird,

130
00:10:01,519 --> 00:10:07,384
können Sie dann von Ihrem Angular Router automatisch zu der Ansicht bringen lassen

131
00:10:07,384 --> 00:10:12,017
, die beispielsweise von dieser Home-Komponente unterstützt wird.

132
00:10:12,017 --> 00:10:16,963
Wenn die URL also localhost: 4200/home wird,

133
00:10:16,963 --> 00:10:24,605
werden Sie automatisch die Ansicht der Home-Komponente im Browserbildschirm rendern.

134
00:10:24,605 --> 00:10:30,601
Sehr genau, wenn Sie die Ansicht platzieren, die wir auf der nächsten Folie und

135
00:10:30,601 --> 00:10:33,086
in der folgenden Übung betrachten.

136
00:10:33,086 --> 00:10:37,903
In ähnlicher Weise können Sie andere Ansichten in Ihrer

137
00:10:37,903 --> 00:10:42,821
Angular-Anwendung haben, die auch über andere URLs unterstützt werden können

138
00:10:42,821 --> 00:10:47,153
, die Erweiterungen für localhost: 4200 sind.

139
00:10:47,153 --> 00:10:53,354
Wenn die URL beispielsweise localhost: 4200/aboutus lautet,

140
00:10:53,354 --> 00:11:00,410
kann dies dazu führen, dass Sie die Ansicht angezeigt werden, die von der AboutComponent gerendert wird.

141
00:11:00,410 --> 00:11:05,070
Und in ähnlicher Weise zeigt Ihnen das Menü die MenuComponent und so weiter.

142
00:11:06,320 --> 00:11:09,088
Dies ermöglicht uns also,

143
00:11:09,088 --> 00:11:14,624
je nachdem, welche URL in Ihrem Browser verwendet

144
00:11:14,624 --> 00:11:19,956
wird, verwenden Sie diese, um automatisch zwischen den verschiedenen

145
00:11:19,956 --> 00:11:25,515
Ansichten Ihrer verschiedenen Komponenten Ihrer Angular-Anwendung zu navigieren.

146
00:11:25,515 --> 00:11:27,968
Sie müssen sich nicht explizit darum kümmern.

147
00:11:27,968 --> 00:11:33,200
Wenn Sie den Angular Router so konfigurieren, dass er sich um all dies kümmert,

148
00:11:33,200 --> 00:11:38,273
kümmert sich der Router automatisch darum, Ihnen die Navigation zwischen diesen

149
00:11:38,273 --> 00:11:43,957
Komponenten bereitzustellen, wie wir in der Übung sehen würden, die dieser speziellen Vorlesung folgt.

150
00:11:43,957 --> 00:11:48,407
Bevor wir nun mit der Übung fortfahren, wo wir mehr über

151
00:11:48,407 --> 00:11:53,017
den Winkelrouter erfahren werden, lassen Sie mich schnell Ihre Aufmerksamkeit auf ein paar Begriffe

152
00:11:53,017 --> 00:11:57,945
innerhalb des Angular Routers lenken, die Sie während der Übung begegnen werden, und

153
00:11:57,945 --> 00:12:01,759
ich möchte, dass Sie besonders auf diese Begriffe achten,

154
00:12:01,759 --> 00:12:07,357
weil sie entscheidend, um zu verstehen, wie der Angular Router tatsächlich funktioniert.

155
00:12:07,357 --> 00:12:13,205
Sie würden also zuerst sehen, dass wir, wenn wir den Angular Router entwerfen,

156
00:12:13,205 --> 00:12:18,042
diese Hilfe des Router-Moduls nehmen, das

157
00:12:18,042 --> 00:12:22,669
Teil der eckigen Schrägstrich Router-Bibliothek ist.

158
00:12:22,669 --> 00:12:28,094
Also werden wir das Router-Modul in oder eckige Anwendung in

159
00:12:28,094 --> 00:12:32,690
das App-Modul importieren und dann werden wir auch die Routen importieren.

160
00:12:32,690 --> 00:12:37,716
Die Routen ermöglichen es uns also, die verschiedenen Routen zu definieren, die unsere

161
00:12:37,716 --> 00:12:43,335
Angular-Anwendung nutzt oder von denen der Angular Router verwendet wird.

162
00:12:43,335 --> 00:12:49,047
In diesem Fall würden wir also die Routen in Form eines Pfades und

163
00:12:49,047 --> 00:12:51,585
der entsprechenden Komponente angeben.

164
00:12:51,585 --> 00:12:56,299
Wie Sie in der vorherigen Folie gesehen haben, haben Sie gesehen, dass jede dieser

165
00:12:56,299 --> 00:13:00,951
URL-Erweiterungen der Ansicht einer bestimmten Komponente zugeordnet wurde. Diese

166
00:13:00,951 --> 00:13:05,729
Art von Informationen wird also an diesen Angular Router

167
00:13:05,729 --> 00:13:09,885
über Routen geliefert und diese Routen werden alle mit

168
00:13:09,885 --> 00:13:14,139
einem JavaScript-Objekt wie diesem Pfad mit zwei Eigenschaften angegeben.

169
00:13:14,139 --> 00:13:18,470
Pfad und Komponente und einige zusätzliche Eigenschaften, die wir

170
00:13:18,470 --> 00:13:22,970
jetzt nicht begegnen werden, aber wir werden in einigen der späteren Übungen sehen.

171
00:13:24,610 --> 00:13:28,531
Die zweite Frage, die Sie sich fragen würden, ist auch, wo würde diese Ansicht

172
00:13:28,531 --> 00:13:30,657
in Ihrer Angular-Anwendung gerendert werden?

173
00:13:30,657 --> 00:13:35,863
Dies ist, wo in unserer Vorlage unserer App-Komponente,

174
00:13:35,863 --> 00:13:43,286
werden wir eine Direktive als RouterOutlet genannt, die angegeben wird, wie Sie

175
00:13:43,286 --> 00:13:48,628
sehen, als <router-outlet> und </router-outlet>.

176
00:13:48,628 --> 00:13:54,890
Dies wird in die App-Komponenten-Vorlagendatei aufgenommen,

177
00:13:54,890 --> 00:13:59,188
jetzt navigiert Ihr Angular Router zu

178
00:13:59,188 --> 00:14:04,484
den verschiedenen Ansichten der verschiedenen Komponenten.

179
00:14:04,484 --> 00:14:08,899
Die entsprechende Ansicht der Komponente wird in Ihre

180
00:14:08,899 --> 00:14:13,633
Anwendungsansicht eingefügt, wo immer Sie diese bestimmte Router-Steckdose angeben.

181
00:14:13,633 --> 00:14:17,773
Also, achten Sie auf das in der folgenden Übung.

182
00:14:17,773 --> 00:14:22,752
Um die Navigation auszulösen, würden Sie außerdem sehen, dass

183
00:14:22,752 --> 00:14:27,743
bei vielen der a-Tags, die in der Anwendung verwendet werden.

184
00:14:27,743 --> 00:14:32,429
So würde ich zum Beispiel ein Setup ein Tags mit der

185
00:14:32,429 --> 00:14:36,820
MD-Schaltfläche Angular Materialkomponente in der Symbolleiste einfügen,

186
00:14:36,820 --> 00:14:41,327
in der Header-Komponente unserer Angular-Anwendung.

187
00:14:41,327 --> 00:14:44,635
Ich würde die a-Tags mit einer anderen Direktive verknüpfen,

188
00:14:44,635 --> 00:14:47,437
einer Attributrichtlinie namens RouterLink.

189
00:14:47,437 --> 00:14:53,260
Der RouterLink ist eine eigentliche Direktive, die das Routermodul für uns bereitstellt.

190
00:14:53,260 --> 00:14:57,966
Dieser Router-Link ermöglicht es uns, den Pfad wie zum Beispiel

191
00:14:57,966 --> 00:15:00,783
geschriebene Codes anzugeben, kann ich ein „/menu“ sehen.

192
00:15:00,783 --> 00:15:05,677
Sie können mehr Details als diese für den RouterLink haben.

193
00:15:05,677 --> 00:15:11,646
Aber für die Übung, werden wir mit einem einfachen Beispiel beginnen, wo wir haben,

194
00:15:11,646 --> 00:15:15,806
zum Beispiel, /menu Schrägstrich Hause Kontakt mit uns und so

195
00:15:15,806 --> 00:15:19,976
weiter mit dem RouterLink-Attribut direkt angegeben.

196
00:15:19,976 --> 00:15:25,212
Wenn Sie also auf einen Link wie diesen in Ihrer Symbolleiste

197
00:15:25,212 --> 00:15:31,281
klicken, löst dies den Angular Router aus, um eine Änderung oder

198
00:15:31,281 --> 00:15:39,502
eine Navigation zu einer bestimmten Ansicht zu verursachen, die vom Angular Router Modul unterstützt wird.

199
00:15:39,502 --> 00:15:45,391
Also, das Mapping zwischen dieser Verbindung und den entsprechenden Komponenten

200
00:15:45,391 --> 00:15:51,800
ist bereits in der Route angegeben, die wir unserer Angular-Anwendung geben.

201
00:15:51,800 --> 00:15:56,715
Also, achten Sie auf all diese Dinge, während Sie die Übung machen.

202
00:15:56,715 --> 00:16:00,895
Ich werde einige dieser Dinge erklären und den Grund dafür erklären,

203
00:16:00,895 --> 00:16:07,366
sie zu tun, während wir die Schritte der Übung ausführen, die dieser Lektion folgt.

204
00:16:07,366 --> 00:16:11,099
( MUSIK)