Angular 9 Training

Angular 9 Training with Type Script 3

Type Script 3

Introduction To Typescript

• Introduction to Typescript
• JavaScript & Typescript

The Type System

• Primitive types & type inference
• Object type & type inference
• Intersection Types, Type Guards and Differentiating Types
• Index types, Mapped types, Conditional Types
• Function type & type inference
• Enums, Tuples
• Nullable types
• Union types, intersection types
• Never and void types
• Creation of Custom Types

Oops In Typescript

• Classes, Class properties, Static Properties
• Constructors, getters & setters
• Inheritance, Abstract classes, Interfaces
• Access modifiers

Namespaces And Modules

• Namespaces and multiple files
• Loading Modules

Generics

• Generic functions, classes
• Generic types and arrays
• Constraints

Decorators

• Class Decorators
• Decorator Factories
• Method Decorators
• Property Decorators
• Parameter Decorators

Typescript Essentials

• tsc and tsconfig file
• debugging typescript

Angular 9

Introduction To  Angular Framework

• Introduction to Angular Framework, History & Overview
• Environment Setup
• Angular CLI, Installing Angular CLI
• NPM commands & package.json
• Bootstrapping Angular App, Components, AppModule
• Project Setup, Editor Environments
• First Angular App & Directory Structure
• Angular Fundamentals, Building Blocks
• MetaData

Templates, Styles & Directives

• Template, Styles, View Encapsulation, adding bootstrap to angular app
• Built-in Directives
• Creating Attribute Directive
• Using Renderer to build attribute directive
• Host Listener to listen to Host Events
• Using Host Binding to bind to Host Properties
• Building Structural Directives

Essentials Of Angular

• Component Basics
• Setting up the templates
• Creating Components using CLI
• Nesting Components
• Data Binding – Property & Event Binding, String Interpolation, Style binding
• Two-way data binding
• Input Properties, Output Properties, Passing Event Data

Templates, Styles & Directives

• Template, Styles, View Encapsulation, adding bootstrap to angular app
• Built-in Directives
• Creating Attribute Directive
• Using Renderer to build attribute directive
• Host Listener to listen to Host Events
• Using Host Binding to bind to Host Properties
• Building Structural Directives

Pipes,  Services &  Dependency Injection

• Parametrized Pipes
• Chaining Multiple Pipes
• Creating a Custom Pipe
• Creating a Filter Pipe
• Pure and Impure Pipes (or: How to “fix” the Filter Pipe)
• Understanding the “async” Pipe
• Services
• Dependency Injections
• Creating Data Service
• Understanding Hierarchical Injector
• Services for Cross Component Communication
• Injection Tokens

HTTP Requests

• App & Backend Setup
• Sending Requests (Example: POST Request)
• Adjusting Request Headers
• Sending GET Requests
• Sending a PUT Request
• Transform Responses Easily with Observable Operators (map())
• Using the Returned Data
• Catching Http Errors
• Using the “async” Pipe with Http Requests

Authentication And  Route Protection

• How Authentication works in SPA
• JWT Module, JSON Web Tokens
• Signup, Login and logout application
• Router Protection, Route Guards
• CanActivate interface
• Checking and using Authentication Status, Router Protection and Redirection

Modules

• Built-in Security contexts
• Using AOT Compilation
• Feature Modules
• Routes with Feature module
• Shared Modules
• Optimization and performance issues
• Auth Feature Module
• Lazy loading of modules, cross module communication
• Protecting Lazy Loaded Routes
• Understanding Core Module

Observables & Rxjs Operators

• Basics of Observables & Promises
• Analysing a Built-in Angular Observable
• Building & Using a First Simple Observable
• Building & Using a Custom Observable from Scratch
• Understanding Observable Operators
• Using Subjects to pass and listen to data

Deploying An Angular App

• Deployment Preparations
• JIT vs AOT Compilation
• Integration with JSP/Spring/.net
• Setup development env and backend env, Environments configuration
• Linting
• Deployment

App State Management With Redux

• Redux introduction, Installing redux
• Building Blocks of Redux
• Working with Actions, Reducers

Node Introduction

• MySQL CRUD Operations
• MongoDB CRUD Operations
• SQLServer CRUD Operations
• MEAN Stack