Course Outline

Pendahuluan

  • Apa itu Angular?
  • Apa yang baru dalam Angular 12?

Ringkasan Typescript dan ES6 JavaScript

  • Sintaks TypeScript
  • Menggunakan transpiler TypeScript
  • Mengatur Angular 12 dan Typescript

Ringkasan Bagian-bagian Angular 12

  • Angular CLI
  • Komponen
  • Direktif
  • Masukan dan Keluaran
  • Pengikatan Data dan Interpolasi
  • Pengikatan Acara
  • Pemodelan Data
  • Bootstrapping
  • Webpack Eksperimental

Membuat Aplikasi Angular Pertama Anda

  • Mencari Ide untuk Aplikasi
  • Mengatur Proyek Angular
  • Membuat antarmuka pengguna yang ramah mobile menggunakan Bootstrap 4 dan Sass

Membuat Komponen

  • Mengerti Siklus Hidup Komponen
  • Aliran Data
  • Menggunakan Templat dan Stil
  • Memproyeksikan Konten
  • Bekerja dengan AppModule
  • Bekerja dengan Komponen Kustom
  • Menggunakan Pengekapsulan Tampilan
  • Menerapkan Hook Siklus Hidup
  • Menggunakan ViewChildren dan ContentChildren

Pengikatan Data dalam Angular 12

  • Mengerti Pengikatan Properti dan Acara
  • Pengikatan dan Penetapan Alih untuk Properti Kustom
  • Pengikatan dan Penetapan Alih untuk Acara Kustom

Bekerja dengan Direktif

  • Direktif Bawaan
  • Direktif Kustom

Angular 12 Layanan

  • Membuat Layanan Logging
  • Membuat Layanan Data

Menggunakan Injeksi Dependen dan Penyedia

  • Injektor, Penyedia, dan Token
  • Konfigurasi Injeksi Dependen
  • Konfigurasi Penyedia Anda
  • Menginjeksikan Layanan ke Komponen, Direktif, dan Layanan

Beralih Halaman dengan Routing

  • Pemahaman Metode Navigasi yang Berbeda
  • Taktik Routing
  • Mengatur Rute
  • Konfigurasi dan Memuat Rute
  • Menggunakan Parameter dalam Rute
  • Membuat Rute Bersarang
  • Menggunakan Redirect dan Rute Wildcard
  • Pemahaman Pengawal Rute

Menggunakan RxJS untuk Membuat dan Bekerja dengan Observables dalam Angular

  • Gambaran Umum tentang Observables
  • Gambaran Umum tentang RxJS
  • Membangun & Menggunakan Observables dalam Angular

Menghasilkan Form untuk Input Pengguna

  • Menggunakan Template Driven Forms
  • Menggunakan Reactive Forms
  • Membuat validasi kustom
  • Mengecek, menyaring, dan membersihkan data form

Menggunakan Pipa (Pipes)

  • Mengubah keluaran
  • Pipa Bawaan
  • Pipa Async
  • Pipa Kustom

Membuat Pemanggilan ke API HTTP Eksternal

  • Mengirim permintaan

Menguji Aplikasi Angular 12

  • Menggunakan Jasmine untuk pengujian unit
  • Mempelajari alternatif Protractor untuk pengujian end-to-end

Mendebug Aplikasi

  • Pemahaman Pesan Kesalahan di Angular
  • Menggunakan Sourcemaps untuk Mendebug Kode di Browser
  • Membaca Diagnostik Compiler TypeScript
  • Menggunakan Augury untuk debugging dalam browser

Mengoptimalkan Aplikasi Angular 12

  • Mengubah kode
  • Mengurangi ukuran bundle dan menghilangkan kode mati

Angular 12 Keamanan

  • Bagaimana otentikasi bekerja
  • Menggunakan otentikasi JWT
  • Apa yang harus dan tidak boleh ditulis dalam Angular

Deploying Aplikasi Angular 12 ke Produksi

  • Mendeploy ke IIS, Apache, Nginx, dll.

Angular 12 Praktik Terbaik

Pemecahan Masalah

Ringkasan dan Penutup

Requirements

  • Ketahuan dengan dasar HTML, CSS, dan JavaScript

Audience

  • Pengembang
  • Programmer
 28 Hours

Number of participants


Price per participant

Testimonials (4)

Upcoming Courses (Minimal 5 peserta)

Related Categories