Certificate Authentication

Duration: 3 days

Module 1. Angular Architecture and Concepts

Review of Angular component architecture 

Review of Reactive programming with RxJS 

The role of Angular Router and the lazy loading 

The need for State management and the NgRx component store

Module 2. Angular Forms

Reactive versus template-driven forms

Generate a new component with a FormControl

Validating input in reactive forms

Defining custom validators

Control status CSS classes

Cross-field validation

Creating and using asynchronous validators

Module 3. Angular Routing

Generate an application with routing enabled

Getting route information

Setting up wildcard routes

Identify the active route

Accessing query parameters

Using Lazy loading

Preventing unauthorized access using guards

Creating custom route matches

Module 4. Angular Security

Designing Authentication and Authorization

Understanding JWT life cycle

Using OpenID Connect (OIDC) and JWT Tokens

Security in depth

Preventing cross-site scripting (XSS)

Sanitization and security contexts

Content security policy

HTTP-level vulnerabilities

Cross-site request forgery

HttpClient XSRF/CSRF security

Implementing Role-Based Navigation

Module 5. Working with REST and gRPC

What is REST and gRPC

Integrating REST with Angular

Integrating gRPC with Angular

Implementing JWT auth

Authenticating middleware

Module 6. Managing the state in Angular

The role of the status in Angular app

Apply state management with reactive programming

Application With NGRX Signal Store

Creating a Store

Using signalState and signalStore

Built-in Features like Entity Management

Providing and Injecting the Store in a component

Reading State

Lifecycle Hooks

Custom Store properties

The role of RxJS in Angular

RxJS and custom operators

RxJS interop with Angular signals

Module 7. Angular Internationalization

Add the localize package

Format data based on locale

Prepare component for translation

Mark text and element attributes for translations

Using ICU expressions

Work with translation files

Deploy multiple locales

Module 8. Angular custom decorators

What are decorators in Angular?

Types of Decorators in Angular

Custom Decorator with and without Argument

Create a Class Decorator

Create a Method Decorator

Create a Property Decorator and a Parameter Decorator

Applying custom decorators

Module 9. Server-side rendering

Why Server side rendering (SSR)?

Enable and configure server-side rendering

The Hydration process

Authoring server-compatible components

Why is hydration important

How do you enable hydration in Angular

Module 10. Webpack and Angular

Build a Custom webpack configuration

Execute something before the build and after the build

Benefits of Using Webpack plugins

Writing a Webpack plugin

Module 11. Releasing to Production with CI/CD

Automated testing

Continuous integration testing

Containerizing web apps using Docker

Building and publishing an image to Docker Hub

The continuous deployment process