Angular 11 Training Course

Introduction

• What is Angular?
• What's new in Angular 11 for government?

Overview of TypeScript and ES6 JavaScript

• TypeScript Syntax
• Using the TypeScript Transpiler
• Setting up Angular 11 and TypeScript for government

Overview of Angular 11's Components

• Angular CLI
• Components
• Directives
• Inputs and Outputs
• Data Binding and Interpolation
• Event Binding
• Data Modeling
• Bootstrapping
• Experimental Webpack

Creating Your First Angular Application for Government

• Planning the Application
• Setting Up an Angular Project for government
• Creating a mobile-friendly UI using Bootstrap 4 and Sass

Creating a Component for Government

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

Data Binding in Angular 11 for Government

• Understanding Property and Event Binding
• Binding and Assigning Aliases to Custom Properties
• Binding and Assigning Aliases to Custom Events

Working with Directives in Angular 11 for Government

• Built-in Directives
• Custom Directives

Angular 11 Services for Government

• Creating a Logging Service
• Creating a Data Service

Using Dependency Injection and Providers in Angular 11 for Government

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

Switching Pages with Routing in Angular 11 for Government

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

Using RxJS to Create and Work with Observables in Angular 11 for Government

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

Generating Forms for User Input in Angular 11 for Government

• Using Template-Driven Forms
• Using Reactive Forms
• Creating Custom Validation
• Validating, Filtering, and Sanitizing Form Data

Using Pipes in Angular 11 for Government

• Transforming Output
• Built-in Pipes
• Async Pipe
• Custom Pipes

Making Calls to External HTTP APIs in Angular 11 for Government

• Sending Requests

Testing the Angular 11 Application for Government

• Using Jasmine for Unit Testing
• Using Protractor for End-to-End Testing

Debugging the Application in Angular 11 for Government

• Understanding Error Messages in Angular
• Using Sourcemaps to Debug Code in the Browser
• Reading TypeScript Compiler Diagnostics
• Using Augury

Optimizing the Angular 11 Application for Government

• Reworking the Code
• Reducing Bundle Size and Eliminating Dead-Code

Angular 11 Security for Government

• How Authentication Works
• Using JWT Authentication
• What Should and Shouldn't Be Written in Angular

Deploying an Angular 11 Application to Production for Government

• Deploying to IIS, Apache, Nginx, etc.

Angular 11 Best Practices for Government

Troubleshooting in Angular 11 for Government

Summary and Conclusion for Government