Course Outline
Introduction
- Understanding Angular.
- What is new in Angular 12?
Overview of TypeScript and ES6 JavaScript
- TypeScript syntax.
- Utilizing the TypeScript transpiler.
- Setting up Angular 12 and TypeScript.
Overview of Angular 12 Components
- Angular CLI.
- Components.
- Directives.
- Inputs and Outputs.
- Data Binding and Interpolation.
- Event Binding.
- Data Modelling.
- Bootstrapping.
- Experimental Webpack.
Building Your First Angular Application
- Planning the application.
- Setting up an Angular project.
- Designing a mobile-friendly UI with Bootstrap 4 and Sass.
Creating a Component
- Understanding the component lifecycle.
- Data flow.
- Utilizing templates and styles.
- Content projection.
- Working with AppModule.
- Working with custom components.
- Applying 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.
Utilizing Dependency Injection and Providers
- Injectors, providers, and tokens.
- Configuring dependency injection.
- Configuring your provider.
- Injecting services into components, directives, and other services.
Navigating Pages with Routing
- Understanding various navigation methods.
- Routing strategies.
- Setting up routes.
- Configuring and loading routes.
- Utilizing parameters in routes.
- Creating nested routes.
- Employing redirect and wildcard routes.
- Understanding route guards.
Working with Observables in Angular Using RxJS
- Overview of observables.
- Overview of RxJS.
- Building and 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
- Conducting unit testing with Jasmine.
- Exploring alternatives to Protractor for end-to-end testing.
Debugging the Application
- Understanding error messages in Angular.
- Debugging code in the browser using sourcemaps.
- Interpreting TypeScript compiler diagnostics.
- Debugging within a browser using Augury.
Optimizing the Angular 12 Application
- Refactoring code.
- Reducing bundle size and eliminating dead code.
Angular 12 Security
- How authentication works.
- Implementing 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, and others.
Angular 12 Best Practices
Troubleshooting
Summary and Conclusion
Requirements
- Familiarity with fundamental HTML, CSS, and JavaScript.
Audience
- 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
