course detail

Angular with Typescript Training

Angular is a modern framework built entirely in TypeScript, and as a result, using TypeScript with Angular provides a seamless experience. The Angular documentation not only supports TypeScript as a first-class citizen, but uses it as its primary language.

Angular Angular 7 from BITA IT Academy a leading Angular Training Institute in Chennai offering industry oriented practical training by experienced UI developers. Call 9566004616 for details on AngularJS Course.

MODULE 1: 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

MODULE 2: 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

MODULE 3: ES2015 PRIMER
 Understanding Let and Const
 Working with Template Strings
 Mastering Lambda Functions
 Working with Generics
 Working with Modules

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

MODULE 5: 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

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

MODULE 7: 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

MODULE 8: 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

MODULE 9: 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

MODULE 10: 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

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

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

MODULE 13: 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

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

MODULE 15: COMPONENT STYLING
 Introduction to Angular Styling
 Using Component Styling
 Style Scope
 Shadow DOM
 Loading Component Styles

MODULE 16: 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

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

MODULE 18: 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

MODULE 19: 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