Overview
Angular is a framework for JavaScript used for developing web applications.
This instructor-led, live training (online or onsite) is aimed at programmers who wish to use the latest features of Angular 13 to build, test, and deploy web applications.
By the end of this training, participants will be able to:
- Use TypeScript and Angular CLI to develop Angular 13 applications.
- Develop, test, and deploy Angular 13 web applications.
- Create web components that can be used for any web application or page.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Requirements
- Basic understanding of HTML, CSS, and JavaScript
Audience
- Developers
- Programmers
Course Outline
Introduction
- Overview of Angular
- Understanding the Angular framework and architecture
- Understanding the anatomy of an Angular application
- What’s new in Angular 13?
Fundamentals of TypeScript
- Understanding the TypeScript syntax
- Defining variables and arrays
- Type in functions
Building Components
- Overview of components
- Creating a component using Angular CLI
- Understanding the component class
- Using a component template
- Event Binding
Working with Angular Forms
- Introduction to forms
- Using template-driven forms
- Importing forms module
- Setting up a form
- Overview of reactive forms
- Importing reactive forms module
- Constructing a form
- Designing the template
Services, Dependency Injection, and Pipes
- Overview of service
- Creating a basic service
- Understanding service class
- Introduction to dependency injection
- Injecting a service instance
- Introduction to pipes
- Using built-in pipes
- Using pipes in HTML template
- Chaining pipes
Working with HTTP Client
- Angular HTTP client
- Using the HHTP client
- Importing HTTP client module
- HTTP client request options
- Returning an HTTP response object
- Setting request headers
- Creating a new and simple observable
Angular Component Router
- Introduction to the Angular component router
- Navigating view
- Using the Angular router API
- Creating a router-enabled application
- Hosting router components
Implementing Micro-Frontend Architecture with Angular
- Overview of micro-frontend
- Advantages and features of micro-frontend
- Understanding the different approaches to micro-frontend
- Understanding the micro-frontend framework
- Creating micro-frontend projects with Angular
Testing angular Applications
- Unit testing Angular artifacts
- Using testing tools
- Testing steps
Summary and Next Steps