Getting Started
- Introduction
- What is Angular?
- Join our Online Learning Community
- How does Angular Work?
- MUST READ: Angular CLI - Latest Version
- Creating Your First App
- Editing the First App
- Understanding the Project Structure
- How does an Angular App Start?
- What you'll learn in this Course
- Optional: TypeScript Essentials
- How to get the Course Source Code & Ask Questions
- Useful Resources & Links
Understanding Components
- Module Introduction
- Configuring the Editor
- Templates and the DOM
- How Angular Reads Your Components
- Adding Custom Components
- Outputting Content via String Interpolation
- Listening to (User) Events
- Binding to Properties
- All at the same Time: Two-Way-Binding
- Time to Practice - Component Basics
- [OPTIONAL] Assignment Solution
- Binding Component Properties
- Listening to your Custom Events
- Multiple Components & Using the CLI for Component Generation
- Time to Practice - Beyond Component Basics
- [OPTIONAL] Assignment Solution
- Understanding Scoped Component Styles
- Wrap Up
- Useful Resources & Links
Debugging & Using 3rd Party Libraries
- Module Introduction
- How to Handle Angular Errors (and Error Messages)
- Debugging Code with Developer Tools & Sourcemaps
- Deeper Insights with Augury
- Using CSS Frameworks with Angular (and the Angular CLI)
- Using JS Libraries with Angular (and the Angular CLI)
- Wrap Up
- Useful Links & Resources
Extra Features with Directives
- Module Introduction
- What are Directives?
- Outputting Lists with ngFor
- Controlling CSS Classes with ngClass
- More on Directives
- Conditionally Outputting Content via ngIf
- Wrap Up
- Useful Resources & Links
Angular in Practice: Starting the Course Project
- Module Introduction
- Planning the App
- Getting Started
- Filling Components with Life
- Managing Data in our Application
- Passing Data via Property Binding
- Using ngClass to Provide the User Feedback
- Passing Data via Event Binding
- Wrap Up
Amazing Data Management with Services
- Module Introduction
- What are Services?
- Creating a Service
- How NOT to Use Services
- Injecting Services
- Understanding Dependency Injection
- Cleaning up the Project
- Injecting Services into Services
- Wrap Up
- Useful Resources & Links
Handling User Input with Forms
- Module Introduction
- Creating a Form in the Template
- Handling Forms with Angular
- How to use Submitted Values
- Validating User Input (with Angular)
- More Validation Methods
- Using the Form State to Give Visual Feedback
- The Different Faces of ngModel
- An Alternative to the Approach Shown in This Module
- Using the Reactive Approach
- Wrap Up
- Useful Resources & Links
Changing Pages with Routing
- Module Introduction
- Server-side vs Client-side Routing
- Adding a Header Component
- Adding Routing to the Application
- Navigating with Router Links
- Handling Unknown Routes with Wildcards and Redirects
- Using Child Routes and Route Parameters
- Extracting Route Paramters
- Fixing Page Reload Issues
- Cleanup & Missing Reactivity
- Wrap Up
- Useful Resources & Links
Reactivity, RxJS and Observables
