Learn how to build dynamic and responsive web applications with Angular
This course is meticulously crafted to enable you with the skills and knowledge necessary to outshine in the dynamic world of frontend programming and is designed for aspiring learners and professionals seeking to dive deep into Angular development.
In this immersive unique learning experience, you will embark on a hands-on exploration of Angular, a cutting-edge JavaScript/TypeScript framework renowned for building complex, responsive, and scalable web applications.
Whether you're a novice or have prior programming experience, this course will equip you with a profound understanding of Angular's architecture, along with the practical skills to harness its capabilities effectively.
Learn from the best!
Being in the industry for 2 decades - we know what it takes to get your career off on the right foot. That's why we have designed and crafted interactive courses that are the best reference material around, and they're an absolute must-have for any developer looking to get ahead.
The course is crafted by the best in the business - loaded with hands-on reference material & interview questions from Fortune 10/100/500 clients world-wide, which has helped over 10,000 consultants in securing their dream job or even advance in their career in Front-End/Full-Stack/Web & Mobile technologies industry.
Get ready to level up your web development game with Angular -
the future of frontend!
Embark on this transformational learning experience and emerge as a proficient Angular developer, equipped with the skills to create, deploy, and excel in crafting exceptional web applications.
Curriculum
Introduction
Available in
days
days
after you enroll
Angular Fundamentals
Available in
days
days
after you enroll
- Displaying message dynamically (Interpolation) (2:44)
- First Component with Architecture (10:03)
- Assignment - Display sum of two values (1:37)
- Understanding the @NgModule (5:16)
- Copy of Understanding the @NgModule (5:16)
- Property binding (3:16)
- NG17-Bootstrapping & Utilizing Standalone (2:55)
- Assignment - Property binding with image tag (1:20)
- Event binding with click event (3:46)
- Binding other mouse related events (3:35)
- Binding keyboard events (2:57)
- $event object (4:01)
- Assignment - Checking Shift key status (2:43)
- Two way binding (ngModel) (5:11)
- Assignment (Two-way Binding) - Get input field value on button click (2:10)
- Assignment - Creating counter example (3:44)
- Source Code
Angular Directives
Available in
days
days
after you enroll
- Structural Directives (*ngIf) (3:04)
- Directives Introduction (1:52)
- Assignment - Implementing show & hide functionality with *ngIf (2:06)
- Structural Directives (*ngFor) (2:35)
- NG17-Control Flow Statements (@if & @else) (3:36)
- Assignment - Displaying list items on button click using *ngIf and *ngFor (2:49)
- Structural Directives (*ngSwitch) (3:22)
- NG17-Control Flow Statements @for loop (6:15)
- Assignment - Implementing age validation functionality using *ngSwitch (2:55)
- Attribute Directives [ngClass] (5:55)
- Assignment - Light & Dark mode using [ngClass] (3:44)
- NG17-Control Flow Statements (@switch) (4:29)
- Attribute Directives [ngStyle] (3:02)
- Assignment - Changing the color of input field using [ngStyle] (7:25)
- Grouping elements with ng-container (3:36)
- HTML templates with ng-template (3:24)
- ng-template Vs ng-container (2:08)
- Assignment - (Displaying message if the input field remains empty) (3:56)
- Rendering templates with ngTemplateOutlet - Part 1 (4:32)
- Rendering templates with ngTemplateOutlet - Part 2 (3:01)
- Assignment - Portfolio Builder (Phase 1) - HTML (3:04)
- Assignment - Portfolio Builder (Phase 2) - CSS (4:45)
- Assignment - Portfolio Builder (Phase 3) - Binding (5:30)
- Source Code
Component life cycle - lifecycle hooks
Available in
days
days
after you enroll
Decorators
Available in
days
days
after you enroll
- Class Decorators - @NgModule (3:03)
- Introduction To Decorators (1:27)
- Class Decorators - @Component (1:51)
- Property Decorators - @Input (3:51)
- Assignment @Input Decorator (3:13)
- Property Decorators - @Output (5:16)
- Assignment - Implementing parent-child data sharing using @Input & @Output (7:23)
- Property Decorators - Accessing Child Components With @ViewChild (9:09)
- Property Decorators - Accessing The Projected Content With @ContentChild (5:00)
- Property Decorators - Binding Properties With @HostBinding (4:05)
- Method Decorators - Binding events with @HostListener (4:54)
- Assignment - Changing background color based on input (5:21)
- Parameter Decorators (1:02)
- Source Code
Angular Pipes
Available in
days
days
after you enroll
- Assignment - Implementing the built-in pipes (3:42)
- Pipes Introduction
- Understanding Slice Pipe (2:42)
- Assignment - Page navigation using slice pipe (Part 1) (5:08)
- ang-044-aAssignment - Page navigation using slice pipe (Part 2) (3:42)
- Understanding Number pipe (3:04)
- Assignment - Pound to Kg Converter Using Number Pipe (4:13)
- Understanding JSON Pipe (1:39)
- Assignment - Displaying Table Data To JSON string (4:31)
- Source Code
Custom Pipes
Available in
days
days
after you enroll
Angular Routing
Available in
days
days
after you enroll
- Understanding Router Structure (2:24)
- Routing Introduction (2:37)
- Creating A Simple Route (2:30)
- Creating A Navigation Link With _routerLink_ Directive (1:54)
- Assignment-Creating A NavBar Using Routes (5:13)
- Passing Route Parameters-Dynamic Routing (4:08)
- Wildcard Routes Displaying The ‘404’ Page (2:51)
- Understanding Nested Routes (2:50)
- Assignment - Creating a multi-level menu (2:47)
- Redirecting Routes (4:45)
- Understanding for Root & forChild (5:09)
- Understanding ActivatedRoute (5:02)
- Query Parameters In Routing (4:39)
- Assignment-Displaying Course Details And Fetching The Query Parameters (5:06)
- Source Code
Angular Services
Available in
days
days
after you enroll
Angular Tokens
Available in
days
days
after you enroll
- Injecting String Tokens (2:20)
- Injecting Tokens (4:45)
- Injection Token Object (3:11)
- Providing Value With useValue (2:47)
- Assignment-Provide A Constant Value As Dependency (2:37)
- Alias Provider (2:34)
- Factory Provider-useFactory Property (3:29)
- Providing Dependencies Using “deps” Property with useFactory (5:05)
- useFactory Vs. useValue (3:11)
- Source Code
Angular Template Driven Forms
Available in
days
days
after you enroll
Angular Reactive Forms
Available in
days
days
after you enroll
- Understanding FormControl (6:07)
- Understanding FormGroup (6:53)
- Dynamic Forms With FormArray (6:45)
- Understanding FormBuilder (2:16)
- Validating Form Controls (5:40)
- Assignment - Creating Multi Step Reactive Form With Bootstrap (part-1) (4:34)
- Assignment - Creating Multi Step Reactive Form With Bootstrap (part-2) (3:30)
- Assignment - Creating Multi Step Reactive Form With Bootstrap (part-3) (7:57)
- Tracking Form Control States (Dirty and Pristine Properties) (5:11)
- Assignment - Multiple Validations On Password Field (4:28)
- Source Code
Custom Form Validators
Available in
days
days
after you enroll
Route Guards
Available in
days
days
after you enroll
Lazy Loading
Available in
days
days
after you enroll
- Lazy Loading Of Modules (5:39)
- Introduction To Lazy Loading (1:52)
- Preloading Of Modules (5:34)
- Relative Question - Preloading Vs. Lazy Loading (1:44)
- Source Code
- NG17-Deferred Loading (6:38)
- NG17-@defer with @placeholder (2:55)
- NG17-@defer with @loading (2:27)
- NG17-@defer with @error (1:27)
- NG17-Working with Triggers (on idle) (2:49)
- NG17-Working with Triggers (on viewport) (4:44)
- NG17-Working with Triggers (on interaction) (1:31)
- NG17-Working with Triggers (on hover) (2:01)
- NG17-Working with Triggers (on immediate) (1:07)
- NG17-Working with Triggers (on timer) (1:07)
- NG17-Prefetching of @defer blocks (2:05)
- NG17-Defining Custom Triggers (3:27)
Observables & RxJS
Available in
days
days
after you enroll
RxJS Operators
Available in
days
days
after you enroll
- 108-RxJS - from - Operator (2:42)
- RxJS - of - Operator (3:11)
- 109-RxJS - interval - Operator (3:03)
- 110-RxJS - timer - Operator (3:44)
- 111-Assignment - Implementing a loading spinner with timer operator (3:04)
- 112-RxJS - empty - Operator (3:31)
- 113-RxJS Pipeable Operators (4:02)
- 114-RxJS -filter- Operator (3:30)
- RxJS {map} Operator (5:13)
- RxJS {mergeMap} Operator (3:49)
- Assignment - mergeMap() - Displaying the Courses Associated With User (2:35)
- RxJS { concatMap } Operator (4:55)
- RxJS { switchMap } Operator (4:30)
- Source Code
Handling HTTP Calls With Angular
Available in
days
days
after you enroll
- Making HTTP Calls With HttpClient (4:45)
- Making HTTP Calls With Observable (2:36)
- Implementing HTTP POST Request (5:10)
- Modifying Data With PUT Request (4:33)
- Removing Data With DELETE Request (3:37)
- CRUD App#1 Displaying Products With GET Request (5:52)
- CRUD App#2 Adding Products With POST Request (6:20)
- CRUD App#3 Fetching Products Data Before Updating (6:55)
- CRUD App#4 Updating Products With PUT Request (3:27)
- CRUD App#5 Deleting Products With DELETE Request (3:51)
- Source Code
Signals - Angular 16
Available in
days
days
after you enroll
Angular 17 - [All Lectures]
Available in
days
days
after you enroll
- Introduction to Angular 17
- Getting started with Angular 17
- Bootstrapping & Utilizing Standalone
- Control Flow Statements @for loop
- Control Flow Statements (@if & @else)
- Control Flow Statements (@switch)
- Deferred Loading
- @defer with @placeholder
- @defer with @loading
- @defer with @error
- Working with Triggers (on idle)
- Working with Triggers (on viewport)
- Working with Triggers (on interaction)
- Working with Triggers (on hover)
- Working with Triggers (on immediate)
- Working with Triggers (on timer)
- Prefetching of @defer blocks
- Defining Custom Triggers
- Source Code
eStore Project
Available in
days
days
after you enroll
- Introduction (1:35)
- eStore Project Creation (1:52)
- Installing Bootstrap (1:30)
- Beginning header component (3:38)
- Adding search bar (3:20)
- Category dropdown in search bar (2:41)
- Login link, wish list and cart icons (3:48)
- Category navigation bar (2:50)
- Creating home component (2:45)
- Reorganizing header and category navigation components hierarchy (1:35)
- Creating Error 404 Page (1:35)
- Beginning Side Navigation Component (6:00)
- Fetching Data Into Side Navigation Component (5:34)
- Products component (1:59)
- Styling product card (3:39)
- Fetching data into products component (3:51)
- Creating ratings with shared component (5:55)
- Installing MySQL (4:09)
- Creating database (5:02)
- Creating Node Server (2:58)
- Configuring API Route (2:01)
- Configuring Nodemon (1:24)
- Connecting to MySQL (2:44)
- Data Fetching using SQL query (2:01)
- Removing getConnection() call (1:16)
- Creating routes with express (2:03)
- Configuring Routes with express.Router() (1:13)
- Creating workspace (0:58)
- Fetching categories from server (3:47)
- Fetching Categories in Category navigation bar (1:51)
- Introducing state management (8:25)
- Introducing state management (8:25)
- Populate header search categories (1:34)
- Define routes to fetch products (4:36)
- Fetching products in products component (2:27)
- Query parameters to filter products by category (2:37)
- Add products store (6:06)
- Filter products from side navigation bar (3:07)
- Filter products from category navigation bar (1:48)
- Adding keywords in database (2:18)
- Find products using search box (4:46)
- Lazy loading home module and products gallery component (5:29)
- Creating product details component (11:23)
- Implementing Shopping Cart - Part-1 (6:44)
- Implementing Shopping Cart - Part-2 (4:52)
- Creating shopping cart component - Part 1 (6:41)
- Creating shopping cart component - Part 2 (3:28)
- Cart summary and session storage (4:44)
- User Signup API (6:24)
- Starting User Sign up form (7:59)
- Adding validations in user sign up form (7:03)
- Connect sign up form to API
- User login API (5:49)
- User login form (5:58)
- Connect User login form to API (6:19)
- Create user drop down menu (9:38)
- Adding logout functionality (6:13)
- Display delivery address in checkout screen (7:21)
- API to save authenticated orders (9:07)
- Creating order service (8:03)
- Saving order from cart (6:12)
- API to get orders list (11:15)
- Source Code
Angular Testing
Available in
days
days
after you enroll
- Intro - Why Testing? Manual Vs Automated (3:21)
- Unit Vs. Integrated Vs. End to End (3:05)
- Jasmine & Karma - First Test (6:00)
- Jasmine before() and after() methods (1:48)
- Unit tests for rating component (5:24)
- Spies and mocks (5:59)
- Unit testing forms (8:05)
- Unit testing routes (5:51)
- Unit testing http services (4:43)
- Integration test (6:33)
- Code coverage
- Source Code
30 Day Money Back Guarantee - No Questions Asked!
Confidence in our course quality is unwavering, so much so that we guarantee your satisfaction. If, within the initial 30 days, you find the course doesn't meet your expectations, we'll grant you a full refund.
Your satisfaction is our commitment.
🙋Frequently Asked Questions
🕒 When does the course kick off and conclude?
Your journey starts right now and extends indefinitely! This self-paced online course respects your schedule – commence and conclude at your convenience.
⏰ How long can I enjoy course access?
Prepare for a lifetime of access! Once you enroll, the course content is at your fingertips for as long as you desire. Access it seamlessly across all your devices.
❓ What if the course doesn't meet my expectations?
Your satisfaction is paramount. Should the course fall short of your expectations, reach out within the initial 30 days, and we'll gladly grant you a full refund. Your contentment is our priority.
Check your inbox to confirm your subscription