Course Outline
Introduction
- What is Angular?
- New features in Angular 11.
Overview of TypeScript and ES6 JavaScript
- TypeScript Syntax.
- Utilizing the TypeScript transpiler.
- Setting up Angular 11 and TypeScript.
Overview of Angular 11 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.
- Content Projection.
- Working with AppModule.
- Working with Custom Components.
- Utilizing 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 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 sanitizing 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 Sourcemaps to Debug Code in the Browser.
- Reading TypeScript Compiler diagnostics.
- Using Augury.
Optimizing 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 implemented 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.
Target 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.
