Happy Angular - Kompaktes Angular Wissen zum Mitnehmen Archiv
41 Episoden
16 Minuten
Der Einstieg in Angular ist leicht – jedoch gibt es viele verschiedene Varianten, die an das gleiche Ziel führen. Das ist auch bei den Schleifen nicht anderes. Wir schauen uns in dieser Podcastepisode verschiedene Varianten von Schleifen an.
14 Minuten
Um Daten vor der Darstellung an den Benutzer zu formatieren, nutzen wir in Angular Pipes. Pipes erlauben es, die Daten im Template zu transformieren, ohne die Ausgangsdatensatz zu verändern. Ein typisches Beispiel für die Nutzung von Pipes ist die Ausgabe eines Datums. Das interne Objekt-Property oder Variable haben den Datentyp Date und der Benutzer erwartet Tag/Monat/Jahr. Ggfs. beinhaltet das Datum auch die Uhrzeit, die für eine andere Stelle relevant ist. Wir sehen dabei, dass die Formatierung für den Anwender kann ein verlustbehaftetes Verfahren sein.
12 Minuten
Ein Service in Angular ist eine TypeScript Klasse mit einer bestimmten Aufgabe. Der Gegenstand eines Service kann die Bereitstellung von Daten, die Kommunikation zwischen Komponenten und anderen Objekten sowie die Wiederverwendbarkeit von Funktionen sein.
11 Minuten
Zustandsänderungen sind komplex: Wann muss eine Änderung durchgeführt werden? Warum muss eine Anpassung gemacht werden? Wie sollen die Daten modifiziert werden? Neue bzw. Zusätzliche Anforderungen erschweren saubere Zustandsänderungen – sind aber typisch und häufig. Redux sorgt eine Vorhersagbarkeit für die Zustandsveränderung und das ist das Thema dieser Podcast Folge.
9 Minuten
In dieser Happy Angular Podcast Folge schauen wir uns Direktiven an. Eine Direktive sind Befehle, die das Aussehen des Templates anpassen. Angewendet kann eine Direktive auf ein HTML Element oder einer Komponente. In Angular gibt es drei verschiedene Arten von Direktiven: Attribute Direktive, strukturelle Direktive und eine Komponente. Neben den Standard-Angular Direktiven können wir auch eigene Direktiven schreiben.
5 Minuten
Der Unterschied zwischen HTML Attribute und DOM Property ist das Thema dieser Happy Angular Podcast Folge. Dabei lernen wie wir gezielt die HTML Attribute bzw. DOM Property setzen.
13 Minuten
Bindings erlauben die Kommunikation zwischen HTML Datei und TypeScript Klasse. In dieser Folge des Happy Angular Podcasts schauen wir uns String Interpolation, Property Binding, Event Binding, Two-Way Binding und drei weitere Bindings an. Du erhältst drei wertvolle Tipps, wie Fehler mit Bindings vermeidest und einfacher mit leeren Werten wie null und undefined umgehen kannst.
14 Minuten
Als ersten Grundbaustein in Angular schauen wir uns heute die Komponente an. Die Komponente ist ein elementarer Baustein und definiert den Inhalt deiner Anwendung. Jede Komponente besteht aus zwei Bestandteile: Template und Logik. Das Template beantwortet mit einer HTML Datei die Frage, wie einen Komponente aussehen soll. Das Verhalten und der Inhalt wird durch eine TypeScript Klasse definiert (Logik). Es gibt grundsätzlich zwei Arten, wie eine Komponente verwendet werden kann: Wiederverwendbar und spezifisch. In einer wiederverwendbaren Komponente wird das Aussehen und Verhalten festgelegt und der Inhalt von außen mit Hilfe von Inputs gesetzt. In einer spezifischen Komponente wird darüber hinaus auch der Inhalt definiert.
14 Minuten
Wir schaffen uns einen Überblick über das Angular Framework und auch über die nächsten Episoden: Die Komponente ist ein elementarer Baustein einer Angular Anwendung und definiert den Inhalt deiner Anwendung. Eine Direktive sind Befehle, die das Aussehen des Templates anpassen und kann auf ein HTML-Element oder Komponente angewendet werden. Für die Bereitstellung von wiederverwendbaren Methode oder zur Datenhaltung werden Services in Angular verwendet. Der Angular Router ermöglicht die Seitennavigation ohne Server-Request. Durch Module ist es möglich, die Angular Anwendung in Sinnabschnitte zu gliedern. In Angular gibt es zwei Wege, wie Formulare aufgebaut werden können: Template-Driven-Forms und Reactive Forms. Durch Pipes können wir Rohdaten von der Ausgabe formatieren, ohne die Rohdaten anzupassen.
9 Minuten
In dieser Podcast-Episode lernst du die Angular CLI als Werkzeug für die Codegenerierung und als Build-Tool kennen. Wir betrachten außerdem NodeJS und die Verwaltung der Abhängigkeiten mit NPM. Du bekommst klaren Einstieg, welche Software du benötigst, um mit der Angular Entwicklung loszulegen. Außerdem werden wir dabei auch gleich deine erste Angular Anwendung erstellen und das alles in ein paar Minuten. Hör dir gleich diese Folge des Happy Angular Podcast an.
5 Minuten
Warum gibt es diesen Podcast? In diesem Podcast bekommst du kompaktes Wissen über Angular. Die Episoden sind kurzgehalten, damit du diese auf dem Weg zu Arbeit hören kannst. Wir reden über Konzepte und du bekommst den Programmcode in den Shownotes. Der Podcast ist ideal für dich, wenn du Entwickler bist oder sein möchtest. Wir beginnen mit den Grundlagen und werden dann auch fortgeschrittener Themen uns anschauen. Welche Themen wird es geben? Jede Woche behandeln wir spannende Themen rund um Angular, TypeScript, RxJS / Observables und Redux. Wer veröffentlich diesen Podcast? Ich bin Sebastian Dorn – leidenschaftlicher Angular Entwickler und Trainer. Das Wissen zu Angular gebe ich in Schulungen und in Kundenprojekten weiter. Du findest mich auf Konferenzen und hier im Happy Angular Podcast.
