skip to Main Content
angular 6 training

Learn Angularjs 6 Course Online

Angular 6 is a right choice to build web Single Page Applications. It helps to publish web component which is used in an HTML page. Angular 6 was released on May 4, 2018. It includes the Component Development Kit (CDK), Angular CLI (Command Line Interface), and Angular Material Package Update.

About Our Angular 6 Course

Happy Trainings offers Angular 6 Online training with realtime experts. For Free Angular 6 Training contact now!

Angular 6 Course Syllabus

  • 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
Angular 2
Angular 4
Angular 5
Angular 6

Introduction
What is Typescript
Why Typescript
Setup and installation
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
Function overloading

Introduction
Inheritance
Access modifiers
Getters and setters
Read only& static
Abstract classes

Introduction
Optional properties and methods
Readonly&const
Strict structural contract
Extending interface
Implementing interface

Introduction
Import
Export
Default

Decorators(Typescript Aspect Oriented Programming)

Angular CLI
Anatomy of the project
Debugging Angular apps
Working with Augury

Modules
Components
Templates
Metadata
Data binding
Directives
Services
Dependency injection

Angular libraries

Introduction
Component decorator
Component configuration object
Custom components
Component with templates
Inline
External
Component with Styles

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
Directive decorator

Introduction
Built-in pipes
Pipe decorator
Custom pipe development

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

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
RouterModule.forRoot and RouterModule.forChild
RouterOutlet, RouterLink, RouterLinkActive
Nested Routes
Parametrized routes
Route guards
Router events

Introduction
Why RxJs
Observable interface
Streams
Operators
Subscription
Subject
Schedulers

Setup installing the module
Making a request for JSON data
Type checking the response
Reading the full response
Error handling
Requesting non-JSON data
Sending data to the server
Making a POST request
Configuring other parts of the request
Working with HTTP interceptors for better error handling in http requests

New features in angular CLI
ng update
ng add
Angular Elements
Updates to @angular/material
CLI workspaces
Building libraries
Tree shakable providers
RxJs 6 Support

How to upgrade Angular 6

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

Manually Using the Angular CLI with Ahead-Of-Time(AOT) Compilation and Tree-Shaking
(removing unused library code)

Get Angular 6 Training Fee Details

Attend a Free Angular 6 Demo Session

Happy Trainings is a leading training academy conducting various Angular 6 training course in a live instructor-led online training environment.

Back To Top