Terima kasih telah mengirimkan pertanyaan Anda! Salah satu anggota tim kami akan segera menghubungi Anda.
Terima kasih telah mengirimkan pemesanan Anda! Salah satu anggota tim kami akan segera menghubungi Anda.
Kerangka Materi
Pendahuluan
- Apa itu Angular?
- Angular dibandingkan dengan React dan Vue
- Gambaran umum mengenai fitur serta arsitektur Angular 17
- Mengatur Lingkungan Pengembangan
Pemulaan
- Membuat proyek Angular 17 baru dengan menggunakan Angular CLI.
- Menjelajahi struktur dan file-file dalam proyek.
- Menjalankan serta menyajikan aplikasi hasil karya kita.
- Menampilkan data melalui interpolasi dan ekspresi template.
Komponen
- Mengenal peran komponen dalam Angular 17.
- Cara membuat serta memakai komponen.
- Transferensi data antar komponen melalui input dan output.
- Pemanfaatan hook siklus hidup komponen.
Direktif
- Mengerti perbedaan antara direktif struktur dengan direktif atribut.
- Memanfaatkan serta membuat direktif bawaan seperti ngIf, ngFor, ngSwitch, dan lainnya.
- Cara merancang dan menggunakan direktif kustom.
Pipa
- Mengenal tujuan penggunaan pipa dalam Angular 17.
- Memanfaatkan serta membuat pipa bawaan seperti date, currency, json, dll.
- Cara mengembangkan pipa kustom.
Layanan
- Memahami fungsi layanan dalam Angular 17.
- Penggunaan dan pembuatan layanan dalam aplikasi.
- Penyuntikan ketergantungan lewat penyedia (provider).
Modul
- Memahami kegunaan modul dalam Angular 17.
- Cara membuat dan mengintegrasikan modul.
- Mengimpor serta mengekspor modul di antara satu sama lain.
Pengikatan Data
- Membedakan pengikatan data satu arah dengan dua arah.
- Menerapkan pengikatan properti, penanganan peristiwa, serta sintaks banana-in-a-box.
- Pemakaian variabel referensi template dalam konteks tertentu.
Routing
- Memahami tujuan routing dalam Angular 17.
- Mengatur serta mengkonfigurasi jalur penavigasian aplikasi.
- Transisi antar halaman melalui routerLink atau router.navigate().
- Pemanfaatan parameter rute, query parameter, serta fragment identifikasi tampilan.
Formulir
- Mengenali perbedaan antara formulir template-driven dengan formulir reaktif.
- Membuat dan memvalidasi formulir menggunakan kontrol, grup, atau array pengaturan tertentu.
- Penerapan validator standar seperti required, minLength, maxLength, dll. pada input data.
- Cara merancang validator kustom sendiri untuk kebutuhan spesifik.
HTTP Client
- Mengenal fungsi HTTP client dalam Angular 17.
- Pembuatan serta eksekusi permintaan HTTP guna berkomunikasi dengan layanan eksternal.
- Pemanfaatan Observable untuk mengelola arus data asinkron.
- Penanganan interseptor dalam proses pengiriman/respons permintaan HTTP.
Kontrol Alur Deklaratif Baru
- Pemahaman mengenai sintaks kontrol alur template terbaru yang mempermudah tugas seperti penayangan bersyarat, perulangan, serta penanganan data kosong.
- Contoh-contoh penerapan blok baru seperti @if, @else, @switch, @case, @default, @for, dan @empty dalam skenario nyata.
- Perbandingan sintaks lama dengan yang terbaru (misalnya *ngIf vs @if, *ngFor vs @for).
- Pengaruh kontrol alur baru terhadap pengembangan aplikasi tanpa zona waktu (zoneless) melalui signal.
Blok Pemuatan Tertunda
- Penjelasan mengenai konsep pemuatan tertunda dan manfaatnya bagi performa serta kualitas pengalaman pengguna.
- Pemaparan blok kontrol @defer sebagai alat utama untuk memungkinkan implementasi lazy-loading terhadap isi serta ketergantungannya.
- Contoh konkret pemakaian blok ini pada kasus seperti muatan komponen, direktif, pipa, animasi, maupun gaya tampilan.
- Interaksi @defer dengan API transisi tampilan terbaru dalam skenario yang serupa.
API Transisi Tampilan
- Pengenalan manfaat utama API ini, yaitu memberikan kesempatan pengembang mengatur animasi serta transisi antar halaman.
- Pemakaian direktif withViewTransitions sebagai perantara untuk memakai fitur tersebut.
- Demonstrasi cara menerapkan berbagai jenis animasi seperti fade, slide, zoom, atau flip lewat konfigurasi tertentu.
- Pengintegrasian API transisi dengan modul router Angular maupun mekanisme sejarah navigasi browser.
Fitur serta Peningkatan Lainnya
- Beberapa fitur tambahan lain yang menyertai versi ini antara lain:
- Dukungan penggunaan @Component.styles sebagai string dalam kode program.
- Pemuatan kode animasi Angular secara lazy-load dapat diwujudkan.
- Kompatibilitas penuh dengan TypeScript versi 5.2.
- API sinyal utama kini sudah memasuki tahap stabil sebagai komponen operasional utama.
- Dukungan terhadap Node.js v16 telah dihentikan; versi minimum yang disarankan adalah v18.13.0.
- Esbuild mulai menjadi alat pembangun standar dan server dev default menggunakan Vite sebagai fondasi intinya.
Penutup dan Langkah Selanjutnya
Persyaratan
- Pemahaman mengenai HTML, CSS, dan JavaScript
- Pengalaman dalam menggunakan TypeScript serta RxJS
- Pengalaman dalam pengembangan web secara umum
Target Peserta
- Para pengembang yang ingin menguasai cara membuat aplikasi web dinamis dan responsif menggunakan Angular 17.
- Pengembang yang bermaksud meningkatkan kemampuan mereka dari versi Angular sebelumnya.
- Para pemrogram yang tertarik mempelajari fitur-fitur terbaru dan peningkatan dalam Angular 17.
28 Jam
Testimoni (2)
Saya sangat menyukai alur pelatihannya; dia menjelaskan topik tersebut dan di akhir topik, dia telah menyiapkan sesi latihan yang terdefinisi dengan baik untuk kami. Dia mampu membimbing kami dengan cepat ketika kami menghadapi masalah dalam sesi latihan.
Rabin Byanjankar - Lument
Kursus - Angular 17
Diterjemahkan Mesin
Sangat interaktif dan informatif. Pelatih sangat sabar dengan kami ketika kami tidak mengerti sesuatu dan memastikan bahwa tidak ada yang tertinggal selama pelatihan.
Daniel - INIT Innovations in Transportation Ltd.
Kursus - Angular 17
Diterjemahkan Mesin
