Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Course Outline
Introduction
- What is Angular?
- Angular versus React versus Vue
- Overview of Angular 16 features and architecture
- Setting up the development environment
Getting Started
- Creating a new Angular 16 project using the Angular CLI
- Exploring the project structure and files
- Running and serving the application
- Displaying data using interpolation and expressions
Components
- Understanding the role of components in Angular 16
- Creating and using components
- Passing data between components using inputs and outputs
- Using component lifecycle hooks
Directives
- Understanding the difference between structural and attribute directives
- Creating and using built-in directives such as ngIf, ngFor, ngSwitch, and others
- Creating and using custom directives
Pipes
- Understanding the purpose of pipes in Angular 16
- Creating and using built-in pipes such as date, currency, json, and others
- Creating and using custom pipes
Services
- Understanding the role of services in Angular 16
- Creating and using services
- Injecting dependencies using providers
Modules
- Understanding the role of modules in Angular 16
- Creating and using modules
- Importing and exporting modules
Data Binding
- Understanding the difference between one-way and two-way data binding
- Creating and using property binding, event binding, and the "banana-in-a-box" syntax
- Using template reference variables
Routing
- Understanding the role of routing in Angular 16
- Creating and configuring routes
- Navigating between routes using routerLink and router.navigate
- Using route parameters, query parameters, and fragments
Forms
- Understanding the difference between template-driven and reactive forms
- Creating and validating forms using form controls, form groups, form arrays, and more
- Using built-in validators such as required, minLength, maxLength, and others
- Creating and using custom validators
HTTP Client
- Understanding the role of the HTTP client in Angular 16
- Creating and using HTTP requests to communicate with backend services
- Using observables to handle asynchronous data streams
- Using interceptors to modify or handle HTTP requests or responses
Debugging
- Understanding common errors and bugs in Angular 16 applications
- Using Chrome DevTools to inspect elements, sources, network activity, console, and more
- Using breakpoints, watch expressions, call stacks, and other tools to debug code
Testing
- Understanding the importance of testing in Angular 16 applications
- Using Jest as an alternative testing framework
- Using Karma as a test runner for unit tests
- Using Protractor as an end-to-end testing tool
Summary and Next Steps
Requirements
- A solid understanding of HTML, CSS, and JavaScript
- Experience working with TypeScript and RxJS
- Previous web development experience
Audience
- Developers who want to learn how to use Angular 16 to create dynamic and responsive web applications
- Developers looking to upgrade their skills from earlier versions of Angular
- Programmers eager to explore the new features and updates in Angular 16
28 Hours
Testimonials (2)
all the important part were covered
carlo capuano - ITER Organization
Course - Angular 18
The trainer’s attitude – helping you feel comfortable, making jokes to lighten the mood, and answering everyone’s questions.
