[MUSIC]
Willkommen zu diesem Kurs über Front-End JavaScript Frameworks: Angular.
Dies ist der zweite Kurs in der Spezialisierung auf Full-Stack-Web- und
Multi-Plattform-Mobilanwendungen.
Dieser Kurs befasst sich mit JavaScript-Frameworks, insbesondere Angular.
Sie müssen sich fragen, ist es Angular zwei, oder ist es Angular?
Wir werden das in der allerersten Lektion über die Einführung in Angular
in diesem Kurs klären.
Ich bin froh, dass Sie sich für diesen Kurs entschieden haben.
Und ich hoffe, du hast Spaß, diesen Kurs durchzugehen.
Bevor Sie diesen Kurs beginnen,
möchte ich sicherstellen, dass Sie über ausreichende Kenntnisse in HTML und CSS verfügen.
Und auch gute Kenntnisse in JavaScript, insbesondere ES 5 JavaScript.
Nun, in diesem Kurs werden wir Typoskript als Sprache für das
Schreiben unserer Angular-Anwendungen verwenden.
Nun, wenn Sie sich fragen, sollte ich Typescript kennen und
sollte ich ES 2015+, die neuere Version von JavaScript, kennen?
Nun, Ihre Laufleistung kann variieren.
Mein Ansatz, diese neuen Sprachen zu lernen, besteht darin, sie zu benutzen und
dann auf dem Weg zu lernen.
Das ist also, was wir in diesem Kurs tun werden.
Ich werde Ihnen Typoskript in diesem Kurs nicht explizit vorstellen.
Aber stattdessen, wenn wir den Code schreiben, werde ich verschiedene
Funktionen von Typescript im Kontext von Angular illustrieren, während Sie
die Angular Anwendung entwickeln, in den Übungen als Teil dieses Kurses.
Ein weiterer Punkt, den ich in diesem Stadium nachdrücklich klären möchte
, ist, dass ich Webentwicklung und Design als zwei Teile betrachte.
Der erste Teil ist das Web Design selbst, das User Experience oder
User Inferface Design, das Visual Design, das Prototyping, die Farben,
Grafiken und Animationen.
Und all diese Aspekte, wie eine Website oder
sogar eine mobile Anwendung entworfen werden sollte.
Nun gibt es den anderen Aspekt, der das Erstellen und
Bereitstellen von Webanwendungen und mobilen Anwendungen ist.
In diesem Kurs konzentrieren wir uns nun mehr auf den Aufbau und die
Bereitstellung von Webanwendungen.
Wenn Sie nach dem Designaspekt von Webdesign und -entwicklung suchen,
dann ist dies nicht der richtige Kurs für Sie.
Wenn ich über diese Bereitstellung, Erstellung und
Entwicklung von Webanwendungen spreche, sprechen wir über Lernfähigkeiten,
die für die Übersetzung eines Designs in einen funktionierenden Code unerlässlich sind.
Also hier, in dieser Spezialisierung, haben wir bereits über Bootstrap 4 gelernt.
In diesem Kurs werden wir etwas über Angular lernen.
Dann erfahren wir mehr über Ionic und NativeScript.
Und dann auch serverseitige Entwicklung mit Node und Node Ökosystem.
Das ist also die Konzentration dieses speziellen Kurses.
Wir sprechen also über echte Codierung, anstatt Website-Design.
Die andere Frage, die in Ihrem Kopf entstehen wird, ist, was genau ist die vollständige
Stack-Web-Entwicklung?
Wenn Sie bereits den vorherigen Kurs absolviert haben,
habe ich Ihnen die vollständige Stack-Web-Entwicklung vorgestellt.
Wenn nicht,
wäre die allererste Lektion in diesem Kurs eine schnelle Einführung in die vollständige Stack-Webentwicklung.
Und wir werden diesen Kurs in den Kontext der Full-Stack-Webentwicklung stellen.
Deshalb haben wir im ersten Kurs Bootstrap 4 behandelt,
in diesem Kurs werden wir uns auf Angular konzentrieren.
Dann werden wir uns im nächsten Kurs Ionic und Cordova ansehen, um
multipliziert für die mobile Entwicklung zu tun.
Dann schauen wir uns NativeScript im vierten Kurs an.
Und schließlich werden wir uns die serverseitige Entwicklung anschauen,
einschließlich beides der Geschäftslogikschicht mit dem Node-Ökosystem.
Und die Datenspeicherschicht mit MongoDB in dieser Spezialisierung.
Dieser spezielle Kurs konzentriert sich, wie Sie erwarten, auf Angular.
Sie werden in die verschiedenen Aspekte des Angular Frameworks durch
eine Reihe von Übungen eingeführt, die aufeinander aufbauen.
Es ist also eine Folge von Übungen, bei denen ich verschiedene Angular-Konzepte einführen werde.
Und dann zeigen Sie Ihnen sofort, wie wir diese Konzepte im Rahmen
einer Angular-Anwendung anwenden, die wir während dieses Kurses entwickeln werden.
Jetzt auf dem Weg, wenn wir Angular Ansichten entworfen
haben, werden wir Angular Material verwenden, um die Benutzeroberfläche unserer Angular-Komponenten zu machen.
Und wir werden Layouts mit dem Angular Flex-Layout in diesem Kurs machen.
Die Alternative wäre, Bootstrap 4 zu verwenden, die wir früher gelernt haben.
Aber ich dachte mir, dass dieser Kurs Ihnen auch die
Möglichkeit bietet, ein weiteres Front-End-UI-Framework zu lernen.
Das ist Angular Material und Angular Flex-Layout, um
genau die gleichen Dinge zu tun, die wir mit Bootstrap 4 gemacht haben.
Auf diese Weise lernen Sie zwei verschiedene Möglichkeiten, sich dem UI-Design zu nähern,
entweder mit Bootstrap 4 oder mit Angular Material plus Angular Flex-Layout.
Wir stellen Ihnen auch die Grundlagen von TypeScript
durch die Übungen vor, während wir unsere Angular-Anwendung verdoppeln.
Der Kurs selbst wird in vier Module organisiert.
Die vier Module entsprechen vier Wochen dieses Kurses.
Aber natürlich möchte ich Ihnen betonen,
dass Sie nicht durch die Fristen, die wir in diesem Kurs haben, unter Druck gesetzt werden müssen.
Sie können sich selbst Zeit nehmen, um den Kurs zu durchlaufen.
Es ist wichtiger, jeden Aspekt von Angular zu verstehen.
Wenn Sie zusätzliche Zeit benötigen, können Sie zur nächsten Sitzung dieses Kurses wechseln.
Und dann weiter.
Die gesamte Arbeit, die Sie in einer Sitzung abgeschlossen haben, wird automatisch
auf die nächste Kurssitzung übertragen.
Lassen Sie sich also nicht von den Fristen drängen, sich zu beeilen, diesen Kurs abzuschließen.
Nun, nachdem wir diese allgemeine Idee gegeben haben,
schauen wir uns an, was jedes der vier Module in diesem Kurs abdecken wird.
Das allererste Modul stellt Ihnen die Full Stack Web Development,
die allgemeine Idee und die Big Picture View vor.
Gleich danach werden wir uns einen kurzen Überblick über Git und Node ansehen.
Wenn Sie den vorherigen Bootstrap 4 Kurs absolviert
haben, dann hätten Sie diese beiden bereits im vorherigen Kurs behandelt.
So können Sie schnell zur
ersten Lektion überspringen, die Sie in Angular, die Einführung in Angular, einführt.
Nach der Einführung in das Angular Framework und dann Einrichten unserer Angular
Anwendung mit Angular Material und Angular Flex-Layout.
Dann werden wir weitergehen, um mehr über Winkelkomponenten zu studieren.
Welche Rolle spielen Angular-Komponenten beim Entwerfen einer Angular-Anwendung und
beim Entwerfen der verschiedenen Ansichten, die in Ihrer Angular-Anwendung unterstützt werden.
Das sollte Sie bis zum allerersten Auftrag in diesem Kurs führen.
Das zweite Modul konzentriert sich auf Angular-Dienste
, Routing und Single-Page-Anwendungen.
Wir schauen uns an, wie das Angular-Feedback den Zugriff auf Daten unterstützt und
wie wir Dienste für den Zugriff auf die Daten nutzen können.
Darüber hinaus, wie wir Daten bei der Gestaltung
unserer Ansichten für unsere verschiedenen Angular-Komponenten nutzen können.
Das ist also, wo der Datenbindungsaspekt ins Bild kommt.
Dann schauen wir uns Angular Routing an und
wie wir einzelne Seitenanwendungen in Angular implementieren können.
Ich werde Ihnen erklären, was eine einzelne Seitenanwendung ist, und
dann werden wir uns ansehen, wie wir eine mit dem Angular-Framework entwerfen können.
Und das bringt Sie den ganzen Weg zur zweiten Aufgabe in diesem Kurs.
Das dritte Modul konzentriert sich auf Winkelformen.
Dann schauen wir uns Angular Reactive Forms an und
wie Winkel- und Reaktive Programmierung zusammenarbeiten.
Und wie Angular reaktive Programmierung nutzt, um
verschiedene Unterstützungsformen innerhalb der Angular-Anwendung zu implementieren.
Also schauen wir uns vorlagengesteuerte Formulare an, dann schauen wir uns Angular Reactive Formulare an, und
dann schauen wir uns an, wie Angular Versprechen unterstützt.
Und dann werfen Sie einen kurzen Blick auf die Reaktive Programmierung in RxJs im Kontext,
wie Angular RxJs nutzt, um verschiedene Funktionen innerhalb des Frameworks zu unterstützen.
Das bringt Sie bis zum dritten Auftrag in diesem Kurs.
Das letzte Modul betrachtet Client-Server-Kommunikation.
Wie Ihre Angular-Anwendung mit einem Server kommunizieren kann
, der Daten bereitstellt, die von der Serverseite abgerufen und
dann zum Rendern der Ansichten in Ihrer Angular-Anwendung verwendet werden können.
Entsprechend betrachten wir auch, wie Änderungen, die Sie an
den Daten vornehmen möchten,
aus Ihrer Angular-Anwendung auf die Serverseite reflektiert werden können.
Wir werden Angular und das HTTP-Modul in Angular betrachten.
Wir werden uns ansehen, wie die REST-API für das
Entwerfen Ihrer Angular-Anwendung genutzt wird,
wir werden uns auch Animationen und Direktiven in Angular ansehen.
Insbesondere Attributdirektiven in Angular.
Wir werden Strukturdirektiven im allerersten Modul betrachten.
Wir werden uns kurz mit dem Testen von Angular-Anwendungen befassen, und dann
schauen wir uns schließlich an, wie wir unsere Angular-Anwendung auf einem Server erstellen und bereitstellen werden.
Und das sollte Sie bis zum endgültigen Auftrag in diesem Kurs führen.
Auf dem Weg haben wir auch eine Ehrenstrecke in diesen Kurs eingebaut.
Wenn Sie mit Angular an Ihrem eigenen Projekt arbeiten
möchten, bietet Ihnen der Ehren-Track die Möglichkeit,
innerhalb dieses Kurses an Ihrem eigenen Projekt zu arbeiten.
Werfen Sie einen Blick auf den Ehren-Track, und wenn Sie das interessiert, können Sie auch verfolgen,
Ihr eigenes Angular-Projekt im Rahmen dieses Kurses zu entwickeln.
Ich hoffe, Sie haben Spaß, diesen Kurs zu durchlaufen und Angular zu lernen.
Das letzte Wort, mit dem ich Sie zurücklassen werde, ist Geduld.
Angular erfordert viel Geduld zu lernen.
Es wird viele Konzepte und
Technologien geben, denen Sie begegnen werden, wenn Sie diesen Kurs durchlaufen.
Bitte beeilen Sie sich nicht, um den Kurs abzuschließen.
Nehmen Sie sich Zeit, um jeden einzelnen Schritt zu verstehen, bevor Sie diesen Kurs beenden.
Ich hoffe, Sie genießen diesen Kurs.
( MUSIK)