Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Comprehensive Angular Course: Step-by-Step Guide for Beginners and Beyond
Introduction
New Lesson
Introduction to Angular
What is angular? (2:21)
Agular features (1:19)
Why using angular? (1:30)
Angular vs other frameworks (1:21)
Angular architecture overview (2:02)
Setting up the development environment
Install angular cli (5:20)
Install nodeJs and npm (3:02)
Create a new angular project (3:51)
Understanding the generated project
Understand the package-json and package-lock-.son (7:39)
Walking through the generated project (5:59)
Understand the angular.json file (5:48)
Understand the app-module file (3:30)
How an angular application bootstraps (2:52)
Running the application (5:02)
Angular components
How to create a component? (1:15)
What is a component (1:14)
Component lifecycle (2:11)
Angular components in action
@Output (5:03)
Create and understand a component (6:36)
How to use a component (1:52)
Two data binding (7:35)
Playing with events (6:47)
NgIf directive (4:53)
NgFor directive (7:48)
Communication between components (1:22)
@Input (9:07)
Add a delete button (1:42)
Angular services and dependency injection
Dependency injection (1:12)
What is a service (1:34)
Angular services and dependency injection in action
Create and understand a service (6:42)
Implement the service (4:01)
Constructor injection (4:07)
Property injection (1:02)
Null injector exception - Why and How to fix it (2:25)
Angular routing
What is routing? (1:20)
Router outlet, router links and navigation (1:56)
Angular routing in action
Create the about page (1:23)
Create the menu component (2:10)
Create routes and navigate between pages (6:02)
Passing and reading path parameters (5:54)
Passing and reading query parameters (2:51)
Angular HttpClient
Create the product service (1:01)
Introducing the REST API (1:10)
Making the first REST request (12:37)
Create the product representation (3:24)
Use the product representation as a type (1:49)
Making a POST request (5:43)
Handling HTTP errors (3:52)
Implement a full example
Extend the menu (1:32)
Create the product component (0:55)
Create the product details component (3:01)
Display all products (3:34)
Create new product page (1:33)
Save a new product (3:41)
Angular pipes
WIP (Work In Progress)
HTTP Interceptors
WIP (Work In Progress)
Error Handling & Error pages
WIP (Work In Progress)
Authentication & Routes protection in Angular
WIP (Work In Progress)
Angular Signals
WIP (Work In Progress)
Angular Modules & Optimising Angular Applciations
WIP (Work In Progress)
Dynamic components
WIP (Work In Progress)
Use the product representation as a type
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock