Course Outline
Introduction
- Overview of Angular for government use
- Key features introduced in Angular 12
Overview of TypeScript and ES6 JavaScript for government
- TypeScript Syntax
- Utilizing the TypeScript transpiler
- Setting up Angular 12 and TypeScript for government applications
Components of Angular 12 for government
- Angular CLI
- Components
- Directives
- Inputs and Outputs
- Data Binding and Interpolation
- Event Binding
- Data Modeling
- Bootstrapping
- Experimental Webpack integration
Creating Your First Angular Application for government
- Planning the application
- Setting up an Angular project for government use
- Designing a mobile-friendly UI using Bootstrap 4 and Sass
Developing a Component for government
- Understanding the component lifecycle
- Data flow within components
- Using templates and styles
- Projecting content within components
- Working with AppModule for government applications
- Creating custom components
- Applying view encapsulation techniques
- Implementing lifecycle hooks
- Utilizing ViewChildren and ContentChildren directives
Data Binding in Angular 12 for government
- Understanding property and event binding
- Binding and assigning aliases to custom properties
- Binding and assigning aliases to custom events
Working with Directives for government applications
- Built-in directives
- Creating custom directives for government use
Angular 12 Services for government
- Creating a logging service
- Developing a data service
Using Dependency Injection and Providers in Angular 12 for government
- Injectors, providers, and tokens
- Configuring dependency injection for government applications
- Setting up your provider configurations
- Injecting services into components, directives, and other services
Navigating Pages with Routing in Angular 12 for government
- Understanding different navigation methods
- Routing strategies for government applications
- Setting up routes
- Configuring and loading routes for government use
- Using parameters in routes
- Creating nested routes
- Implementing redirect and wildcard routes
- Understanding route guards for secure navigation
Utilizing RxJS to Create and Work with Observables in Angular 12 for government
- Overview of observables
- Introduction to RxJS
- Building and using observables in Angular for government applications
Generating Forms for User Input in Angular 12 for government
- Using template-driven forms
- Utilizing reactive forms
- Creating custom validation rules
- Validating, filtering, and sanitizing form data for government use
Using Pipes in Angular 12 for government applications
- Transforming output with pipes
- Built-in pipes
- Async pipe
- Creating custom pipes for government use
Making Calls to External HTTP APIs in Angular 12 for government
- Sending requests to external services
Testing the Angular 12 Application for government
- Using Jasmine for unit testing in government applications
- Exploring Protractor alternatives for end-to-end testing in government projects
Debugging the Angular 12 Application for government
- Understanding error messages in Angular
- Using sourcemaps to debug code in the browser
- Reading TypeScript compiler diagnostics
- Utilizing Augury for debugging within a browser environment
Optimizing the Angular 12 Application for government use
- Reworking and refining the codebase
- Reducing bundle size and eliminating dead code
Angular 12 Security for government applications
- How authentication works in Angular
- Implementing JWT authentication for secure access
- Guidelines on what should and shouldn't be written in Angular for government use
Deploying an Angular 12 Application to Production for government environments
- Deploying to IIS, Apache, Nginx, and other web servers
Angular 12 Best Practices for government applications
Troubleshooting common issues in Angular 12 for government use
Summary and Conclusion for government developers
Requirements
- Familiarity with fundamental HTML, CSS, and JavaScript
Audience for Government
- 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
