Course Outline
Introduction
- Introduction to Angular.
- What is new in Angular 12?
Overview of TypeScript and ES6 JavaScript
- TypeScript Syntax.
- Utilizing the TypeScript transpiler.
- Setting up Angular 12 with TypeScript.
Key Components of Angular 12
- Angular CLI.
- Components.
- Directives.
- Inputs and Outputs.
- Data Binding and Interpolation.
- Event Binding.
- Data Modelling.
- Bootstrapping.
- Experimental Webpack.
Developing Your First Angular Application
- Planning the Application.
- Setting Up an Angular Project.
- Creating a mobile-friendly UI using Bootstrap 4 and Sass.
Component Creation
- Understanding the Component Lifecycle.
- Data Flow.
- Utilizing Templates and Styles.
- Content Projection.
- Working with AppModule.
- Implementing Custom Components.
- Using View Encapsulation.
- Implementing Lifecycle Hooks.
- Using ViewChildren and ContentChildren.
Data Binding in Angular 12
- 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 12 Services
- Creating a Logging Service.
- Creating a Data Service.
Using Dependency Injection and Providers
- Injectors, Provider, and Tokens.
- Configuring Dependency Injection.
- Configuring Your Provider.
- Injecting Services into Components, Directives, and Services.
Page Navigation via Routing
- Understanding Different Navigation Methods.
- Routing Strategies.
- Setting Up Routes.
- Configuring and Loading Routes.
- Using Parameters in Routes.
- Creating Nested Routes.
- Utilizing 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.
Utilizing Pipes
- Transforming output.
- Built-in Pipes.
- Async Pipe.
- Custom Pipes.
Making Calls to External HTTP APIs
- Sending requests.
Testing the Angular 12 Application
- Using Jasmine for unit testing.
- Exploring Protractor alternatives 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 to debug inside a browser.
Optimizing the Angular 12 Application
- Reworking the code.
- Reducing bundle size and eliminating dead-code.
Angular 12 Security
- How authentication works.
- Using JWT authentication.
- Guidelines on what should and shouldn't be written in Angular.
Deploying an Angular 12 Application to Production
- Deploying to IIS, Apache, Nginx, etc.
Angular 12 Best Practices
Troubleshooting
Summary and Conclusion
Requirements
- Basic understanding of HTML, CSS, and JavaScript.
Target Audience
- Software Developers
- Programmers
Testimonials (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Course - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Course - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Course - Angular 12
Pipe Routing Data Biding Services
