• 32 hours live session

  • Industry case studies

  • 300 - training level

Top Objectives Of This Course

  • Code using new ES6 and TypeScript language features
  • Understand and use Angular Forms, Observables, Dependency Injection, and Routing
  • Unit test all the parts of an Angular application including Modules, Components, Services, and Pipes
  • Develop reusable elements (even out of angular applications) using angular elements
  • Explore Angular coding and architecture best practices
  • Retrieve, update, and delete data using Angular’s Http service
  • Create, build, and deploy an Angular (Angular 6) application using the Angular CLI
  • Develop dynamic Model-driven forms that are easier to unit test

Pre-requisites

All attendees must have substantial prior experience developing with JavaScript.If attendees will not have prior JavaScript experience,

we would be delighted to precede this class with a one- or two-day intensive JavaScript

Contents

  • Introduction to Angular 7
  • User Experience similar to a Desktop
  • Application
  • Productivity and Tooling
  • Performance
  • Community
  • Full-featured Framework
  • Platform for Targeting Native Mobile not just Web Browsers
  • AngularJS (Angular 1.x)
  • Angular 2
  • Angular 4
  • Angular 5
  • Angular 6
  • Angular 7
  • Angular 8
  • Introduction
  • What is Typescript?
  • Why Typescript
  • Setup and
  • IDE support
  • Scoping using Let and Const Keywords (ES6)
  • Template Literals ( ES6 )
  • Spread Syntax and Rest Parameters ( ES6 )
  • Destructuring ( ES6 )
  • Introduction
  • Type inference
  • Type Annotations
  • Number
  • Boolean
  • String
  • Array
  • Tuple
  • Enum
  • Any
  • Void
  • Null and        Undefined
  • Never (Typescript 2)
  • Introduction
  • Using types in functions
  • Function as types
  • Optional and default parameters
  • Arrow functions
  • Introduction
  • Inheritance
  • Access modifiers
  • Getters and setters
  • Readonly & static
  • Introduction
  • Optional properties and methods
  • Strict structural contract
  • Extending interface
  • Implementing interface
  • Introduction
  • Import
  • Export
  • Default
  • Angular CLI
  • Anatomy of the project
  • Debugging Angular apps
  • Working with Augury
  • Modules
  • Components
  • Templates
  • Metadata
  • Data binding
  • Directives
  • Decorators
  • Services
  • Dependency injection
  • Why modules
  • How to create modules
  • Built in modules
  • Root Module
  • feature module
  • Module
  • Introduction
  • @Component decorator
  • Component
  • configuration
  • object
  • Custom components
  • Component with templates
  • Inline External
  • Component with Styles
  • Inline  External
  • HTML as template
  • Data binding
  • Interpolation
  • Property Binding
  • Event Binding
  • Two way binding
  • Template expressions
  • Template syntax
  • Attribute, class and style bindings
  • @Input()
  • @Output
  • Template reference variables
  • Safe navigation operator
  • Introduction
  • Built-in directives
  • Structural directive
  • NgIf
  • NgFor
  • NgSwitch
  • Attribute directive
  • NgClass
  • NgStyle
  • NgModel
  • Module
  • Introduction
  • Built-in pipes
  • @Pipe decorator
  • Introduction
  • @angular/forms library
  • Template driven forms
  • Form and        field       validation
  • Validation check with ng-pristine,ng-dirty, ng-touched, ng-untouched, ng-valid, nginvalid
  • 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
  • Introduction
  • Why DI
  • @Injectable decorator
  • Custom service development
  • Registering the service with NgModule using providers key
  • Provider Types
  • Class
  • Factory
  • Value
  • Introduction
  • @angular/router library
  • Configure routes
  • forRoot and RouterModule. forChild
  • RouterOutlet, RouterLink, RouterLinkActive
  • Nested Routes
  • Parametrized routes
  • Route guards
  • Introduction
  • Why RxJs
  • Observable interface
  • Streams
  • Operators
  • Subscription
  • Subject
  • Schedulers
  • Setup installing the module
  • Making a request for JSON data
  • Typechecking the response
  • Error handling Sending data to the server
  • Making a POST request
  • Configuring other parts of the request
  • TypeScript 3.1 support
  • RxJs 6.3 support
  • Node 10 support
  • New CLI prompts
  • Application performance improvements
  • New features to Angular CDK & Material
  • Virtual scrolling
  • Drag and Drop
  • Content projection support for angular elements
  • New partner launches
  • Angular console
  • @angular/fire
  • Introduction
  • Testing in Typescript
  • Testing Component
  • Testing Service/Provider
  • Testing Pipe
  • Using the Angular CLI with Ahead-OfTime (AOT) Compilation and Tree-Shaking (removing unused library code)

Angular 11 Masterclass

  • 32 hrs of Live Sessions
  • Proven Certification Plan
  • Recorded Video Sessions
  • 1 on 1 Mentor Call
  • Official Exam Hands-on
View Schedule

Looking for customized training content? Kindly get in touch.

Contact Us