Course Outline
Introduction
- What is Angular?
- What's new in Angular 11?
Overview of TypeScript and ES6 JavaScript
- TypeScript Syntax
- Using the TypeScript transpiler
- Setting up Angular 11 and TypeScript
Overview of Angular 11's Components
- Angular CLI
- Components
- Directives
- Inputs and Outputs
- Data Binding and Interpolation
- Event Binding
- Data Modelling
- Bootstrapping
- Experimental Webpack
Creating Your First Angular Application
- Planning the Application
- Setting Up an Angular Project
- Creating a mobile-friendly UI using Bootstrap 4 and Sass
Creating a Component
- 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
- Understanding Property and 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 11 Services
- Creating a Logging Service
- Creating a Data Service
Using Dependency Injection and Providers
- Injectors, Providers, and Tokens
- Configuring Dependency Injection
- Configuring Your Provider
- Injecting Services into Components, Directives, and Services
Switching Pages with Routing
- 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
- Overview of Observables
- Overview of RxJS
- Building & Using Observables in Angular
Generating Forms for User Input
- Using Template-Driven Forms
- Using Reactive Forms
- Creating Custom Validation
- Validating, Filtering, and Sanitising Form Data
Using Pipes
- Transforming Output
- Built-in Pipes
- Async Pipe
- Custom Pipes
Making Calls to External HTTP APIs
- Sending Requests
Testing the Angular 10 Application
- Using Jasmine for Unit Testing
- Using Protractor for End-to-End Testing
Debugging the Application
- Understanding Error Messages in Angular
- Using Source Maps to Debug Code in the Browser
- Reading TypeScript Compiler Diagnostics
- Using Augury
Optimising the Angular 11 Application
- Reworking the Code
- Reducing Bundle Size and Eliminating Dead Code
Angular 11 Security
- How Authentication Works
- Using JWT Authentication
- What Should and Shouldn't Be Written in Angular
Deploying an Angular 11 Application to Production
- Deploying to IIS, Apache, Nginx, etc.
Angular 11 Best Practices
Troubleshooting
Summary and Conclusion
Requirements
- Familiarity with basic HTML, CSS, and JavaScript
Audience
- Developers
Testimonials (2)
I mostly liked the training flow; she went through the topic, and at the end of the topic, she had well-defined practice sessions for us. She was able to guide us promptly with the issues we faced in the practice sessions.
Rabin Byanjankar - Lument
Course - Angular 17
In only three days were covered all the subjects from training material, even extra.
