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

 28 Jam

Jumlah Peserta


Biaya per Peserta

Testimoni (4)

Kursus Mendatang

Kategori Terkait