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 (5)
Saya menyukai pelatihan yang lebih fokus pada sisi praktis.
Mihaela - Ness
Course - NgRx
Machine Translated
Topics that were discussed, lots of live code examples, trainers attitude towards group
Weronika - ATOS PGS sp. z o.o.
Course - Reactive Programming with Angular RxJS
I liked your jokes
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
Analisis langkah demi langkah. Penjelasan setiap baris kode. Setiap masalah yang saya hadapi selama kursus berhasil diselesaikan dan Łukasz memberi tahu saya alasannya. Saya juga menyukai praktik baik yang telah disajikan. Saya belum pernah yakin tentang gaya TDD - menurut saya gaya ini tidak berguna dan tidak sepadan dengan waktunya. Łukasz menunjukkan begitu banyak keuntungan dari TDD, itu benar-benar mengubah pendapat saya.
Michal Uscinski - Devapo Sp. z o. o.
Course - Testing Angular Applications
Machine Translated
Knowledgeable and friendly trainer