Course Outline
Introduction
- What is Angular?
- What's new in Angular 10 for government?
Overview of TypeScript and ES6 JavaScript
- TypeScript Syntax
- Using the TypeScript transpiler
- Setting up Angular 10 and TypeScript for government applications
Overview of Angular 10's Components
- Angular CLI
- Components
- Directives
- Inputs and Outputs
- Data Binding and Interpolation
- Event Binding
- Data Modelling
- Bootstrapping
Creating Your First Angular Application for Government
- Planning the Application
- Setting Up an Angular Project for government use
- Creating a mobile-friendly UI using Bootstrap 4 and Sass
Creating a Component
- Understanding the Component Lifecycle
- Data Flow
- Using Templates and Styles
- Projecting Content
- Working with AppModule
- Working with Custom Components
- Using View Encapsulation
- Implementing Lifecycle Hooks
- Using ViewChildren and ContentChildren
Data Binding in Angular 10 for Government Applications
- Understanding Property and Event Binding
- Binding and Assigning Aliases to Custom Properties
- Binding and Assigning Aliases to Custom Events
Working with Directives in Angular 10 for Government
- Built-in Directives
- Custom Directives
Angular 10 Services for Government Applications
- Creating a Logging Service
- Creating a Data Service
Using Dependency Injection and Providers in Angular 10 for Government
- Injectors, Provider, and Tokens
- Configuring Dependency Injection
- Configuring Your Provider
- Injecting Services into Components, Directives, and Services
Switching Pages with Routing in Angular 10 for Government Applications
- Understanding the 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 10 for Government Applications
- Overview of Observables
- Overview of RxJS
- Building & Using Observables in Angular
Generating Forms for User Input in Angular 10 for Government Applications
- Using the Template Driven Forms
- Using the Reactive Forms
- Creating Custom Validation
- Validating, Filtering, and Sanitizing Form Data
Using Pipes in Angular 10 for Government Applications
- Transforming Output
- Built-in Pipes
- Async Pipe
- Custom Pipes
Making Calls to External HTTP APIs in Angular 10 for Government Applications
- Sending Requests
Using Angular Modules in Government Applications
Testing the Angular 10 Application for Government Use
- Using Jasmine for Unit Testing
- Using Protractor for End-to-End Testing
Debugging the Angular 10 Application for Government
- Understanding Error Messages in Angular
- Using Sourcemaps to Debug Code in the Browser
- Reading TypeScript Compiler Diagnostics
- Using Augury
Optimizing the Angular 10 Application for Government Use
- Reworking the Code
- Reducing Bundle Size and Eliminating Dead-Code
Angular 10 Security for Government Applications
- How Authentication Works
- Using JWT Authentication
- What Should and Shouldn't Be Written in Angular for government applications
Deploying an Angular 10 Application to Production for Government
- Deploying to IIS, Apache, Nginx, etc.
Angular 10 Best Practices for Government Applications
Troubleshooting
Summary and Conclusion
Requirements
- Proficiency in fundamental HTML, CSS, and JavaScript
Audience
- Software developers for government
Testimonials (4)
The trainer attitude and knowledge
Gabriel Llaurado - Allianz Technology
Course - Angular 10 for Developers
The knowledge of the instructure.
Jeffry Gonzalez - Allianz Technology
Course - Angular 10 for Developers
We started from the base of Angular and TS and we incremented the difficulty of the exercises in a good way
Daniel Zamorano Infante - Allianz Technology
Course - Angular 10 for Developers
Practical examples, exercises and best practices
