Complete Angular - Beginner to Advanced

Course Chapters

1. Introduction

1. What is Angular?
2. Angular Versions
3. First App in Angular
4. More on the App
5. The Course Structure
6. What is TypeScript?
7. Adding bootstrap for styling

2. Angular Fundamentals

1. How Angular App gets Loaded
2. Components in Angular
3. Creating a Component
4. App Module and Component Declaration
5. Creating Components using CLI and Nesting Components
6. Component Templates
7. Adding Styling in Component
8. Component Selector

3. Handling Data and Events

1. Databinding in Angular
2. String Interpolation
3. Property Binding
4. Property Binding vs String Interpolation
5. Event Binding
6. Passing Data with Event Binding
7. Two way Databinding
8. Introducing Directives
9. Using ngIf
10. ngIf with Else Condition
11. Styling Elements Dynamically
12. Working with ngFor

4. Course Project: The Basics

1. Creating a new App
2. Setting up the Application
3. Creating Components
4. Using Components
5. Adding a Navigation Bar
6. Createing a "Recipe" Model
7. Adding Content to Recipes Components
8. Renderting list using ngFor
9. Creating Recipe Detail
10. Working on Shipping List Component
11. Creating an "Ingredient" Model
12. More on Shopping List Component
13. Debugging: Understanding Errors
14. More on Debugging
15. Summary

5. Components & Databinding: Advanced

1. Splitting Apps into Components
2. Introducing Property & Event Binding
3. Binding to Custom Properties
4. Binding to Custom Events
5. Understanding View Incapsulation
6. Using Local References in Templates
7. Getting Access to the Template
8. Using ng-content in Components
9. Component Lifecycle methods
10. Lifecycle in Action
11. Seeing Lifecycle Hooks in Action
12. Lifecycle Hooks and Template Access
13. Summary

6. Directives

1. ngFor and ngIf
2. ngClass and ngStyle
3. Creating an Attribute Directive
4. More on Attribute Directive
5. Using HostListener
6. Using HostBinding
7. Binding Directive Properties
8. Creating a Structural Directive
9. Introducing ngSwitch

7. Services & Dependency Injection

1. Section Intro
2. Use of Services
3. Creating a Logging Service
4. Inject Service into Components
5. Creating a Data Service
6. understading a Hierarchical injector
7. Injective a Service into othor Services
8. Using Services for Component Communication
9. Summary

8. Routing & Navigation

1. Section Intro
2. Setting up and Loading Routes
3. Navigation using Router Links
4. Understanding Navigation Paths
5. Styling Active Router Links
6. Navigation using program
7. Using Relative Path in Programmatic Navigation
8. Passing Parameters to Routes
9. Fetching Route Parameters
10. Fetching Route Parameters Reactively
11. Passing Query Parameters and Fragements
12. Retrieving Query Parameters and Fragements
13. Important points to note
14. Setting up Nested Routes
15. Using Query Parameters:Practice
16. More on Using Query Parameters
17. Using Wildcard Routes
18. Outsourcing the Route Configuration
19. Getting Started with Guards
20. Securing Routes with canActivate
21. Securing Nested Routes with canActivateChild
22. Using a Fake Auth Service
23. Controlling Navigation with canDeactivate
24. Passing Static Data to a Route
25. Resolving Dynamic Data with Resolve Guard
26. Understanding Location Strategies

9. Observables

1. Section Intro
2. Analyzing Angular Observables
3. Observables: Advanced
4. Bulding a Custom Observable
5. Errors & Completion
6. Using Operators
7. Subjects
8. Summary

10. Template-driven Forms

1. Section Intro
2. Types of Form in Angular
3. Creating the Form and Registering the Controls
4. Submitting Form Data
5. Using Form State
6. Using @ViewChild
7. Form Validation
8. set Default Values with ngModel Property Binding
9. Using ngModel
10. Grouping Form Controls
11. Handling Radio Buttons, Select list and Checkbox
12. Setting and Patching Form Data
13. Using Form Data
14. Resetting Form Data

11. Reactive Forms

1. Set up Reactive Form
2. Creating a Reactive Form
3. Syncing HTML and Form
4. Submitting Form Data
5. Form Validation
6. Getting Control Access
7. Grouping Controls
8. Arrays of Form Controls
9. Form Validation
10. Custom Validator
11. Setting and Patching Values
12. Summary

12. Using Pipes to Transform Output

1. Section Intro
2. Introducing Pipes
3. Parametrizing Pipes
4. Chaining Multiple Pipes
5. Creating a Custom Pipe
6. Parametrizing a Custom Pipe
7. Creating a Filter Pipe: Practice
8. Pure & Impure Pipes
9. Using "Async Pipe"

13. Making HTTP Requests

1. Section Intro
2. Using Http Request
3. Server(Firebase) Setup
4. Making a POST Request
5. Fetching Data
6. Using RxJS Operators to Trasform Response Data
7. Using Types with the HttpClient
8. Showing Loader
9. Using a Service for Http Requests
10. Components using Services
11. Working with DELETE Request
12. Handling Errors
13. Using Subjects with Error Handling
14. using the catchError Operator
15. Setting Headers
16. Adding Query Params
17. Observing Different Types of Responses
18. Changing the Response Body Type
19. Intoducing Interceptors
20. Manipulating Request Objects
21. Response Interceptors
22. Multiple Interceptors
23. Summary

14. Authentication and Authorization

1. Section Intro
2. How Authentication Works
3. Adding the Auth Page
4. Switching Between Auth Modes
5. Handling Form Input
6. Create Backend
7. Preparing the Signup request
8. Sending the Signup request
9. Adding a Loading spinner and Error Handling Logic
10. Improving Error Handling
11. Sending Login Request
12. Handling Login Error
13. Working with User Data
14. Reflecting the Auth state in the UI
15. Adding Token to the Outgoing Requests
16. Attaching the Token with an Interceptor
17. Adding Logout
18. Adding Auto-Login
19. Adding Auto-Logout
20. Adding an Auth Guard
21. Summary and Useful Links

15. Dynamic Components

1. Section Intro
2. Adding an Alert Model Component
3. Using Multiple Approaches
4. Using ngIf
5. Preparing Programmatic Creation
6. Creating a Component Programatically
7. Understanding entryComponents
8. Data Binding and Event Binding
9. Useful Resources

16. Angular Modules and App Optimization

1. What are Modules?
2. Analyzing the AppModule
3. Getting started with Feature Modules
4. Splitting Modules
5. Adding Routes to Feature Modules
6. Component Declarations
7. The Shopping List Feature Module
8. Understanding Shared Modules
9. Understanding Core Modules
10. Adding an Auth Feature Module
11. Using Lazy Loading
12. Lazy Loading:Advanced
13. Preloading Lazy-Loaded Code
14. Modules and Services
15. Loading Services Differently
16. Ahead-of-Time Compilation
17. Summary & Useful Links

17. Application Deployment

1. Steps for Deployment
2. Using Environment Variables
3. Hosting over Firebase

18. Working with ngRx

1. What is Application State?
2. What is NgRx?
3. Getting Started with Reducers
4. Adding Logic to the Reducer
5. Understanding and Adding Actions
6. Setting up the NgRx Store
7. Selecting State
8. Dispatching Actions
9. Multiple Actions
10. Preparing Update & Delete Actions
11. Updating & Deleting Ingredients
12. Expanding the State
13. Managing More State via NgRx
14. Removing Redundant Component State Management
15. Summary

19. Server Side Rendering

1. Section Intro
2. Adding Angular Universal
3. Adding Angular Universal with NestJS
4. Deploying Angular Universal App
5. Getting Started with Angular Universal
6. Working on the App Module
7. Adding a Server-Side Build Workflow
8. Adding a NodeJS Server
9. Pre-rendering the App on the Server
10. Summary

20. Animations

1. Animations Triggers and State
2. Switching Between States
3. Transitions
4. Advanced Transitions
5. Transition Phases
6. The "void" State
7. Using Keyframes for Animations
8. Grouping Transitions
9. Using Animation Callbacks

Course Overview

edHint Angular certification training course introduces you to the fundamental concepts of Angular and provides hands-on experience in building real-time applications efficiently using TypeScript. This training is specially designed for the developers striving for a successful career in this field. In the complete live training course, we will explain in-depth knowledge of Angular fundamentals, Components & Databinding, Services, Routing, RxJs, Server Side Rendering, App deployment and more through hands-on online sessions. Scale up your career as an Angular developer by enrolling in this Angular training.

Angular is a TypeScript-based free and open-source web application framework introduced by Google in 2012 and led by the Angular Team at Google and by a community of individuals and corporations.

Requirements

Knowledge of JavaScript/TypeScript is required.
Any computer and OS will work. We will help to set up the development environment.
A basic understanding of HTML and CSS is mandatory for this training.

Live Classes are scheduled for every weekend(Saturday & Sunday).

Still Confused? Get in touch with our instructors at +91 - 8287374553

Upcoming Batches

All Upcoming batches are occupied. Contact at info@edhint.com to book you seat in advance in the upcoming batch.