course detail

Angular with Typescript Training

Angular with TypeScript Training in Chennai

Angular with TypeScript Training in Chennai At BITA Academy– No 1 Angular with TypeScript Training Institute in Chennai. Call 956600-4616 For More Details.

TypeScript is an essential language for Angular application advancement. It is a superset of JavaScript with configuration time support for sort security and tooling.

Programs can’t execute TypeScript legitimately. Typescript must be “transpiled” into JavaScript utilizing the tsc compiler, which requires some setup.

This page covers a few parts of TypeScript arrangement and the TypeScript condition that are imperative to Angular engineers, including insights regarding the accompanying records:

  • tsconfig.json—TypeScript compiler design.
  • typings—TypesScript assertion records.
  • Typescript is a superset of javascript which means any javascript code is a legitimate typescript however typescript has some extra highlights which are not in javascript e.g solid composing (determining the sort of a variable when proclaimed, which can make our application progressively unsurprising and effectively debuggable), brings item arranged highlights into javascript and some more.
  • Browsers does not bolster typescript so we have to transpile our typescript into javascript.

Course Syllabus

UNDERSTANDING JAVASCRIPT:
Introduction to Javascript
Control Structures
Loops in Javascript
Operators in Javascript
Handling functions
Objects and Functions in Javascript
Javascript DOM
Javascript Events and Event Handling

INTRODUCTION TO TYPESCRIPT
Understanding TypeScript
Basic Types
Working with Variables
Working with Arrays
Working with Classes
Working with Objects
Working with Interfaces
Working with Constructors
Type Definitions
Compiling TypeScript
Linting

ES2015 PRIMER
Understanding Let and Const
Working with Template Strings
Mastering Lambda Functions
Working with Generics
Working with Modules

ENVIRONMENT SETUP
Node / NPM
Polyfills
Babels
TypeScript
Module Bundler (Webpack)
Code Linting
Test Setup
Application File Structure
AngularCLI
Code Editors

MODULES
Why and when to use Modules
Understanding NgModule
Working with Declarations in Modules
Using Providers
Managing Imports
How to use Bootstrapping
The Core Module
Shared Modules

COMPONENTS
Introduction to Components
Working with Component Architecture Patterns
Decorator Metadata
State & Behaviour in Angular
Inputs and Outputs

TEMPLATES
Inline vs External
Mastering Template Expressions
Data Bindings
Data Bindings Syntax
Working with Data & Event Bindings
Working with Built-in Structural Directives
Working with Built-in Attribute Directives

CUSTOM DIRECTIVES
Directives Overview
Types of Directive
Create your own Attribute Directive
Writing Attribute Directive Code
Respond to User Initiated Events
Pass values into the directive with an @Input data binding
Binding to an @Input property
Bind to an @Input alias
Write a harness to try it
Create your own Structural Directive
NgIf case study
Inside *ngFor
Inside NgSwitch directives
The <ng-template>
Working with <ng-container>
TemplateRef and ViewContainerRef

PIPES
Using pipes
Built-in pipes
Parameterizing a pipe
Chaining pipes
Custom pipes
The Pipe Transform interface
Power Boost Calculator
Pipes and change detection
Pure and impure pipes
Next steps

SERVICES & DEPENDENCY INJECTION
Getting familiar with Services
Building a Service
Getting familiar with Dependency Injection
Working with Injectors
Working with Providers
Registering Providers with real time examples

LIFECYCLE HOOKS & CHANGE DETECTION
Understanding Component LifeCycle
Using ngOnInit
All lifecycle Hooks
Understanding Change Detection
Working with Zone.js

ROUTING & ADVANCED ROUTING
The Component Router
Defining Routes
Working with Navigation
Understanding Route Params
Child Routes
Route Guards
Route Resolves

MASTERING TEMPLATE-DRIVEN FORMS & MODEL-DRIVEN FORMS
Introduction to forms
Overview of Template-driven forms
Understanding Validations
Introduction to ‘Reactive’ forms
Form Group & Form Control Class
Validators Class

ASYNCHRONOUS OPERATIONS & ADVANCED HTTP
Introduction to Async
Promises
Working with Observables
EventEmitter
Async Pipes
Handling HTTP Request / Response
Headers & Request Settings
Providing HTTP

COMPONENT STYLING
Introduction to Angular Styling
Using Component Styling
Style Scope
Shadow DOM
Loading Component Styles

WORKING WITH ANIMATIONS
Introduction to Animations
Animations Setup
Understanding States & Transitions
Entering and Leaving from States
Animatable Units
Automatic property calculation
Understanding Animation Timing
Multistep Animation using Keyframes

TESTING ANGULAR APPLICATIONS
Introduction to Testing
Unit Testing
E2E Testing & Protractor
Setup Jasmine Framework
Component Test Basics
Component Test Scenarios
Karma

SECURITY & INTERNATIONALIZATION
Importance of Security
Security in Angular
Sanitize the Dangerous Values
Trusting Values
bypassSecurityTrustHtml
bypassSecurityTrustScript
bypassSecurityTrustStyle
bypassSecurityTrustUrl
bypassSecurityTrustResourceUrl
Cross-site Request Forgery
Pre-compiled and runtime
Using ng2-Translate

PERFORMANCE, OPTIMIZATION & DEPLOYMENT
Change Detection Strategy
Running outside the Zone
Production Mode
Understanding Web Workers
Precompiling (AoT)
Lazy Loading
Deployment Best Practices

Free Demo Classes