Angular 11 Training & Certification Course

Download Course Brochure

Instructor-Led Training Parameters

Course Highlights

  • Instructor-led Online Training
  • Project Based Learning
  • Certified & Experienced Trainers
  • Course Completion Certificate
  • Lifetime e-Learning Access
  • 24x7 After Training Support

Instructor-led Training Live Online Classes

Suitable batches for you

Mar, 2024 Weekdays Mon-Fri Enquire Now
Weekend Sat-Sun Enquire Now
Apr, 2024 Weekdays Mon-Fri Enquire Now
Weekend Sat-Sun Enquire Now

Share details to upskills your team



Build Your Own Customize Schedule



Angular 11 Training & Certification Course Course Overview

Multisoft Systems invites you to learn how to build, test, and deploy Angular-powered production-ready apps. This course will impart the A to Z skills required to build scalable single-page applications. At Multuisoft, you will meet the most experienced trainers and learn how to create maintainable and testable single-page applications.

The Angular 11 Course was designed to make you a skilled developer ready to build scalable single-page applications. It discusses the features from the 2nd to 11th versions. In its successful completion, you will learn TypeScript, Pipes, Components, Directives, RxJs, working with APIs, testing, and deployment on the cloud. Here you will be learning with a Learn-by-Doing approach. Our trainers believe in providing practical-based learning to upskill your teams into modern roles with Customized Training Solutions and get your team project-ready.

In its successful completion, you will learn:
  • This Angular 11 Training is designed to turn you into a skilled developer who can build scalable single-page applications. It will give you an overall knowledge of Components, TypeScript, Directives, Pipes, forms to routing, RxJs, working with APIs, testing, and deployment on the cloud.
Target audience
  • This Angular 11 Training is ideal for the professionals who are looking forward to building scalable single-page apps, learn how to use client-side web development for web apps, or planning for a lucrative career in front-end Web App development.
Prerequisites
  • The Angular 11 Training is designed as an introductory course, all concepts of Angular 11 will be taught right from the beginning. It does not have any defined set of prerequisites.
Certification
  • Multisoft Systems will provide you with a training completion certificate after completing the Angular 11 Training.

Angular 11 Training & Certification Course Course Content

Module 1: Introduction

Module 2: Why Angular?

  • History of Angular
  • The leap from AngularJS to Angular
  • Desktop Application class User Experience
  • Productivity and Tooling
  • Performance
  • Community
  • Full-featured Framework
  • Supported Browsers (Angular 11)
  • Platform for Targeting Native Mobile, not just Web Browsers

Module 3: Deep Dive into TypeScript

  • Introduction
  • What is Typescript
  • Why Typescript
  • Setup and installation
  • IDE support
  • Scoping using let and const Keywords (ES6)
  • Template Literals (ES6)
  • Rest and Spread Parameters (ES6)
  • Destructuring (ES6)
  • Introduction to Types
  • Type inference
  • Type Annotations
  • Number
  • Boolean
  • String
  • Array
  • Tuple
  • Enum
  • Any
  • Void
  • Null and Undefined
  • Never
  • Introduction to Functions
  • Using types in functions
  • Function as types
  • Optional and default parameters 
  • Arrow functions
  • Introduction to Classes
  • Inheritance
  • Access modifiers
  • Getters and setters
  • Read-only & static
  • Introduction to Interfaces
  • Optional properties and methods
  • Strict structural contract
  • Extending interface
  • Implementing interface
  • Introduction to Modules
  • Import / Export
  • Default
  • Decorators

Module 4: Working with Angular CLI

  • Angular CLI
  • Anatomy of the project
  • Setting up a workspace
  • Updating Angular apps using ng update
  • Adding support for external libraries using ng add
  • Debugging Angular apps
  • Working with Augury
  • Using the Angular Language Service with Microsoft VSCode

Module 5: Nine Building blocks of Angular (Birds Eye View of Angular)

  • Modules
  • Components
  • Templates
  • Metadata
  • Data binding
  • Directives
  • Services
  • Dependency injection
  • Angular Ivy

Module 6: Angular modules

  • Why modules? 
  • How to create modules
  • Built-in modules
  • Root Module
  • feature module

Module 7: Components 

  • Introduction
  • @Component decorator
  • Component configuration object
  • Custom components
  • Component with templates
  • Inline
  • External
  • Component with Styles
  • Inline
  • External
  • Angular Elements

Module 8: Templating

  • HTML as template
  • Data binding

Module 9: Interpolation 

  • Two-way binding
  • Template expressions
  • Template syntax
  • Attribute, class, and style bindings
  • @Input()
  • @Output
  • Template reference variables
  • Safe navigation operator

Module 10: Directives 

  • Introduction
  • Built-in directives
  • Structural directive
  • NgIf
  • NgFor
  • NgSwitch
  • Attribute directive
  • NgClass
  • NgStyle
  • NgModel 

Module 11: Pipes 

  • Introduction
  • Built-in pipes
  • @Pipe decorator 

Module 12: Forms

  • Introduction
  • @angular/forms library
  • Template-driven forms
  • Form and field validation
  • Validation check with ng-pristine,ng-dirty, ng-touched, ng-untouched, ng-valid, ng-invalid
  • Show and hide validation error messages
  • Form submission with ngSubmit
  • Reactive/ Model drive forms
  • ReactiveFormsModule
  • FormGroup, FormControl classes
  • FormBuilder for easy form building
  • Validations using Validators
  • Setting form model using setValue and patchValue
  • Use FormArray to build repeated from controls or form groups

Module 13: Dependency Injection

  • Introduction
  • Why DI
  • @Injectable decorator
  • Custom service development
  • Registering the service with NgModule using providers key
  • Provider Types
  • Class
  • Factory
  • Value 

Module 14: Routing and Navigation 

  • Introduction
  • @angular/router library
  • Configure routes
  • RouterModule.forRoot and RouterModule.forChild
  • RouterOutlet, RouterLink, RouterLinkActive
  • Nested Routes
  • Parametrized routes
  • Route guards 

Module 15: RxJs Primer 

  • Introduction
  • Why RxJs
  • Observable interface
  • Streams
  • Operators
  • Subscription
  • Subject
  • Schedulers

Module 16: Interfacing with backend services & APIs using HttpClient 

  • Setup installing the module
  • Making a request for JSON data
  • Type checking the response
  • Error handling
  • Sending data to the server
  • Making a POST request
  • Configuring other parts of the request 

Module 17: Level up with Angular

  • Creating Libraries
  • Angular Material Essentials
  • Lazy Loading
  • Customizing the Angular CLI using the Builder API
  • Server Side Rendering with Angular Universal
  • Working with Service Workers
  • Building a Progressive Web App

Module 18: Testing 

  • Introduction
  • Testing in Typescript
  • Testing Component
  • Testing Service/Provider
  • Testing Pipe

Module 19: Deployment 

  • Manual Deployment
  • Deployment using the Angular CLI with Ahead-Of-Time (AOT) Compilation and Tree-Shaking (removing unused library code)
  • Deployment Platforms for Angular Apps

Module 20: Capstone Projects 

  • Use Angular skills to build applications that provides details of famous hotels in multiple cuisines - a mini project like Wikipedia but limited to book details.
  • Use Angular skills of React, Redux, and Redux Saga to build an online web application that sells technology courses online.
     

video-img

Request for Enquiry

assessment_img

Free Angular 11 Training Assessment

This assessment tests understanding of course content through MCQ and short answers, analytical thinking, problem-solving abilities, and effective communication of ideas. Some Multisoft Assessment Features :

  • User-friendly interface for easy navigation
  • Secure login and authentication measures to protect data
  • Automated scoring and grading to save time
  • Time limits and countdown timers to manage duration.
Try It Now

Angular 11 Corporate Training

Employee training and development programs are essential to the success of businesses worldwide. With our best-in-class corporate trainings you can enhance employee productivity and increase efficiency of your organization. Created by global subject matter experts, we offer highest quality content that are tailored to match your company’s learning goals and budget.


500+
Global Clients
4.5 Client Satisfaction
Explore More

Customized Training

Be it schedule, duration or course material, you can entirely customize the trainings depending on the learning requirements

Expert
Mentors

Be it schedule, duration or course material, you can entirely customize the trainings depending on the learning requirements

360º Learning Solution

Be it schedule, duration or course material, you can entirely customize the trainings depending on the learning requirements

Learning Assessment

Be it schedule, duration or course material, you can entirely customize the trainings depending on the learning requirements

Certification Training Achievements: Recognizing Professional Expertise

Multisoft Systems is the “one-top learning platform” for everyone. Get trained with certified industry experts and receive a globally-recognized training certificate. Some Multisoft Training Certificate Features :

  • Globally recognized certificate
  • Course ID & Course Name
  • Certificate with Date of Issuance
  • Name and Digital Signature of the Awardee
Request for Certificate

What Attendees are Saying

Our clients love working with us! They appreciate our expertise, excellent communication, and exceptional results. Trustworthy partners for business success.

Share Feedback
  Chat On WhatsApp

+91-9810-306-956

Available 24x7 for your queries