course detail

Angular with Typescripting

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 3: 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 4: ES2015 PRIMER

Understanding Let and Const

Working with Template Strings

Mastering Lambda Functions

Working with Generics

Working with Modules

MODULE 5: ENVIRONMENT SETUP

Node / NPM

Polyfills

Babels

TypeScript

Module Bundler (Webpack)

Code Linting

Test Setup

Application File Structure

AngularCLI

Code Editors

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

Introduction to Components

Working with Component Architecture Patterns

Decorator Metadata

State & Behaviour in Angular

Inputs and Output

 MODULE 8: 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 9: 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 @Inputalias

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 10: 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 11: 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 12: LIFECYCLE HOOKS & CHANGE DETECTION

Understanding Component LifeCycle

Using ngOnInit

All lifecycle Hooks

Understanding Change Detection

Working with Zone.js

 MODULE 13: ROUTING & ADVANCED ROUTING

The Component Router

Defining Routes

Working with Navigation

Understanding Route Params

Child Routes

Route Guards

Route Resolves

MODULE 14: 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 15: ASYNCHRONOUS OPERATIONS & ADVANCED HTTP

Introduction to Async

Promises

Working with Observables

EventEmitter

Async Pipes

Handling HTTP Request / Response

Headers & Request Settings

Providing HTTP

MODULE 16: COMPONENT STYLING

Introduction to Angular Styling

Using Component Styling

Style Scope

Shadow DOM

Loading Component Styles

 MODULE 17: 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 18: TESTING ANGULAR APPLICATIONS

Introduction to Testing

Unit Testing

E2E Testing & Protractor

Setup Jasmine Framework

Component Test Basics

Component Test Scenarios

Karma

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