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