Description

Angular is a framework and platform for building single-page client apps using TypeScript and HTML. Angular is written in TypeScript. It implements primary as well as optional functionality as a set of TypeScript libraries that you import into your applications.

The architecture of an Angular app relies on certain basic concepts. The fundamental building blocks are NgModules, which provide a compilation context for components. NgModules collect related code into functional sets; an Angular app is defined by set of NgModules. An app always has at least a root module that allows bootstrapping and typically has many more feature modules.

  • Components define views, which are sets of screen elements that Angular can choose among and modify according to your program logic and data.
  • Components use services, which provide specific functionality not directly related to views. Service providers can be injectedinto components as dependencies, reusable, making your code modular as well as efficient.

Components and modules, and services are classes that use decorators. These decorators mark their type and provide metadata that tells Angular way to use them.

  • The metadata for a component class associates it with a templatethat defines a view. A template combines ordinary HTML with binding and Angular directives markup that allow Angular to modify the HTML before rendering it for display.
  • The metadata for a service class provides the information Angular needs to make it available to components through dependency injection (DI).

 

 

Radiant Teachlearning offers Angular 9 Training Program in Classroom and Virtual instructor Led/Online mode.

 

 

Duration: 28 hours

Pre-requisite

  • Basic HTML & CSS Knowledge.
  • Intermediate JavaScript knowledge.

Course Content

Setup & Introduction

  • Angular CLI
  • Schematics
  • Project Structure
  • json file content and walkthrough

 

Typescript Basic

  • Installation
  • Typescript Compiler
  • Type & Basic types
  • Classe and Interface
  • Enum
  • Modules & namespace
  • Decorators

 

Modules

  • Javascript module
  • NgModule

 

Component

  • Component decorator
  • Creating component
  • Data binding
  • Event binding
  • Life Cycle Hooks

 

Directives

  • Creating directive
  • Difference between component & Directive
  • Standard angular provided directives
  • ngFor
  • ngIf
  • ngClass
  • ngStyle
  • ngSwitch
  • Others as with course flow
  • Host Listener and Host Binding

 

Pipe

  • Creating Custom Pipe
  • Pure vs Impure Pipe
  • Angular provided pipes

 

RxJS

  • Observer Pattern
  • Observable
  • Creating observable
  • Promise Vs Observable
  • Pipe
  • Operators
  • Map
  • FlatMap
  • SwitchMap
  • concat
  • buffer
  • throwErro
  • catchError
  • retry
  • debounce
  • groupBy
  • combineAll
  • combinelatest
  • zip
  • interval
  • filter
  • distinctUntilChange
  • distinctUntillChangeByKey
  • Subject
  • Plain Subject
  • Behaviour Subject
  • Replay Subject

 

Dependency Injection (DI)

  • Concept
  • How it is getting used in angular.
  • DI vs Singleton Pattern
  • Services
  • Providers (component providers, modules providers, lazy-loaded providers)
  • Injector Tree – basic
  • @Injector, ProvidedIn and Injectorn service
  • Injection Token

 

HTTP Module

  • “Making AJAX Calls
  • get
  • post
  • delete
  • put
  • request”
  • Http Request Interceptor
  • Http Response Interceptor
  • Common Pitfalls

Router

  • Defining routes / Route Configurations
  • Root Routes vs Child Routes
  • RouterLink and RouterLinkActive
  • Route Activation (with code)
  • Router outlet
  • Nested routes
  • Secondary routes
  • Grouping and Component less routes
  • ActivatedRoute
  • Router Service
  • Snapshot
  • Lazy loading using angular router
  • Reading Route parameters
  • Route Data Resolve
  • Route Guard / Route Protection
  • Router Event
  • Reacting to router event
  • Debugging Route Event
  • Preloading Feature Modules and Preloading Strategies

 

Forms

  • Declaratove Form
  • Forms Module
  • Forms Binding
  • Validation and state
  • Submitting Form
  • Reactive Form
  • Reative form basic
  • Creating form controls
  • Form builder
  • Listening for value change
  • Dynamically duplicating forms elements
  • FormGroup and its benefits
  • Validators
  • Dynamically updating validators
  • “Cross element validators”
  • Creating custom validators
  • Creating custom validators with parameters
  • Creating async validator

 

Introduction Angular Material

  • How to use 3rd party UI component library.
  • Using of material component during the course of project.

FAQs

Category:

Unble To Find a Batch..?

Request a Batch