Course Outline
Introduction
- What is Angular?
- Key updates in Angular 12?
Understanding Typescript and ES6 JavaScript
- TypeScript Syntax
- Utilizing the TypeScript transpiler
- Setting up Angular 12 and Typescript
Core Components of Angular 12
- 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
- Initializing an Angular Project
- Designing a mobile-responsive UI with Bootstrap 4 and Sass
Developing a Component
- Grasping the Component Lifecycle
- Data Flow
- Utilizing Templates and Styles
- Content Projection
- Managing the AppModule
- Working with Custom Components
- Applying View Encapsulation
- Implementing Lifecycle Hooks
- Utilizing ViewChildren and ContentChildren
Data Binding in Angular 12
- Comprehending 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
Implementing Dependency Injection and Providers
- Injectors, Providers, and Tokens
- Configuring Dependency Injection
- Configuring Your Provider
- Injecting Services into Components, Directives, and Services
Navigating Pages with Routing
- Understanding Various 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
Creating and Managing Observables in Angular using RxJS
- Overview of Observables
- Overview of RxJS
- Building and Using Observables in Angular
Generating Forms for User Input
- Utilizing Template Driven Forms
- Utilizing Reactive Forms
- Developing 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
- Refactoring the code
- Reducing bundle size and eliminating dead-code
Angular 12 Security
- How authentication works
- Using JWT authentication
- Best practices for 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
- Knowledge of fundamental 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
