Angular 5 Training in Chennai

Angular 5 Training Course Content

Module 1: Introduction

• Course Objectives
• Course Outline
• What is Angular
• Why use Angular

Module 2: AngularJS to Angular 5

• What’s Changed
• Semantic Versioning

Module 3: Introduction to TypeScript

• Why Use TypeScript
• Basic Types
• Classes and Interfaces
• Type Definitions
• Compiling TypeScript

Module 4: ES2015 Primer

• Let and Const
• Template Strings
• Lambda Functions
• Modules

Module 5: Environment Setup

• Node / NPM
• Polyfills
• TypeScript
• Module Bundler (Webpack)
• Code Linting
• Test Setup
• Application File Structure
• Angular CLI
• Code Editors

Module 6: Getting Started

• Our First Component

Module 7: Modules

• Why use Modules
• NgModule
• Declarations
• Providers
• Imports
• Bootstrapping
• The Core Module
• Shared Modules

Module 8: Components

• Introduction to Components
• Component Architecture Patterns
• Decorator Metadata
• State & Behaviour
• Inputs and Outputs

Module 9: Templates

• Inline vs External
• Template Expressions
• Data Bindings
• Built-in Structural Directives
• Built-in Attribute Directives

Module 10: Custom Directives

• Types of Directive
• Create your own Structural Directive
• Create your own Attribute Directive

Module 11: Pipes

• Built-in Pipes
• Custom Pipes

Module 12: Services

• Introduction to Services
• Building a Service

Module 13: Dependency Injection

• Introduction to Dependency Injection
• Injectors & Providers
• Registering Providers

Module 14: Lifecycle Hooks

• Component LifeCycle
• Using ngOnInit
• All lifecycle Hooks

Module 15: Change Detection

• What is Change Detection
• Zone.js

Module 16: Routing

• The Component Router
• Defining Routes
• Navigation
• Route Params
• Child Routes

Module 17: Advanced Routing

• Route Guards
• Route Resolves

Module 18: Template-driven Forms

• Introduction to forms
• Template-driven forms
• Validation

Module 19: Model-driven Forms

• Introduction to ‘Reactive’ forms
• FormGroup & FormControl
• Validators

Module 20: Asynchronous Operations

• Introduction to Async
• Promises
• Observables
• Async Pipes
• HTTP Request / Response

Module 21: Advanced HTTP

• Headers & Request Settings
• Providing HTTP

Module 22: Component Styling

• Introduction to Angular Styling
• Component Styling
• Shadow DOM
• Loading Styles

Module 23: Animation

• Introduction to Animations
• State & Transitions
• Animatable Properties
• Keyframes

Module 24: Testing

• Introduction to Testing
• Unit Testing
• E2E Testing

Module 25: Security

• Security in Angular
• Sanitization
• Trusting Values
• Cross-site Request Forgery

Module 26: Internationalization

• Pre-compiled and runtime
• Using ng2-Translate

Module 27: Performance

• Change Detection Strategy
• Running outside the Zone
• Web Workers

Module 28: Optimization & Deployment

• Precompiling (AoT)
• Lazy Loading
• Deployment Best Practices
• Production Mode

Module 29: Upgrading from AngularJS 1.X to Angular 2+ (Optional)

• Introduction to Upgrading
• Project Preparation
• Upgrade Adapter

Module 30: Native Applications

• Introduction to Native
• Cordova
• Ionic
• React Native
• NativeScript
• Progressive Web Apps
• Electron

Module 31: Server-side Rendering

• Introduction to Server-side Rendering
• Angular Universal

Module 32: Conclusion and Resource