Recording , Notes and Code of Angular 9 Online Class With Live Project Training
(Class Wise of Live Session)
Learn the Angular 9 from basic to Advanced Level to improve your programming skills
Angular 9 + TypeScript + Angular material + rxjs + Web API + BootStrap + Live Project
Students, Working Professionals , Freshers

Login to know more details
Call us: +91 - 9599952752


Online Course
enrollment Started

Course Overview

This Master Program makes you expert in Angular 2 and above and web APIs, so you will become a professional angular developer. This course covers everything you need to know about best practices from a beginner to an advanced level with live project training. In this course, you'll have a unique opportunity to dig deep into Angular 7/8, Web API.Know to build modern Angular -based web applications and get a 50%-100% salary hike.

This course starts from scratch, you neither need to know Angular 1 nor Angular 2!

Angular 9 simply is the latest version of Angular 2.

From Setup to Deployment, this course covers it all! You'll learn all about Components, Directives, Services, Forms, Http Access, Authentication, Optimizing an Angular App with Modules and Offline Compilation and much more - and in the end: You'll learn how to deploy an application!


But that's not all! This course will also show you how to use the Angular CLI and feature a complete project, which allows you to practice the things learned throughout the course!

And if you do get stuck, you benefit from an extremely fast and friendly support - both via direct messaging or discussion or raise ticket on sahosoft.com.

Angular is one of the most modern, performance-efficient and powerful frontend frameworks you can learn as of today. It allows you to build great web apps which offer awesome user experiences! Learn all the fundamentals you need to know to get started developing Angular applications right away.

Hear what my students have to say

Absolutely fantastic tutorial series. I cannot thank you enough. The quality is first class and your presentational skills are second to none. Keep up this excellent work. You really rock! - Paul

As a person new to both JavaScript and Angular 2 I found this course extremely helpful because Sahosoft Team does a great job of explaining all the important concepts behind the code. Sahosoft Team has a great teaching ability to focus on what his audience needs to understand.

Get a very deep understanding of how to create Angular applications

This course will teach you all the fundamentals about modules, directives, components, databinding, routing, HTTP access and much more! We will take a lot of deep dives and each section is backed up with a real project. All examples showcase the features Angular offers and how to apply them correctly.

Who this course is for:

Newcomer as well as experienced frontend developers interested in learning a modern JavaScript framework This course is for everyone interested in learning a state-of-the-art frontend JavaScript framework Taking this course will enable you to be amongst the first to gain a very solid understanding of Angular




Course is focused on practicing coding questions in the class itself

Recommended for :
  • Anyone who wants to learn Angular 9 from Basics to Advanced Level
  • Programmers looking to improve programming skills
  • Students
  • Working Professionals
  • Freshers

What You Will Learn

  • All concepts of Angular 9
  • Problem Solving & Coding Skill
  • TypeScript
  • Angular Material
  • BootStrap
  • rxjs
  • Web API
  • Live Project Training

 

Course Features

  • Anywhere
  • All sessions can be attended from anywhere, and using any device. Staying at home or office, you can upgrade yourself with latest technologies.

  • Real-life Case Studies
  • All the sessions are delivered using real-life examples. You will learn how to develop real project using industry recommended principles and practices.

  • Sessions by expert
  • All sessions are led by our expert mentors. Even you have access to your live online training sessions and notes will be sent to you within 24 hours.

  • Live project Training
  • You will get live project training by our experts, which you help to become an expert/ professional developer.

  • Technical Support
  • We have online support team available to help you with any technical queries you may have during the course.

  • Assessments
  • Each Module will be followed by objective mockup tests and practical assignments which help you to monitor your learning progress and evaluate yourself.

  • Interview Q&A
  • Each topic will be covered with the essential interview Q&A being asked to you in your technical interview. Prepare yourself to get your job.

  • Certification
  • At the end of the course, you need to complete one project. On successful completion, you will receive course completion certificate.

 

Course Content

  • About Sahosoft
  • Basic Recursion
  • Course Introduction
  • Course Overview
  • Where to find the Course Source Code

 

  • What is Angular ?
  • Why Angular ?
  • What You Should Already Know
  • Building Blocks of an Angular Application
  • Basic Architecture of an Angular Application
  • Angular js vs Angular 2 vs Angular 4 vs Angular 5 vs Angular 6 vs Angular 7 vs Angular 8
  • Angular Semantic Versioning
  • Angular Release Frequency and Schedule
  • Angular Preview releases
  • Support policy and schedule

 

  • Angular Environment Setup
  • IDE for writing your code (Editor)
  • What is Node.js
  • Why does Angular 2 and above need Node.js
  • What is Node Package Manager (NPM)
  • What is Angular CLI
  • Installing VS Code
  • Installing Node.js and NPM
  • Installing CLI
  • Creating a New Project (First App)
  • Building the Application
  • Queue
  • Running the Application
  • Editing the First App

 

  • Project Structure
  • package json and package-lock json
  • Package Version Numbering Syntax
  • Updating Packages
  • Uninstalling Packages
  • Workflow of angular

 

  • What is a Component?
  • An Example Component
  • The Component Class
  • Adding a Component to Its Module
  • Creating a Component Using Angular CLI
  • The Application Root Component
  • Brief of @Component Decorators
    • template & templateUrl
    • Styles and StyleUrls
    • preserveWhitespaces
    • viewProvider
    • changeDetection
    • moduleId
    • Interpolation
    • Encapsulation
    • entryComponents
    • animations
    • Selector
    • Input Property
    • Output Property
    • Providers Property
      • Class Provider - useClass
      • Alias Provider - useExisting
      • Value Provider - useValue
      • Factory Provider - useFactory
    • Exportas Property
    • queries Property
    • host Property
    • jit Property
  • Component Lifecycle Hooks
  • Constructor Vs ngOnInit
  • How to Dynamically load a Component in Angular

 

 

  • What are Directives
    • Component Directives
    • Structural directives
    • Attribute Directive
  • Custom Directives
  • Custom Structural Directive
    • TemplateRef
    • ViewContainerRef
    • Component view
    • Host view
    • Embedded view
  • Custom Attribute Directive
    • ElementRef
    • Renderer
  • Binding to Directive Properties using Custom property binding

 

 

  • Structural Directives
  • NgIf
    • NgIf with HTML Elements
    • NgIf Null Check
    • NgIf with Enum
    • ng-template
    • NgIf with Else
    • NgIf with Enum
    • Angular NgIf-Then-Else
    • Expanding ngIf into template
    • ngIf - ng-template
    • ngIf-else - ng-template
    • ngIf-then-else - ng-template
    • NgIf with Component Elements
    • NgIf with Async Pipe
    • More than one ng-template for then and else block (NgIf-Then-Else)
  • NgFor
    • NgForOf with HTML Elements
    • NgForOf with ng-template
    • index, even and odd with HTML Elements
    • index, even and odd with ng-template
    • first and last with HTML Elements
    • first and last with ng-template
    • NgForOf with Async Pipe with HTML Elements
    • NgForOf with Async Pipe with ng-template
    • trackBy with HTML Elements
    • trackBy with ng-template
  • NgSwitch
    • NgSwitch with html element
    • Expanding ngSwitchCase and ngSwitchDefault into template
    • NgSwitch with ng-template
    • NgSwitch with Enum
    • NgSwitch with NgFor and class
    • NgSwitch and NgFor in same element

 

 

  • Attribute Directive
  • ngStyle
  • Alternative syntax of ngStyle
  • ngClass
    • NgClass with String
    • NgClass with Array
    • NgClass with Object
  • Alternative syntax of NgClass
  • NgSwitch with NgFor and NgClass
  • NgIf with NgFor and NgClass

 

 

  • Data binding
  • Binding Syntax
  • One-Way Data Binding
  • Different types of one-way data binding
  • Difference between attribute and property
  • Interpolation
  • Attribute Binding
  • Style Binding
  • Class Binding
  • Property Binding
  • What is the difference between Property Binding and Interpolation?
  • Event Binding
  • How can we say that - two-way data binding in Angular is actually a combination of both Property Binding and Event Binding?
  • Two-Way Data Binding

 

 

  • What are Pipes?
  • Formatting Changes in Angular
  • What is ngNonBindable ?
  • Built-in Pipe
  • Lowercase pipe
  • Uppercase pipe
  • Titlecase pipe
  • Slice pipe
  • Json Pipe
  • Decimal pipe
  • Percent Pipe
  • Currency Pipe
  • Date Pipe
  • Percent Pipe
  • Parameterized pipes
  • Multiple pipes (Chaining pipes)
  • Async Pipe
  • Custom Pipe
  • Chaining of Custom Pipes
  • Use Built-in Pipe in Custom Pipe
  • Pure and Impure Pipes
  • Pure Pipe Example
  • Impure Pipe Example

 

 

  • What is decorators
  • @NgModule
  • @Component
  • @Injectable
  • @Directive
  • @Pipe
  • @Input
  • @Output
    • EventEmitter
    • emit()
  • @HostBinding
  • @HostListener
  • @ContentChild
  • @ContentChildren
  • @ViewChild
  • @ViewChildren

 

 

  • What is JavaScript ?
  • Transpilation
  • Programming Languages for Use with Angular
  • Typescript Syntax
  • Why use Typescript
  • Text Editors For Typescript
  • Why Typescript is developed while having JavaScript ?
  • Disadvantage of Typescript over JavaScript
  • Typescript vs. JavaScript
  • Difference between JavaScript and Typescript
  • Components of Typescript
  • TypeScript - Type Annotations
  • TypeScript - Variable
  • var Declaration
  • let Declaration
  • Advantages of using let over var
  • Const Declaration
  • Typescript Data Type
  • Static Data Type
    • Built-in or Primitive Type
      • Number Type
      • String Type
      • Boolean Type
      • Void Type
      • Any Type
      • Null Type
    • User-Defined DataType
      • Array
      • Tuple
      • Interface
      • Class
      • Enums
      • Functions
  • Decorators Data Type
  • Decorators Data Type
  • Difference between Null and Undefined
  • Typescript - Decision Making
    • Typescript - if
    • Typescript - if else Condition
    • Typescript - else if Condition
    • Typescript - switch
  • Typescript - Loops
    • Typescript - for Loops
    • Typescript - do. While Loops
    • Typescript - while Loops
  • Typescript - Data Modifiers
    • public
    • private
    • protected
  • Typescript - Function
    • named functions
    • Anonymous functions
  • Function Parameters
    • Optional Parameters
    • Default Parameters
  • Arrow Function
  • Typescript - Rest Parameters
  • The Type System – Classes & Objects
  • Class Constructors
  • Interfaces
  • Working with Modules

 

 

  • What is a Service?
  • Creating a Basic Service
  • What is Dependency Injection?
  • What Dependency Injection Looks Like
  • Injecting Services
  • Using a Service in a Component
  • Using onInit to Initialize Component Data
  • Injector
  • Provider
  • @Injectable Decorator
  • @Inject() Decorator
  • providedIn
  • Tree Shakeable Providers
  • Include the Service in component level
  • Include the Service in module level
  • Inject Service into other Service (Nested Services)
  • Single VS Multiple Instance of Services

 

 

  • Routing and Navigation
  • The Component Router
  • Component Router Terminology
  • Setting up the Component Router
  • A Basic App with Routing
  • Router Outlet
  • Router Link
    • Router Link – Client Side
    • Router Link – Server-Side
  • Creating a Routing Module
  • ForRoot() and ForChild()
  • Create Component/Service/pipe/directive/class/guard without spec.ts
  • Difference-between-the-href-and-routerLink
  • Redirecting Routes
  • Wildcard Route
  • Child Routes / Nested Routes
  • Nested Routes (Nesting Children’s under a child)
  • Parameterize Route
    • The Snapshot Way
    • The Observable/Stream Way
    • Passing Data During Navigation
    • Creating Routes with Route Parameters
    • Navigating with Route Parameters
    • Retrieving the Route Parameter
  • Route Guards
    • Basic information about route guards
    • Route Guards Parameters
    • ActivatedRouteSnapshot
    • RouterStateSnapshot
  • Route Guard Types
    • CanActivate guard
    • CanActivateChild guard
    • CanDeactivate guard
    • Resolve guard
    • CanLoad guard
  • Named and Multiple Router-Outlets (Auxiliary Routes or secondary routes)
  • Difference between [routerLink] and routerLink
  • RouterLinkActive
  • Navigate
  • NavigateByUrl
  • Query Parameters

 

 

  • Introduction of modules
  • The Root Module
  • @ngmodule decorator
  • Purpose of @ngModule
  • Types of ngModule
  • @ngModule Metadata Properties
  • Feature Modules in Angular
  • Eager Loading
  • Lazy Loading Modules
  • Preloading Modules
  • Custom Preloading Modules strategy
  • Custom Preloading Modules strategy with delay
  • How to Create a Module
  • Importing BrowserModule or CommonModule…etc.

 

 

  • What is HTML Web Storage?
  • What is localStorage and sessionStorage?
  • Set Entries
  • Updating Entries
  • Deleting Entries
  • Clearing Everything
  • Storing Json Objects
  • Checking for Items
  • Checking for Support
  • Iterating Over Items

 

 

  • What is Observable
  • What is Subscribe
  • Angular In-Memory Web API
  • Observable and subscribe with Web API
  • Observable with Async pipe and ngFor
  • Observable with Async pipe and ngIf
  • Observable map
  • What is Promise
  • Difference between observable and promise

 

 

  • The Angular HTTP Client
  • Using The HTTP Client - Overview
  • Importing HttpClientModule
  • Service Using HttpClient
  • Using the Service in a Component
  • HTTP VS HttpClient
  • HttpModule VS HttpClientModule
  • HttpClient get()
  • HttpClient post()
  • HttpClient put()
  • HttpClient delete()
  • HttpParams and HttpHeaders
  • Use of headers in HttpClient
  • Use of observe in HttpClient
  • Use of params in HttpClient
  • Use of reportProgress in HttpClient
  • Use of responseType in HttpClient
  • Use of withCredentials in HttpClient
  • Requesting JSON using HttpClient.get using subscribe method
  • Requesting JSON using HttpClient.get useing async pipe with Observable
  • Requesting Text data using HttpClient.get using subscribe method
  • Requesting Text data using HttpClient.get useing async pipe with Observable
  • Using HttpParams
  • Using HttpParams and HttpHeaders
  • Using HttpClient.get with observe Property
  • Error Handling
  • RxJS retry() to Handle Error
  • HttpClient.post Body
  • HttpClient.post with Headers
  • HttpClient.post with observe Option
  • HttpClient.post and Response Type
  • HttpClient.post with Error Handling
  • HttpClient.put Body
  • HttpClient.put with Headers
  • HttpClient.put with observe Option
  • HttpClient.put and Response Type
  • HttpClient.put with Error Handling
  • HttpClient.delete with Headers
  • HttpClient.delete with observe Option
  • HttpClient.delete and Response Type
  • HttpClient.delete with Error Handling

 

 

  • What is form?
  • Forms in Angular
  • Template Driven Forms
  • Model-driven forms (Reactive forms)
  • Which one is better - Template Driven or Reactive?

 

 

  • Template Driven Forms
  • Template Driven Forms features
  • Importing Forms Module
  • A Basic Angular Form
  • What is NgForm ?
  • What is NgModel ?
  • Template Driven Forms with Validation
  • What is ng-touched?
  • What is ng-untouched ?
  • What is ng-pristine ?
  • What is ng-valid?
  • What is ng-invalid ?
  • Binding Input Fields
  • Accessing the Form Object
  • Binding the Form Submit Event
  • The Submit Function
  • Basic HTML5 Validation - "required" Attribute
  • HTML5 vs. Angular Validation
  • Angular Validators
  • Angular Validation State
  • Controlling when validation is applied
  • Displaying Form Validation State
  • Displaying Field Validation State
  • Displaying Validation State Using Classes
  • Disabling Submit when Form is Invalid
  • Submitting the Form
  • Checkboxes
  • Select (Drop Down) Fields
  • Rendering Options for Select (Drop Down)
  • Date fields
  • Radio Buttons

 

 

  • Model Driven Forms
  • Setup for Model Driven Forms
  • Form Component Setup
  • Setup Main FormGroup
  • formControlName
  • FormControl Object
  • Getting Form Values
  • FormBuilder Form Initialization
  • Validation
  • Built-In Validators
  • Controlling when validation is applied
  • What is FormControl?
  • What is FormGroup?
  • What is FormBuilder?
  • Reactive forms with Validation
  • FormGroup Get Value and reset()
  • FormGroup setValue() and patchValue()
  • valueChanges() and statusChanges()
  • What is FormArray?
  • Use of FormArray in component
  • What is Nested FormArray?
  • Use of Nested FormArray in component
  • What is Nested FormGroup?
  • Use of Nested FormGroup
  • Reactive Form Using Angular Material Design
  • Custom Validator
  • Using a Custom Validator

 

 

  • What is Angular Material?
  • Angular Material - Features
  • Angular Material - install and use
  • Angular Material Theming
  • Angular Material All Modules
  • What is bootstrap?
  • Install and Use bootstrap in Angular
  • How to Import and Use jQuery in Angular
  • What is Cookies?
  • Creating Cookies using ngx-cookie-service in Angular
  • Cookie methods-Check
  • Cookie methods-Get
  • Cookie methods-GetAll
  • Cookie methods-Set
  • Cookie methods-Delete
  • Cookie methods-DeleteAll

 

 

  • Angular Versions
  • Angular 8 Overview
  • Upgrading to Angular 8
  • Creating New Projects with Angular v5
  • What's New in Angular 8 and How to update to version 8
  • Differential Loading by Default in Angular 8
  • Dynamic Imports in Angular 8
  • Builder APIs in the CLI in Angular 8
  • Workspace APIs in the CLI
  • Web Worker Support
  • Use Analytics Data
  • Bazel Support
  • Bye Bye @angularhttp
  • Changes in ViewChild and ContentChild
  • Support SVG Template
  • Ivy Rendering Engine
  • AngularJS Migration Improvements

 

 

  • What is a Single Page Application (SPA)
  • SPA Workflow
  • Traditional Web Application Capabilities
  • Single Page Application Advantages
  • SPA and Traditional Web Sites
  • SPA Challenges
  • Implementing SPA's Using Angular
  • Simple SPA Using Visibility Control
  • SPA Using Angular Components
  • Implement SPA Using an Angular Component Router

 

 

  • REST Web Services and Angular
  • Understanding REST
  • REST Example – Create
  • REST Example – Retrieve
  • REST Example – Update
  • REST Example – Delete
  • REST Example – Client Generated ID
  • REST Example – JSON
  • Knowledge of the REST API
  • Common Angular Tasks for REST Communication
  • Angular Service Class Using HTTP Client
  • RequestOptions
  • URL Path Parameters
  • Query Parameters
  • Common HTTP Request Headers
  • Override Default Request Options
  • Returning Response Data
  • DELETE
  • GET
  • PUT
  • POST
  • Security of REST APIs
  • Summary

 

 

  • Debugging Overview
  • Basic Debugging Practices
  • Development (Debug) Mode
  • Selecting Elements to Inspect
  • Inspecting Angular Components with ng.probe
  • Saving ng.probe Component References
  • Modifying Values using Component References
  • Using Breakpoints in Angular Code
  • What is Augury?
  • Installing Augury
  • Opening Augury
  • Augury - Component Tree
  • Augury - Router Tree
  • Augury - NgModules Tab
  • Common Exceptions
  • Common Exceptions: 'No such file: package.json'
  • Common Exceptions: 'Cant bind to ngModel'
  • Common Exceptions: 'router-outlet not a known element'
  • Common Exceptions: 'No provider for Router!'

 

 

  • What is the Angular Style Guide?
  • Style Categories
  • Single Responsibility
  • Naming
  • Coding Conventions
  • App Structure and Angular Modules
  • Components
  • Directives and Services

 

 

  • RESTful Web Service API Refresher
  • JSON Web Tokens
  • JSON Web Token Architecture
  • JWT Header
  • JWT Payload
  • JWT Example Payload
  • JWT Example Signature
  • How JWT Tokens are Used
  • Adding JWT to HTTP Header
  • How The Server Makes Use of JWT Tokens
  • What are “Scopes”?
  • What About OAuth?

 

 

  • e-commerce application

 

Course Mentors


Chandan Kumar (Instructor)
Tech Lead & Mentor at Sahosoft

10 Years exp. in Software Development, Chandan Kumar has sound knowledge of technologies like Angular 9, Angular 8, Angular 7, Angular 6/5/4/2, Dot Net Core, Node Js, MongoDB, JQuery, REST APIs, Python, Django, Javascript, React Js, MSSQL, DynamoDB etc. He is very passionate about Competitive Programming & Problem Solving. He is currently working as a Mentor at Sahosoft.


Ajeet Kumar (Instructor)
Sr. Software Engineer & Mentor at Sahosoft

8 Years exp. in Software Development, Ajeet Kumar has sound knowledge of technologies like Angular 9, Angular 8, Angular 7, Angular 6/5/4/2, Dot Net Core, Node Js, MongoDB, JQuery, REST APIs, Python, Django, MVC, Javascript, React Js,SQL Server, DynamoDB etc. He is very passionate about Competitive Programming & Problem Solving. He is currently working as a Mentor at Sahosoft.

FAQs

  1.  How will these classes be conducted?
    It will be an online live (Live Stream) class, so you can attend this class from any geographical location. It will be an interactive live session, where you can ask your doubts to the instructor (similar to our offline classroom program). You just need to have working internet and a PC/Laptop.
     
  2. How does the admission process work for this course?
    Initially, you need to signup for this course & you need to make the payment of the fee for the same
    ​​​
  3. Is there any number to contact for any query?
    You may call +9-9599952752 or +91-8376817046 for any query related to Sahosoft Classes.
     
  4. Is this a language-specific course?
    Yes, the discussion forum and doubt assistance are available only for Angular
     
  5. What is the size of a batch?
    The planned batch size is 15.
     
  6. Do We Get any Placement Assistance?
    We're preparing you for your interviews. And yes, We have a hiring platform where you can see the current opening & once you have completed this course you can apply for anyone of them. 
     
  7. Is there any online course material available with this course?
    Yes, you'll get access to online data structures & algorithms course along with this course.
     
  8.