Angular Crashkurs Deutsch für Einsteiger

In diesem Video lernst du wie man eine App mit Angular erstellt. Wir erstellen eine einfache CRUD Applikation, nämlich eine Todo App. Zum Stylen verwenden wir Tailwind CSS.

⏱️ Timestamps ⏱️
0:00 Einführung
3:10 Angular Installation & Setup
5:48 Projektstruktur
15:17 TailwindCSS Installation & Setup
18:30 Grundlegendes Styling mit Tailwind
26:50 Angular Basics: Directives, String Interpolation, Property Binding
31:32 Parent to Child Kommunikation
40:42 Child to Parent: EventEmmiter
48:32 Data Binding & Type Aliases
55:25 Persistance in LocalStorage
1:00:35 Type Safety mit Interfaces
1:03:39 Services & Dependency Injection

[readychris]

Sehr gutes Video! Habe mir die volle Stunde und 9 Minuten gegeben und nebenher mit dir ausprobiert und programmiert! Ich bin neu in Angular und TypeScript und diese ToDo Liste ist jetzt mein aller erstes Projekt. Vielen Dank!

[MarkGruffalo]

Geiler Typ! Sehr strukturiert und einfach erklärt! Danke dir! Hast mir sehr geholfen :)

[ikrusk]

Sehr gut, danke dir für die Mühe! Super video, tolle Einstieg in die Materie

[michaelaitania]

Super! Ein sehr gutes Video tutorial! Danke!!!

[jensweber]

Sehr gutes Video und das sowohl was die Erklärung angeht, als auch die Videoqualität! Großes Lob, vielen Dank!
Einen kleinen Verbesserungsvorschlag habe ich allerdings: Stell das Projekt doch auf Github zur Verfügung. Dann kann man den Code besser nachvollziehen, ohne im Video hin und her zu springen.

[AlexanderKollin]

Ich möchte mich mit einem Lob anschließen. Hat mir sehr gut gefallen. Ich habe auch noch einen Tip: wenn du dir das Video am Handy mit der youtube App ansiehst, dann ist der code so klein, dass man es nicht mehr lesen kann. Habe andere Videos gesehen, wo anscheinend die Auflösung des offenen Fensters auf keine Ahnung 1000px Breite runter gerendert wird. Das sieht dann am Handy auch toll aus. LG aus Wien

[svenglaser]

Nettes Video . Kleine Anmerkung bei einer Logik finde es unschön ==="" zu prüfen . Finde es besser nach dem trim aud length zuprüfen

[bjorgesteen]

Danke, ist auch immer noch aktuell. Nur die Constructor und OnInit-Methoden werden nicht mehr bei einer erstellten Komponente miterzeugt und für tailwindcss muss kein purge-Object mehr angelegt werden. Einfach das Content-Array nutzen.

[triggerHLM]

Anstatt den Index aus dem Child an den Parent weiterzureichen hätte man direkt den Wert auf dem Objekt in der ToDo Komponente setzen können, weil es sich bei dem Input nur um eine Referenz auf das Objekt aus dem Array handelt.

[Spandauer]

welchen Vorteil bietet mir den eines der 3 Frameworks in Verbindung mit/für Django als Django Fullstack?

[Sebastian]

Wie kommt man den zu so einem VS Code Theme / Syntax Highlighting? Das sieht sehr praktisch aus um alles mal vernünftig zu erkennen.

[Nini]

Gutes Video! Kleine Anmerkung: Bei IF-Bedingungen wird vorne angefangen mit den Prüfungen: Wenn Du also schreibst "if (data !== '' && data !== null) ..." dann kommt es zu einer NullPointerException, wenn data wirklich mal null wäre. Daher tauschen: "if (data !== null && data !== '') ..." ! Ich würde sogar noch trim() dazu packen: "if (data !==null' && data.trim() !== '')...". Aber nochmal: Tolles Video!!! Good job. 🙂

[stargroundblocks]

Eine Frage: welche Library sollte man den am besten mit Angular nutzen?.

[Salesorge]

Finde ich sehr gut! Wie es sieht es mit REST Verbindung zu Backend aus, suche dazu noch ein gutes Tutorial! Leider sind die offiziellen Angular docs nicht so gut verständlich.

[pettypavlow]

Danke aber bei mir fehlt OnInit beide import und export.

[samueletofan]

Vieles klappt leider nicht wenn dem tutorial wie z.b das app modules nicht erstellt nicht. Da ich noch entwickler bin habe ich es trotzdem alles gescheckt. Trotzdem danke habe es nun besser verstanden (:

warn - The `purge`/`content` options have changed in Tailwind CSS v3.0.
warn - Update your configuration file to eliminate this warning.