Angular 11 Advanced Training Course

Introduction

  • What’s new in Angular 11?

Getting Started

  • Installing Angular 11 CLI
  • Setting up the workspace
  • Initializing an application

Angular 11 Components

  • Building nested components
  • Sharing data across components
  • Loading components dynamically
  • Working with custom elements

RxJS and Observables

  • Exploring the RxJS library and properties
  • Creating, subscribing, and multicasting observables
  • Handling asynchronous operations using observables

Forms in Angular 11

  • Reactive vs template-driven forms
  • Validating user inputs
  • Generating dynamic forms

Routing and Navigation

  • Configuring routes for an application
  • Passing data to routes
  • Using route guards to restrict access

Advanced Dependency Injection

  • Generating services in Angular 11
  • Injecting dependencies into a component
  • Configuring dependency providers

Security and Deployment

  • Preventing cross-site scripting (XSS) and vulnerabilities
  • Auditing Angular 11 applications
  • Testing and building configurations for deployment
  • Deploying Angular 11 applications to production

Best Practices and Troubleshooting

Summary and Next Steps

Angular 7 Advanced Training Course

Introduction

  • What’s new in Angular 7?

Angular CLI

  • Generating Components, Modules and Services
  • Editing generated files for development
  • Customizing CLI with Bootstrap, Material and Clarity

RxJS and Observables

  • Using RxJS and Observables to handle complex asynchroneous events

Advanced Routing

  • Routing in Angular 7 Single Page Applications
  • Lazy Loading and Pre-Loading Routing

Advanced Dependency Injection

  • Provider Registration
  • Constructor with Parameters
  • Hierarchical Dependency Injection

Advanced Pipes

  • Using PipeTransform
  • Pipes and Change Detection
  • Pure and Impure Pipes

Change Detection Strategy

  • Types of detection

Security

  • Prevention of Cross-site Scripting (XSS)
  • Sanitizations
  • Authentication with JSON Web Tokens

Testing

  • Jasmine Test Framework and Karma
  • Continuous Integration
  • Service Tests
  • Angular Route Guards
  • Component DOM testing
  • Attribute Directive Testing
  • Pipe Testing

Best Practices

Troubleshooting

Summary and Conclusion

Angular 6 Training Course

Introduction

  • What’s new in Angular 6?

Overview of Typescript and ES6 JavaScript

  • TypeScript Syntax
  • Using the TypeScript transpiler
  • Setting up Angular 6 and Typescript

Overview of Angular 6’s Parts

  • Creating Components
  • Databinding and String Interpolation
  • Property Binding
  • Event Binding
  • Two-Way-Databinding
  • Data Modelling
  • Directives
  • Bootstrapping
  • Inputs & Outputs
  • Angular CLI

Creating Your First Angular Application

  • Planning the Application
  • Setting Up an Angular Project and App Using the CLI
  • Creating a Basic Project Setup Using Bootstrap 4 and Sass

Using Angular 6 Components

  • Data Flow
  • Working with AppModule
  • Working with Custom Components
  • Using Templates and Styles
  • Using View Encapsulation
  • Projecting Content
  • Understanding Component Lifecycle and Lifecycle Hooks
  • Using ViewChildren and ContentChildren

Databinding in Angular 6

  • Overview of Property & Event Binding
  • Binding and Assigning Aliases to Custom Properties
  • Binding and Assigning Aliases to Custom Events

Working with Directives

  • Built-in Directives
  • Custom Directives

Angular 6 Services

  • Creating a Logging Service
  • Creating a Data Service

Using Dependency Injection and Providers

  • Injectors, Provider, and Tokens
  • Configuring Dependency Injection
  • Configuring Your Provider
  • Injecting Services into Components, Directives, and Services

Switching Pages with Routing

  • Setting Up Routes
  • Configuring and Loading Routes
  • Understanding the Different Navigation Methods
  • Using Parameters in Routes
  • Creating Nested Routes
  • Using Redirect and Wildcard Routes
  • Understanding Route Guards
  • Understanding Routing Strategies

Using RxJS to Create and Work with Observables in Angular

  • Overview of Observables
  • Overview of RxJS
  • Building & Using Observables in Angular

Handling Forms

  • Using the Template Driven Forms
  • Using the Reactive Forms

Using Pipes

  • Built-in Pipes
  • Async Pipe
  • Custom Pipes

Making Calls to External HTTP APIs

Using Angular Modules

Testing the Angular 6 Application

  • Using Jasmine for unit testing

Debugging the Application

  • Understanding Error Messages in Angular
  • Using Sourcemaps to Debug Code in the Browser
  • Using Augury

Optimizing the Angular 6 Application

Angular 6 Security

  • Authentication
  • What should and shouldn’t be written in Angular

Deploying an Angular 6 Application to Production

  • Deploying to IIS, Apache, Nginx, etc.

Troubleshooting

Closing Remarks

Angular 6 Advanced Training Course

Introduction

  • Basics of Angular 6

Angular CLI

  • Generating Components, Modules and Services
  • Editing generated files for development
  • Customizing CLI by Bootstrap, Material and Clarity

RxJS and Observables

  • Using RxJS and Observables to handle complex asynchroneous events

Advanced Routing

  • Routing in Angular 6 Single Page Applications
  • Lazy Loading and Pre-Loading Routing

Advanced Dependency Injection

  • Provider Registration
  • Constructor with Parameters
  • Hierarchical Dependency Injection

Advanced Pipes

  • Using PipeTransform
  • Pipes and Change Detection
  • Pure and Impure Pipes

Change Detection Strategy

  • Types of detection

Security

  • Prevention of Cross-site Scripting (XSS)
  • Sanitizations
  • Authentication with JSON Web Tokens

Testing

  • Jasmine Test Framework and Karma
  • Continuous Integration
  • Service Tests
  • Angular Route Guards
  • Component DOM testing
  • Attribute Directive Testing
  • Pipe Testing

Best Practices

Troubleshooting

Summary and Conclusion