Angular 11 Advanced

• Familiarity with basic HTML, CSS, and JavaScript
• Experience with Angular

Audience

• Developers

Angular is a JavaScript framework for building web applications. Angular 11 is a major release that emphasizes router performance, automatic inlining of fonts, stricter types, component testing, and faster builds.

This instructor-led, live training (online or onsite) is aimed at developers who wish to use Angular 11's advanced developer tools to design, build, test, and deploy applications.

By the end of this training, participants will be able to:

• Set up the necessary development environment to develop advanced Angular 11 applications.
• Build parent-child structure, nested components for complex applications.
• Use RxJS and observables to handle real-time events and asynchronous programming.
• Create scalable form and data models to manage user inputs and data-entry tasks.
• Implement advanced dependency injections, routing, and security best practices in Angular 11.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

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