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
- Apakah Angular?
- Angular vs React vs Vue
- Tinjauan fitur dan arsitektur Angular 17
- Menyetel lingkungan pengembangan
Mulai
- Membuat proyek Angular 17 baru dengan Angular CLI
- Menjelajahi struktur proyek dan berkas
- Menjalankan dan menyajikan aplikasi
- Menampilkan data menggunakan interpolasi dan ekspresi
Komponen
- Memahami peran komponen dalam Angular 17
- Membuat dan menggunakan komponen
- Mengirim data antara komponen menggunakan input dan output
- Menggunakan lifecycle hooks komponen
Direktif
- Memahami perbedaan antara direktif struktural dan atribut
- Membuat dan menggunakan direktif bawaan seperti ngIf, ngFor, ngSwitch, dll.
- Membuat dan menggunakan direktif kustom
Pipes
- Memahami tujuan pipe dalam Angular 17
- Membuat dan menggunakan pipe bawaan seperti tanggal, mata uang, json, dll.
- Membuat dan menggunakan pipe kustom
Layanan
- Memahami peran layanan dalam Angular 17
- Membuat dan menggunakan layanan
- Memasukkan dependensi menggunakan penyedia
Modul
- Memahami peran modul dalam Angular 17
- Membuat dan menggunakan modul
- Mengimpor dan mengekspor modul
Penyandian Data
- Memahami perbedaan antara penyandian data satu arah dan dua arah
- Membuat dan menggunakan penyandian properti, penyandian acara, dan sintaks banana-in-a-box
- Menggunakan variabel referensi templat
Pengaliran
- Memahami peran pengaliran dalam Angular 17
- Membuat dan mengkonfigurasi rute
- Berpindah antara rute menggunakan routerLink dan router.navigate()
- Menggunakan parameter rute, parameter permintaan, dan fragmen
Formulir
- Memahami perbedaan antara formulir yang didorong templat dan formulir reaktif
- Membuat dan memvalidasi formulir menggunakan kontrol formulir, grup formulir, array formulir, dll.
- Menggunakan validator bawaan seperti required, minLength, maxLength, dll.
- Membuat dan menggunakan validator kustom
Klien HTTP
- Memahami peran klien HTTP dalam Angular 17
- Membuat dan menggunakan permintaan HTTP untuk berkomunikasi dengan layanan backend
- Menggunakan observabel untuk mengelola aliran data asinkron
- Menggunakan interceptor untuk memodifikasi atau mengelola permintaan atau tanggapan HTTP
Pengaliran Kontrol Deklaratif Baru
- Menerangkan sintaks blok kontrol templat baru dan bagaimana ia memudahkan tugas umum seperti penampilan kondisional, pengulangan, dan menangani koleksi kosong
- Memberikan contoh penggunaan blok baru, seperti @if, @else, @switch, @case, @default, @for, dan @empty
- Membandingkan sintaks baru dengan sintaks sebelumnya, seperti *ngIf, *ngSwitch, dan *ngFor
- Menjelaskan bagaimana blok kontrol baru mendukung aplikasi zoneless dengan signal
Blok Muat Terlambat
- Menerangkan konsep pemuatan terlambat dan bagaimana ia dapat meningkatkan kinerja dan pengalaman pengguna aplikasi web
- Memperkenalkan blok kontrol @defer baru yang memungkinkan pemuatan terlambat isi blok dan dependensinya
- Memberikan contoh penggunaan blok @defer untuk berbagai scenario, seperti memuat komponen, direktif, pipe, animasi, dan gaya
- Menjelaskan bagaimana blok @defer bekerja dengan API transisi tampilan baru
API Transisi Tampilan
- Menerangkan tujuan dan manfaat API transisi tampilan, yang memungkinkan pengembang untuk menyesuaikan animasi dan transisi antara tampilan
- Memperkenalkan direktif withViewTransitions baru yang memungkinkan penggunaan API transisi tampilan
- Memberikan contoh penggunaan direktif withViewTransitions dengan berbagai jenis transisi, seperti fade, slide, zoom, dan flip
- Menjelaskan bagaimana API transisi tampilan bekerja dengan router Angular dan sejarah browser
Fitur dan Perbaikan Lainnya
- Ringkas ringkas beberapa fitur dan perbaikan lainnya yang ditawarkan oleh Angular 17, seperti:
- Dukungan untuk memasukkan @Component.styles sebagai string
- Kode animasi Angular dapat dimuat secara terlambat
- Dukungan TypeScript 5.2
- API signal inti sekarang stabil
- Dukungan Node.js v16 telah dihapus dan versi dukungan minimum adalah v18.13.0
- Esbuild akan menjadi builder bawaan dan server pengembangan bawaan akan menggunakan Vite
Ringkasan dan Langkah Selanjutnya
Persyaratan
- Pengertian tentang HTML, CSS, dan JavaScript
- Pengalaman dengan TypeScript dan RxJS
- Pengalaman dalam pengembangan web
Target Peserta
- Pengembang yang ingin mempelajari bagaimana menggunakan Angular 17 untuk membuat aplikasi web dinamis dan responsif
- Pengembang yang ingin meningkatkan keterampilan mereka dari versi sebelumnya Angular
- Programmer yang ingin mengenal fitur dan perbaikan baru dari Angular 17
28 Jam
Testimoni (2)
Saya sangat menyukai alur pelatihannya; dia membahas topiknya, dan di akhir topik, dia memberikan sesi latihan yang terdefinisi dengan baik untuk kami. Dia mampu membimbing kami dengan cepat terkait masalah yang kami hadapi dalam sesi latihan.
Rabin Byanjankar - Lument
Kursus - Angular 17
Diterjemahkan Mesin
Itu sangat interaktif dan informatif. Pelatih sangat sabar terhadap kami ketika ada sesuatu yang tidak kami pahami dan memastikan tidak ada seorang pun yang tertinggal selama pelatihan.
Daniel - INIT Innovations in Transportation Ltd.
Kursus - Angular 17
Diterjemahkan Mesin
