Angular Training

Learning Objectives :

Understand the importance of the angular module system, and obtain an insight into the need for modules, their creation, and the different types of modules

Topics :

   Why modules

   Creation of modules

   Built-in modules

   Root Module

   Feature module

Hands-on:

   Create a feature module and import it into a root module.

Learning Objectives :

Understand the significance of components and learn the ways of creating a component with different ways of attaching templates and styles.

Topics :

   Basics of components

   Component decorator

   Component configuration object

   Custom components

   Component with templates

   Inline

   External

   Component with Styles

   Inline

   Angular Elements

Hands-on:

   Design a component with inline and external styles and templates, learn designing elements manually, and with cli. Also, apply component composition after applying a component in another component.

Learning Objectives :

Understand the Angular templating syntax and discover the powerful data binding features.

   HTML as template

   Data binding

Learning Objectives :

   Property Binding

   Event Binding

Topics :

   Two-way binding

   Template expressions

   Template syntaxAttribute, class, and style bindings

   Input

   Output

   Template reference variables

   Safe navigation operator

Hands-on :

   Practice different data binding syntax in the template, implement property binding with Input and custom event binding with Output binding, design template reference variables, and apply them in the template.

Learning Objectives :

 Feel the power of Angular directives and the various types of directives supported in Angular.

Topics :

   Introduction to Directives

   Built-in directives

   Structural directive

   NgIf

   NgFor

   NgSwitch

   Attribute directive

   NgClass

   NgStyle

   NgModel

Hands-on :

   Implement redundancy and conditional rendering in a template using structural directives along with implementing dynamic styling and attribute directives

Learning Objectives :

Gain knowledge of Angular data transformation and capabilities using pipes.

   Introduction

   Built-in pipes

   Pipe decorator

Hands-on :

   Transform data using currency, date, json, and other pipes. Also learn the application of built-in pipes in transforming data.

Learning Objectives :

Gain in-depth knowledge of developing forms in template-driven and reactive, form styles along with validation techniques.

   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

Hands-on :

   Develop forms in both template and reactive forms along with validation. Also, you will code form with the most commonly used controls like textbox, drop-down lists, checkboxes, radio buttons, buttons.

Learning Objectives :

Study the importance of dependency injection in angular and the other kinds of provider types in Angular.

   Introduction

   Why DI

   Injectable decorator

   Custom service development

   Registering the service with NgModule

   Provider Types

   Class

   Factory

   Value

Hands-on :

   Design services and provide them as dependencies for components.

   Create 3 different types of providers – components at self, parent, and root levels.

Learning Objectives :

Explore the ways to implement navigation in angular and ways to protect routes with route guards.

   Routing and Navigation Basics

   Angular/router library

   Configure routes

   RouterModule.forRoot and RouterModule.forChild

   RouterOutlet, RouterLink, RouterLinkActive

   Nested Routes

   Parametrized routes

   Route guards

Hands-on :

   Generate a navbar component that provides routing for the application.

   Use route configuration at the root module and feature module level and protect routes with guards

Learning Objectives :

Gain knowledge of observable patterns and implementation in javascript with the use of rxjs library.

   Introduction

   Why RxJs

   Observable interface

   Streams

   Operators

   Subscription

   Subject

   Schedulers

Hands-on :

   Application and creation of observables and operators.

Learning Objectives :

Know how to consume remote API utilizing an HTTP client. Also, understand the power of interceptors for better error handling.

   Installing the module

   Making a request for JSON data

   Type checking the response

   Handling of Errors

   Transferring data to the server

   Making a POST request

   Configuring other parts of the request

Hands-on :

   Create a service that uses HTTP Client to make CRUD operations.

   Add headers to requests and handle errors.

Learning Objectives :

Explore the interesting insights along with some of the most interesting features of Angular that help boost productivity, performance, and more.

   Create Libraries

   Angular Material Essentials

   Lazy Loading

   Customizing the Angular CLI using the Builder API

   Render Server Side with Angular Universal

   Working with Service Workers

   Developing a Progressive Web App

Hands-on :

Design a progressive web app (PWA) that uses Angular Material

Learning Objectives :

Learn writing unit test cases, test components, pipes, and services

   Introduction

   Testing in Typescript

   Testing Component

   Testing Service/Provider

   Testing Pipe

Hands-on :

   Unit test a component, service, and custom pipe.