Course Outline
Introduction
- What is Angular?
- New features in Angular 11?
TypeScript and ES6 JavaScript Overview
- TypeScript Syntax
- Utilizing the TypeScript transpiler
- Configuring Angular 11 and TypeScript
Core Components of Angular 11
- Angular CLI
- Components
- Directives
- Inputs and Outputs
- Data Binding and Interpolation
- Event Binding
- Data Modelling
- Bootstrapping
- Experimental Webpack
Building Your First Angular Application
- Application Planning
- Setting Up an Angular Project
- Designing a responsive UI with Bootstrap 4 and Sass
Component Development
- Understanding the Component Lifecycle
- Data Flow
- Utilizing Templates and Styles
- Content Projection
- Managing the AppModule
- Working with Custom Components
- Implementing View Encapsulation
- Applying 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
- Standard Directives
- Custom Directives
Angular 11 Services
- Developing a Logging Service
- Developing a Data Service
Dependency Injection and Providers
- Injectors, Providers, and Tokens
- Configuring Dependency Injection
- Configuring Your Provider
- Injecting Services into Components, Directives, and Services
Page Navigation with Routing
- Exploring Different Navigation Methods
- Routing Strategies
- Defining Routes
- Configuring and Loading Routes
- Utilizing Parameters in Routes
- Creating Nested Routes
- Implementing Redirect and Wildcard Routes
- Understanding Route Guards
Utilizing RxJS for Observables in Angular
- Overview of Observables
- Overview of RxJS
- Building & Using Observables in Angular
Form Generation for User Input
- Implementing Template-Driven Forms
- Implementing Reactive Forms
- Creating custom validation rules
- Validating, filtering, and sanitizing form data
Using Pipes
- Transforming output values
- Standard Pipes
- Async Pipe
- Custom Pipes
Integrating External HTTP APIs
- Sending requests
Testing the Angular Application
- Unit testing with Jasmine
- End-to-end testing with Protractor
Debugging the Application
- Interpreting Error Messages in Angular
- Debugging Code in the Browser via Sourcemaps
- Reading TypeScript Compiler diagnostics
- Utilizing Augury
Optimizing the Angular 11 Application
- Refactoring code
- Reducing bundle size and removing dead code
Angular 11 Security
- How authentication functions
- Implementing JWT authentication
- Best practices on what to include or exclude from Angular
Deploying an Angular 11 Application to Production
- Deployment to IIS, Apache, Nginx, etc.
Angular 11 Best Practices
Troubleshooting
Summary and Conclusion
Requirements
- Basic proficiency in HTML, CSS, and JavaScript.
Target Audience
- Software 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.
