Skip to content
Angular Start
View lessons
Login
Search
Ctrl
K
Cancel
Select theme
Dark
Light
Auto
View lessons
Pricing
Login
Modules
Welcome
The best way to learn Angular?
P
Tips for success
P
Setting up your Development Environment
Basic Environment Setup
P
Setting up your Text Editor/IDE
P
Getting Started with Angular
Creating your first Angular application
P
Anatomy of an Angular Project
P
Using the Angular CLI
P
Basic Angular Concepts and Syntax
Preface: Modern Angular Development
P
TypeScript and ES6 Concepts
P
Structure of an Angular application
P
An Introduction to Angular Template Syntax
P
Understanding Decorators in Angular
S
Working with Components in Angular
S
An Introduction to Signals
S
Overview of Signal APIs in Angular
S
NgModules, Routing, and Standalone Components
S
Understanding Dependency Injection in Angular
S
Change Detection: Signals vs OnPush vs Default
S
Navigating and Passing Data Between Pages
S
User Input and Forms in Angular
S
Fetching Data from a Backend/API
S
Basic Angular Knowledge Review (Mega Quiz)
P
Todo: A Simple Angular App
Source Code
S
Introduction
P
Creating a Todo
P
Storing State in an Angular Service
S
Routing to a Detail Page
S
Adding Some Simple Styling
S
Conclusion
S
Reactive and Declarative Programming: RxJS and Signals
Reactive Best Friends: RxJS and Signals
P
What is an Observable?
P
An Introduction to RxJS
P
Commonly Used RxJS Operators
S
Higher-order Observables and Flattening Operators
S
Coding Reactively/Declaratively in Angular
S
The Importance of the Async Pipe
S
Handling Manual Subscriptions
S
Review (Quiz)
S
Basics of State Management in Angular
What is State?
S
Simple State Management in Angular
P
State Management with RxJS and Signals
S
State Management Libraries
S
Application Architecture Basics
The Importance of Application Architecture
S
Applying SOLID Principles in Angular
P
Smart and Dumb (Presentational) Components in Angular
S
File and Folder Architecture
S
Review (Quiz)
S
Quicklists: A real world CRUD application
Source Code
S
Introduction
S
Getting Started
S
The Architecture
S
Creating a Declarative Modal
S
Creating a Form Modal Component
S
Creating a Checklist Service
S
Creating a Checklist List Component
S
The Checklist Detail Page
S
Creating Checklist Items
S
Toggling Item State
S
Persisting Data in Local Storage
S
Editing and Deleting Data
S
Styling and Theming
S
Resource API Refactor
S
Conclusion and Challenges
S
APIs, Servers, and Databases: Utilising Backends
Source Code
S
Building your Own Simple Server with NestJS
S
Using a Backend as a Service
S
Giflist: Integrate 3rd Party APIs
Source Code
S
Introduction
S
Getting Started
S
The Architecture
S
Creating a Dumb Component to Display GIFs
S
Fetching Data from the Reddit API
S
Adding Pagination with Infinite Scroll
S
Modify Streams with User Input
S
Using the Expand Operator to Fetch Recursively
S
Styling and Refinements
S
Resource API Refactor
S
Conclusion and Challenges
S
Advanced State Management Concepts
Source Code & Resources
E
Introduction
E
Building Your Own State Utility
E
The Ngxtension Library and Connect
E
Refactoring a Complex State Service
E
Using Connect with Local Component State
E
Dealing with Side Effects
E
Advanced Reactive Forms and Validations
Source Code
E
Introduction
E
The FormGroup Directive
E
Advanced Validations
E
Handling Validation Errors
E
Creating Dynamic Forms
E
Creating Custom Controls
E
Chat: Real-time Application with Firebase
Source Code
E
Introduction
E
Getting Started
E
The Architecture
E
Setting up a Development Environment for Firebase
E
A Brief Introduction to Document-Based NoSQL Databases
E
Creating a Messages Service to Interact with Firestore
E
Adding Live Chat Messages
E
Understanding and Implementing Firestore Security Rules
E
Adding User Authentication with Firebase
E
Form Validation and User Experience
E
Protecting Routes with Guards in Angular
E
Styling and Refinements
E
Resource API Refactor
E
Conclusion and Challenges
E
You made it!
Congratulations!
S
Select theme
Dark
Light
Auto
View lessons
Pricing
