Introduction
Creating an Angular Project
Editing our First App
Why TypeScript? What is TypeScript?
Getting Started with Components
Understanding AppModules
First Summary
About Unique Selectors
Inserting Content with ng-content
String Interpolation
Property Binding
Event Binding
More Information on Property & Event Binding
Two-Way Binding
The Component Lifecycle
Template Access with Local References, ViewChild and ContentChild
Project Setup
Course Project Creating the Header Component
Course Project Creating Recipe Model & List Component
recipe-listcomponenthtml
recipe-detailcomponenthtml
What are Directives?
Building a Custom Attribute Directive
HostListener Passing Data
*ngIf
ngSwitch
Building a Custom Structural Directive
Course Project Ingredients List with *ngFor
Introduction
If you don't find the TypeScript Sourcemaps
What are Services?
Using services for cross component interaction
Example Injecting the Logging Service
Services & AppModules
Course Project Creating the Recipe Service
Course Project Cross-Service Communication
Introduction to the Angular Router
Loading Components
Understanding Navigation Paths
Route Parameters
Query Parameters
Extracting Query Params
Passing Fragments and Preserving Query Params/ Fragments
Child Routes
Styling Active Route Links
Guards CanActivate
Location Strategies
Setting up the Main Routes
Using Child Routes in the Recipe Section
Extracting Recipe Data from Route Params
Wiring "Edit" and "Delete" up
Introduction to Forms in Angular
Registering Controls (Template-Driven)
Form Properties
Form State & CSS Classes (Template-Driven)
Two-Way Binding with ngModel (Template-Driven)
Radio Button Controls (Template-Driven)
Creating a Form (Data-Driven)
Synchronizing HTML and the Angular Form (Data-Driven)
Input Validation (Data-Driven)
Working with the State of the Form
Radio Buttons (Data-Driven)
Creating a Form with the FormBuilder (Data-Driven)
Custom Asynchronous Validators (Data-Driven)
Adding & Editing Mode
Selecting Items & Property Binding
Editing Items
Recipe Form - Preparation - Fetching the Active Recipe
Synchronizing the HTML Code with the Form
Managing Recipe Ingredients
What are Pipes?
Chaining Pipes
Using NgModules
"Impure" Pipes
Demo Data Source Firebase Setup
Using NgModules
Sending a POST Request
Using the Async Pipe
Storing Recipes on the Server (POST)
Finishing Touches & Bugfixes
Required Adjustments in this Module
Setting up Routes
User Signup
User Logout