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.
コース概要
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
要求
- 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
28 時間
お客様の声 (5)
I liked that the training focused more on the practical side.
Mihaela - Ness
コース - NgRx
Topics that were discussed, lots of live code examples, trainers attitude towards group
Weronika - ATOS PGS sp. z o.o.
コース - Reactive Programming with Angular RxJS
あなたのジョークが好きでした
Dermot - Griffiths & Armour
コース - Angular 2 Fundamentals
Machine Translated
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
コース - Angular 10 for Developers
ステップごとの分析。コードの各行の説明。コース中に発生したすべての問題はうまく解決され、Łukasz はその理由を教えてくれました。また、紹介された優れたプラクティスも気に入りました。TDD スタイルに納得したことは一度もありません。単に、役に立たず、時間をかける価値もないと感じていたからです。Łukasz は TDD の多くの利点を指摘し、私の意見は完全に変わりました。
Michal Uscinski - Devapo Sp. z o. o.
コース - Testing Angular Applications
Machine Translated
