Kerangka Materi
Pengantar
- Apa itu Angular?
- Apa yang baru di Angular 12?
Ringkasan tentang TypeScript dan ES6 JavaScript
- Sintaks TypeScript
- Menggunakan transpiler TypeScript
- Menyiapkan Angular 12 dan TypeScript
Ringkasan Komponen Angular 12
- Angular CLI
- Komponen
- Direktif
- Input dan Output
- Data Binding dan Interpolasi
- Event Binding
- Data Modelling
- Bootstrapping
- Webpack Eksperimental
Membuat Aplikasi Angular Pertama Anda
- Perencanaan Aplikasi
- Menyiapkan Proyek Angular
- Membuat UI yang ramah mobile menggunakan Bootstrap 4 dan Sass
Membuat Komponen
- Memahami Siklus Hidup Komponen
- Data Flow
- Menggunakan Template dan Styles
- Menyisipkan Konten
- Bekerja dengan AppModule
- Bekerja dengan Komponen Kustom
- Menggunakan View Encapsulation
- Implementasi Lifecycle Hooks
- Menggunakan ViewChildren dan ContentChildren
Data Binding di Angular 12
- Memahami Property dan Event Binding
- Mengikat dan Menetapkan Alias ke Properti Kustom
- Mengikat dan Menetapkan Alias ke Event Kustom
Bekerja dengan Direktif
- Direktif Bawaan
- Direktif Kustom
Layanan Angular 12
- Membuat Layanan Logging
- Membuat Layanan Data
Menggunakan Dependency Injection dan Providers
- Injectors, Provider, dan Tokens
- Konfigurasi Dependency Injection
- Konfigurasi Provider Anda
- Menyuntikkan Layanan ke Komponen, Direktif, dan Layanan
Beralih Halaman dengan Routing
- Memahami Metode Navigasi Berbeda
- Strategi Routing
- Menyiapkan Rute
- Konfigurasi dan Muat Rute
- Menggunakan Parameter dalam Rute
- Membuat Rute Bersarang
- Menggunakan Redirect dan Wildcard Routes
- Memahami Route Guards
Menggunakan RxJS untuk Membuat dan Bekerja dengan Observables di Angular
- Ringkasan tentang Observables
- Ringkasan tentang RxJS
- Membangun & Menggunakan Observables di Angular
Menyusun Form untuk Input Pengguna
- Menggunakan Template Driven Forms
- Menggunakan Reactive Forms
- Membuat validasi kustom
- Validasi, penyaringan, dan sanitasi data form
Menggunakan Pipes
- Transformasi output
- Pipes Bawaan
- Async Pipe
- Pipes Kustom
Membuat Panggilan ke HTTP APIs Eksternal
- Mengirim permintaan
Menguji Aplikasi Angular 12
- Menggunakan Jasmine untuk pengujian unit
- Menjelajahi alternatif Protractor untuk pengujian end-to-end
Mendebug Aplikasi
- Memahami Pesan Kesalahan di Angular
- Menggunakan Sourcemaps untuk Mendebug Kode di Browser
- Membaca Diagnostik Compilor TypeScript
- Menggunakan Augury untuk mendebug di dalam browser
Optimasi Aplikasi Angular 12
- Mengubah kode
- Mengurangi ukuran bundle dan menghilangkan dead-code
Keamanan Angular 12
- Cara otentikasi bekerja
- Menggunakan autentikasi JWT
- Apa yang harus dan tidak boleh ditulis di Angular
Menyebarkan Aplikasi Angular 12 ke Produksi
- Menyebarkan ke IIS, Apache, Nginx, dll.
Praktik Terbaik Angular 12
Pemecahan Masalah
Ringkasan dan Kesimpulan
Persyaratan
- Kenalan dengan HTML dasar, CSS, dan JavaScript
Audience
- Pengembang
- Programmer
Testimoni (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Kursus - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Kursus - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Kursus - Angular 12
Pipe Routing Data Biding Services