Angular Tutorial für Anfänger - Erstelle deine erste Anwendung

In diesem Video lernst du, wie du mit Angular 2 (version 11) deine erste richtige Anwendung mit der CLI erstellst und deine erste Component richtig verwendest. Natürlich schauen wir uns das wichtige Databinding an, damit du weißt, wie Daten vom HTML zur TypeScript Klasse kommen. Finde mit diesem Angular Tutorial den besten Start in die Webentwicklung!

Zeitstempel:
00:00 : 06:25 Anwendung erstellen
06:25 - 12:32 Einfaches Databinding
12:32 - 19:56 TypeScript Klasse/Interface erstellen und Array anzeigen
19:56 - 24:10 Elemente löschen mit Click Events (Event Binding)
24:10 - 29:52 Model-Binding für Formulare (erstellen von Tieren)
29:52 - 37:16 Weitere Anpassungen und Styling

Viel Spaß!

[MegaProggy]

Perfekte Darstellung der grundlegenden Zusammenhänge! Dankeschön

[morph]

Video angeschaut + Kurs gekauft ^^ nun geht es dort weiter. Danke, dass du dein Preview mit einem vernünftigen Umfang hier auf yt hochgeladen hast (bei mir ist es genau anders herum gewesen: von 20+ Jahren im Backend jetzt auch noch mal zum Thema Frontend den Horizont erweitern)

[dwarslopers]

Richtig gut erklärt. Vielen Dank! Den Udemy Kurs hab ich natürlich auch gleich gekauft, ich hoffe, der ist genauso klar und straight.

[Sergfio_S.F]

Besten Dank für deine Mühe! Das tutorial ist super! 👍🏼

[DigitalKompost-dhzy]

Ein sehr schöner Einstieg, wirklich gelungen..

[sandrocutri]

Vielen Dank für dieses Tolle Video! Ich habe Heute angefangen Angular zu lernen und du hast mir perfekt die Grundlagen dazu gegeben
Grüsse aus der Schweiz <3

[bronzekoala]

5:18 jeder der schonmal Tutorials aufgenommen hat kennts :D super video! Aht mir sehr geholfen.

[adriandeggosaurus]

Ein super Tutorial! Hat mir sehr geholfen, die Grundsätze zu verstehen, also schonmal danke dafür :).

Eine Frage habe ich trotzdem noch: Welche Elemente werden denn durch Components modelliert? In unserem jetzigen Bespiel haben wir ja nur eine Component benutzt.

[Andreas]

Wenn ich ein zweites Tier hinzufügen möchte, verändert sich leider gleichzeitig Name und Typ des ersten Tieres welches ich über die addAnimal() Methode hinzugefügt habe. Wie kann ich das verbessern?

[k.s]

Hey Jannick! Danke für das informative Video. Ich würde gerne etwas mehr über Angular lernen, da ich in zwei Wochen ein Bewerbungsgespräch als Werkstudent habe, bei welchem Angular benötigt wird und wollte mir daher deinen Kurs bei Udemy kaufen. Leider sind für mich momentan als Student 80 € unfassbar viel Geld. Ich wollte dich daher fragen, ob die Möglichkeit besteht, mir einen Rabattcode oder Ähnliches zu geben. LG aus Wien!:)

[perschinski]

Wenn man ein Tier hinzufügt und anschließend noch mal im Textfeld editiert, kann man sehr schön das 2-Way-Bindung sehen - für ne echte Anwendung vielleicht nicht so cool ;-) - lässt sich ja schnell beheben...

[falex]

Super geiles Video ich küss dein Herz.

[peterbrightman]

Dachte ich könnte eine Bewertung pro Abschnitt eingeben, aber das geht wohl nicht. Dann schreibe ich es halt hier. Ich verstehe dass man mit Komponenten einen modularen Aufbau realisieren kann und vor allem Komponenten auch mehrfach verwenden kann. Dies gilt jedoch nicht für die index.html, denn ein root-tag darf bei XML nur einmal definiert werden. Das Beispiel mit dem title property, welches dann per {{title}} in das html template der Komponente eingebunden werden kann, ist ja leicht verständlich. Doch wie kann ich den title der website, der ja im Tab des browsers angezeigt wird, ebenso dynamisch per property einbinden? Das title-tag ist ja ein tag, welches im head-tag definiert wird, und head sowie body, html-doc declaration sowie das root tag html sind in der index.html. Da gibt es zwar ein main.ts file, aber da gibt es keine Klasse und somit auch keine properties. Ist die index.html tatsächlich ein rein statisches file?

[michaeldhen]

Kurze Fragen - wenn ich für Android programmieren möchte - 1. Ist Angular geeignet? und 2. Wird auf dem Handy immer eine Internetverbindung vorausgesetzt?

Herzlichen Dank

[goUrie]

Gutes Video, wenn auch ein wenig zu schnell erklärt/gecoded.

[diyanvasilev]

Wieso wird die Seite nicht aktualisiert wenn ich der Inhalt im components.html ändere?

[gitarrenghost]

Danke für das Video. Eine Frage. Woher weiß Angular beim löschen welches animal gelöscht werden soll, wird da sowas wie eine ID übergeben? Ab 23:30

[oliverkage]

Export: Ich wollte das ganze nun per "ng build" exportieren um es lokal als auch auf einem Webserver zu testen (Aufruf der Index.html).
Die Seite bleibt aber leer (wobei Quelltext vorhanden). D.h. für den Export als eigenständige HTML/Javascript-Kombi fehlt wohl noch etwas ;-)

[steinke]

Hallo Yannik, super Video, ich überlege mir deinen Kurs auf Udemy zu kaufe. Bin noch etwas unsicher was ich möchte, Habe auch schon Symfony und Svelte für Fronend.
Auf Arbeit haben wir Angular im Einsatz, da allerdings zwei Komponenten, einem eine UI und einmal eine RestAPI.
Das habe ich nicht selber gemacht, aber möchte mich gerne da rein fressen. Sind solche Dinge auch Bestandteil deines Kurses ?
Bringts du noch weitere Kurse zu diesem Thema raus ? Also Schnittstellen zu Datenbanken (MSSQL, Oracle etc.). Anzeige in Diagrammen uns so weiter, oder ist das so nicht möglich ?
Vielen Dank

[lucabinder]

Eigentlich gut erklärt, aber schade, dass die Website nicht richtig funktioniert.

Beim hinzufügen von mehreren neuen Tieren wird der Wert immer wieder überschrieben.