Course Outline
Introduction
- What is Angular?
- Angular vs React vs Vue
- Overview of Angular 16 features and architecture
- Setting up the Development Environment
Getting Started
- Creating a new Angular 16 project using 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, etc.
- 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, etc.
- 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 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, etc.
- Using built-in validators such as required, minLength, maxLength, etc.
- Creating and using custom validators
HTTP Client
- Understanding the role of 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 the common errors and bugs in Angular 16 applications
- Using Chrome DevTools to inspect elements, sources, network, console, etc.
- Using breakpoints, watch expressions, call stack, etc. 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
- An understanding of HTML, CSS, and JavaScript
- Experience with TypeScript and RxJS
- Web development experience
Audience
- Developers who wish to learn how to use Angular 16 to create dynamic and responsive web applications
- Developers who wish to upgrade their skills from previous versions of Angular
- Programmers who wish to explore the new features and updates of Angular 16
Testimonials (6)
I liked your jokes
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
interesting showing the topic
Adam Boroch - SPOC S.A.
Course - Angular JavaScript
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Course - AngularJS Basics
The trainer attitude and knowledge
Gabriel Llaurado - Allianz Technology
Course - Angular 10 for Developers
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Course - Angular 14
How to translate news
Dominik - Państwowa Akademia Nauk Stosowanych im. Ks. Bronisława Markiewicza w Jarosławiu
Course - Angular 15
Machine Translated