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.
 28 Jam

Jumlah Peserta


Biaya per Peserta

Testimoni (5)

Kursus Mendatang

Kategori Terkait