Kerangka Materi
Pendahuluan
- Apa itu Angular?
- Angular vs React vs Vue
- Gambaran fitur-fitur dan arsitektur Angular 16
- Mengatur Lingkungan Pengembangan
Mulai Memahami
- Membuat proyek Angular 16 baru menggunakan Angular CLI
- Menjelajahi struktur proyek dan file
- Mengeksekusi dan menyajikan aplikasi
- Menampilkan data menggunakan interpolasi dan ekspresi
Komponen
- Memahami peran komponen dalam Angular 16
- Membuat dan menggunakan komponen
- Menyampaikan data antar komponen menggunakan inputs dan outputs
- Menggunakan hook siklus hidup komponen
Direktif
- Memahami perbedaan antara direktif struktural dan atribut
- Membuat dan menggunakan direktif bawaan seperti ngIf, ngFor, ngSwitch, dll.
- Membuat dan menggunakan direktif kustom
Pipa
- Memahami tujuan pipa dalam Angular 16
- Membuat dan menggunakan pipa bawaan seperti date, currency, json, dll.
- Membuat dan menggunakan pipa kustom
Layanan
- Memahami peran layanan dalam Angular 16
- Membuat dan menggunakan layanan
- Injeksi dependensi menggunakan providers
Modul
- Memahami peran modul dalam Angular 16
- Membuat dan menggunakan modul
- Mengimpor dan mengekspor modul
Data Binding
- Memahami perbedaan antara data binding satu arah dan dua arah
- Membuat dan menggunakan property binding, event binding, dan sintaks banana-in-a-box
- Menggunakan variabel referensi template
Routing
- Memahami peran routing dalam Angular 16
- Membuat dan mengonfigurasi rute
- Beralih antar rute menggunakan routerLink dan router.navigate
- Menggunakan parameter rute, query parameters, dan fragments
Formulir
- Memahami perbedaan antara formulir template-driven dan reactive forms
- Membuat dan memvalidasi formulir menggunakan form controls, form groups, form arrays, dll.
- Menggunakan validator bawaan seperti required, minLength, maxLength, dll.
- Membuat dan menggunakan validator kustom
HTTP Client
- Memahami peran HTTP client dalam Angular 16
- Membuat dan menggunakan permintaan HTTP untuk berkomunikasi dengan layanan backend
- Menggunakan observables untuk menangani data stream asinkronus
- Menggunakan interceptors untuk memodifikasi atau menangani permintaan atau respons HTTP
Debugging
- Memahami kesalahan dan bug umum dalam aplikasi Angular 16
- Menggunakan Chrome DevTools untuk menginspeksi elemen, sumber, jaringan, konsol, dll.
- Menggunakan breakpoint, ekspresi watch, call stack, dll. untuk men-debug kode
Testing
- Memahami pentingnya pengujian dalam aplikasi Angular 16
- Menggunakan Jest sebagai alternatif kerangka kerja pengujian
- Menggunakan Karma sebagai runner tes untuk unit tests
- Menggunakan Protractor sebagai alat pengujian end-to-end
Ringkasan dan Langkah Selanjutnya
Persyaratan
- Pemahaman tentang HTML, CSS, dan JavaScript
- Pengalaman dengan TypeScript dan RxJS
- Pengalaman pengembangan web
Audience
- Pengembang yang ingin mempelajari cara menggunakan Angular 16 untuk membuat aplikasi web dinamis dan responsif.
- Pengembang yang ingin meningkatkan keterampilan mereka dari versi sebelumnya dari Angular.
- Programmer yang ingin mengeksplor fitur-fitur baru dan pembaruan dari Angular 16.
Testimoni (5)
Saya suka bahwa pelatihan lebih berfokus pada sisi praktisnya.
Mihaela - Ness
Kursus - NgRx
Diterjemahkan Mesin
Topik yang dibahas, banyak contoh kode langsung, sikap instruktur terhadap kelompok
Weronika - ATOS PGS sp. z o.o.
Kursus - Reactive Programming with Angular RxJS
Diterjemahkan Mesin
Saya suka lelucon Anda
Dermot - Griffiths & Armour
Kursus - Angular 2 Fundamentals
Diterjemahkan Mesin
Contoh praktis, latihan, dan praktik terbaik
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kursus - Angular 10 for Developers
Diterjemahkan Mesin
Pipe Rute Pengikatan Data Layanan
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Kursus - Angular 12
Diterjemahkan Mesin