Pemrograman Sudut 12 KERJA LUMIFY

MENGAPA BELAJAR KURSUS INI

Kursus Pemrograman Angular 12 yang komprehensif ini merupakan kombinasi pembelajaran teoretis dan praktik langsung yang mencakup pengenalan Angular, diikuti dengan TypeScript, komponen, arahan, layanan, Klien HTTP, pengujian, dan debugging.
Kursus ini dikemas dengan informasi berguna dan dapat ditindaklanjuti yang dapat Anda terapkan segera pada pekerjaan Anda. Pelajari dasar-dasar pengembangan dasar Angular 12 seperti aplikasi browser satu halaman, responsif websitus, dan aplikasi seluler hybrid.
Catatan: Kami juga dapat memberikan pelatihan pada versi Angular lainnya. Silakan hubungi kami untuk mengajukan pertanyaan atau mendaftarkan minat Anda.

APA YANG AKAN ANDA PELAJARI
Setelah berhasil menyelesaikan kursus ini, Anda akan dapat:

• Kembangkan aplikasi Angular satu halaman menggunakan TypeScript
• Siapkan lingkungan pengembangan Angular yang lengkap
• Buat Komponen, Arahan, Layanan, Pipa, Formulir, dan Validator Kustom
• Tangani tugas pengambilan data jaringan tingkat lanjut menggunakan Observables Konsumsi data dari REST web layanan menggunakan Angular HT TP Client Menangani koneksi data push menggunakan WebProtokol soket
• Bekerja dengan Angular Pipes untuk memformat data
• Gunakan fitur Router Komponen Sudut tingkat lanjut
• Uji dan debug aplikasi Angular menggunakan alat bawaan.

MATA PELAJARAN

Bab 1. Memperkenalkan Angular

• Apa itu Angular?
• Fitur Utama dari Kasus Penggunaan yang Sesuai Kerangka Sudut
• Blok Penyusun Aplikasi Angular Arsitektur Dasar Aplikasi Angular Menginstal dan Menggunakan Angular
• Anatomi Aplikasi Angular Menjalankan Aplikasi
• Membangun dan Menerapkan Aplikasi Angular untuk Aplikasi Seluler Asli
• Ringkasan

Bab 2. Pengantar TypeScript

• Bahasa Pemrograman untuk Digunakan dengan Sintaks TypeScript Angular
• Editor Pemrograman
• Sistem Tipe – Mendefinisikan Variabel
• Sistem Tipe – Mendefinisikan Array
• Tipe Primitif Dasar
• Ketik Fungsi
• Tipe Inferensi
• Mendefinisikan Kelas
• Metode Kelas
• Kontrol Visibilitas
• Konstruktor Kelas
• Konstruktor Kelas – Bentuk Alternatif Bidang yang Tidak Diinisialisasi
• Antarmuka
• Bekerja dengan Modul ES6
• var vs biarkan
• Fungsi Panah
• String Templat Sintaks Ringkas Fungsi Panah
• Generik di Kelas
• Generik dalam Fungsi
• Ringkasan

Bab 3. Komponen

• Apa itu Komponen?
• Sebuah Example Komponen
• Membuat Komponen Menggunakan Angular CLI
• Kelas Komponen
• Dekorator @Component
• Mendaftarkan Komponen ke Templat Komponen Modulnya
• Example: Template HaloKomponen
• Example: Kelas HelloComponent Menggunakan Komponen
• Jalankan Aplikasi
• Hirarki Komponen
• Komponen Root Aplikasi
• Tali Sepatu File
• Kait Siklus Hidup Komponen Example Kait Siklus Hidup
• Gaya CSS
• Ringkasan

Bab 4. Templat Komponen

• Templat
• Lokasi Templat
• Sintaks Kumis {{ }}
• Mengatur Properti Elemen DOM
• Mengatur Teks Badan Elemen
• Pengikatan Acara
• Penangan Peristiwa Ekspresi
• Cegah Penanganan Default
• Petunjuk Atribut
• Terapkan Gaya dengan Mengubah Kelas CSS
• Example: ngClass
• Menerapkan Gaya Secara Langsung
• Arahan Struktural
• Templat Eksekusi Bersyarat
• Example: ngIf
• Perulangan Menggunakan ngFor
• ngUntuk Variabel Lokal
• Memanipulasi Koleksi Example – Menghapus Item
• Pelacakan Item dengan ngFor Swapping Elements dengan ngSwitch Grouping Elements
• Ringkasan Variabel Referensi Template

Bab 5. Komunikasi Antar Komponen

• Dasar-dasar Komunikasi
• Arsitektur Aliran Data
• Mempersiapkan Anak Menerima Data
• Kirim Data dari Orang Tua
• Lebih Lanjut Tentang Mengatur Properti
• Mengaktifkan Acara dari Komponen
• @Keluaran() Contohample – Komponen Anak @Output() Contohample – Komponen Induk
• Pengikatan Dua Arah Penuh
• Menyiapkan Pengikatan Data Dua Arah di Induk
• Ringkasan

Bab 6. Formulir Berbasis Templat

• Formulir Berbasis Templat
• Modul Mengimpor Formulir
• Pendekatan Dasar
• Menyiapkan Formulir
• Mendapatkan Masukan Pengguna
• Menghilangkan Atribut ngForm
• Inisialisasi Formulir
• Pengikatan Data Dua Arah
• Validasi Formulir
• Validator Sudut
• Menampilkan Status Validasi Menggunakan Kelas Tipe Input Tambahan
• Kotak centang
• Pilih Bidang (Drop Down).
• Opsi Rendering untuk bidang Tanggal Pilih (Drop Down).
• Tombol Radio
• Ringkasan

Bab 7. Bentuk Reaktif

• Bentuk Reaktif Berakhirview
• Blok Bangunan
• Impor ReactiveFormsModule
• Buatlah Formulir
• Desain Templatnya
• Mendapatkan Nilai Masukan
• Menginisialisasi Bidang Input
• Menetapkan Nilai Formulir
• Berlangganan Perubahan Masukan
• Validasi
• Validator Bawaan
• Menampilkan Kesalahan Validasi
• Validator Khusus
• Menggunakan Validator Khusus
• Memasok Konfigurasi ke Validator Kustom
• FormArray – Menambahkan Input Secara Dinamis
• FormArray – Kelas Komponen
• FormArray – Templat
• FormArray – Nilai
• Sub FormGroup – Kelas Komponen
• Sub Grup Formulir – Templat HTML
• Mengapa Menggunakan Sub FormGroup
• Ringkasan

Bab 8. Layanan dan Injeksi Ketergantungan

• Apa itu Layanan?
• Membuat Layanan Dasar
• Kelas Layanan
• Apa itu Dependency Injection?
• Menyuntikkan Mesin Virtual Layanan
• Injektor
• Hirarki Injektor
• Mendaftarkan Layanan dengan Root Injector
• Mendaftarkan Layanan dengan Injektor Komponen
• Daftarkan Layanan dengan Injektor Modul Fitur
• Dimana Mendaftarkan Layanan?
• Injeksi Ketergantungan pada Artefak Lain Menyediakan Implementasi Alternatif Injeksi Ketergantungan dan @Host
• Injeksi Ketergantungan dan @Opsional
• Ringkasan

Bab 9. Klien HTTP

• Klien HT TP Sudut
• Menggunakan Klien HT TP – Selesaiview
• Mengimpor HttpClientModule
• Layanan Menggunakan HttpClient
• Membuat Permintaan GET
• Apa yang dilakukan Observable Object?
• Menggunakan Layanan dalam Komponen
• Penanganan Kesalahan Komponen Klien PeopleService
• Menyesuaikan Objek Kesalahan
• Membuat Permintaan POST
• Membuat Permintaan PUT
• Membuat Permintaan HAPUS

Bab 10. Pipa dan Pemformatan Data

• Apa itu Pipa?
• Pipa Bawaan
• Menggunakan Pipa dalam Pipa Rantai Template HTML
• Pipa Internasional (i18n) Memuat Data Lokal
• Tanggal Pipa
• Nomor Pipa
• Pipa Mata Uang
• Buat Pipa Kustom
• Pipa Kustom Example
• Menggunakan Pipa Kustom
• Menggunakan Pipa dengan ngFor
• Pipa Filter
• Kategori Pipa: Murni dan Tidak Murni
• Ringkasan
• Pipa Murni Example
• Pipa Tidak Murni Example
• Ringkasan

Bab 11. Pengenalan Aplikasi Satu Halaman

• Apa itu Aplikasi Satu Halaman (SPA) Tradisional Web Aplikasi
• Alur Kerja SPA
• Aplikasi Satu Halaman Advantages API Riwayat HTML5
• Tantangan SPA
• Menerapkan SPA Menggunakan Ringkasan Sudut

Bab 12. Router Komponen Sudut

• Router Komponen
• View Navigasi
• API Router Sudut
• Membuat Aplikasi yang Mendukung Router
• Hosting Komponen yang Dirutekan
• Navigasi Menggunakan Tautan dan Tombol
• Navigasi Terprogram
• Parameter Rute Melewati
• Menavigasi dengan Parameter Rute
• Mendapatkan Nilai Parameter Rute
• Mengambil Parameter Rute Secara Sinkron
• Mengambil Parameter Rute Secara Asinkron
• Parameter Kueri
• Memasok Parameter Kueri
• Mengambil Parameter Kueri Secara Asinkron
• Masalah dengan Manualnya URL entri dan Bookmark
• Ringkasan

Bab 13. Klien HTTP Tingkat Lanjut

• Opsi Permintaan
• Mengembalikan Objek HttpResponse
• Mengatur Header Permintaan
• Membuat Observable Baru
• Membuat Observasi Sederhana
• Metode Konstruktor yang Dapat Diamati Operator yang Dapat Diamati
• Operator peta dan filter
• Operator flatMap()
• Operator keran()
• Penggabung zip()
• Menyimpan Respons HT TP dalam cache
• Melakukan Panggilan HT TP Berurutan
• Melakukan Panggilan Paralel
• Menyesuaikan Objek Kesalahan dengan catchError()
• Kesalahan dalam Saluran Pipa
• Pemulihan Kesalahan
• Ringkasan

Bab 14. Modul Sudut

• Mengapa Modul Sudut?
• Anatomi Kelas Modul
• @NgModule Properti
• Modul Fitur
• Example Struktur Modul
• Buat Modul Domain
• Buat Pasangan Modul yang Dirutekan/Perutean
• Buat Modul Layanan
• Membuat Modul Umum

Bab 15. Perutean Lanjutan

• Modul Fitur Perutean Diaktifkan
• Menggunakan Modul Fitur
• Malas Memuat Modul Fitur
• Membuat Tautan untuk Komponen Modul Fitur
• Lebih Lanjut Tentang Pemuatan Lambat
• Modul Pramuat
• Rute Default
• Jalur Rute Wildcard
• dialihkan ke
• Rute Anak
• Mendefinisikan Rute Anak
• untuk Rute Anak
• Tautan untuk Rute Anak
• Penjaga Navigasi
• Menciptakan Implementasi Penjaga
• Menggunakan Penjaga di Rute
• Ringkasan

Bab 16. Pengujian Unit Aplikasi Sudut

• Artefak Sudut Pengujian Unit
• Pengujian Peralatan
• Langkah-Langkah Pengujian Khas
• Hasil Uji Coba
• Suite Tes Jasmine
• Spesifikasi Jasmine (Tes Unit)
• Harapan (Pernyataan)
• pencocokan
• Exampfile Menggunakan Pencocokan
• Menggunakan bukan Properti
• Penyiapan dan Pembongkaran di Unit Test Suites
• Example dari Fungsi beforeEach dan afterEach
• Modul Uji Sudut
• Example Modul Uji Sudut
• Menguji Layanan
• Menyuntikkan Mesin Virtual Layanan
• Uji Metode Sinkron
• Uji Metode Asinkron
• Menggunakan Klien Mock HT TP
• Memasok Respon Kalengan
• Menguji Komponen
• Modul Uji Komponen
• Membuat Instance Komponen
• Kelas ComponentFixture
• Tes Komponen Dasar
• Kelas DebugElement
• Mensimulasikan Interaksi Pengguna
• Ringkasan

Bab 17. Men-debug

• Lebihview dari Debugging Sudut
• Viewmemasukkan Kode TypeScript di Debugger
• Menggunakan Kata Kunci debugger
• Debug logging
• Apa itu DevTools Sudut?
• Menggunakan DevTools Sudut
• DevTools Sudut – Struktur Komponen
• Angular DevTools – Eksekusi Deteksi Perubahan
• Menangkap Kesalahan Sintaks
• Ringkasan

Latihan Laboratorium

• Lab 1. Pengantar Angular
• Lab 2. Pengantar TypeScript
• Lab 3. Pengenalan Komponen
• Lab 4. Templat Komponen
• Lab 5. Membuat Komponen Galeri Foto
• Lab 6. Formulir Berbasis Templat
• Lab 7. Membuat Formulir Edit
• Lab 8. Bentuk Reaktif
• Lab 9. Mengembangkan Layanan
• Lab 10. Mengembangkan Klien HT TP
• Lab 11. Penggunaan Pipa
• Lab 12. Dasar Aplikasi Satu Halaman Menggunakan Router Lab 13. Membangun Aplikasi Satu Halaman (SPA)
• Lab 14. Klien HT TP Tingkat Lanjut
• Lab 15. Menggunakan Angular Bootstrap
• Lab 16. Pemuatan Modul Malas
• Lab 17. Perutean Lanjutan
• Lab 18. Pengujian Unit
• Lab 19. Men-debug Aplikasi Sudut

UNTUK SIAPA KURSUS INI?
Kursus ini ditujukan bagi siapa saja yang perlu mempelajari dasar-dasar pengembangan Angular 12 dan menerapkannya dalam penciptaan web aplikasi langsung. Kami juga dapat memberikan dan menyesuaikan kursus pelatihan ini untuk kelompok yang lebih besar – menghemat waktu, uang, dan sumber daya organisasi Anda.

PRASYARAT
Web pengalaman pengembangan menggunakan HTML, CSS dan JavaScript diperlukan untuk mendapatkan hasil maksimal dari kursus Angular ini. Pengetahuan tentang DOM browser juga berguna. Pengalaman Angular sebelumnya, dengan AngularJS atau versi Angular apa pun, tidak diperlukan.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumen / Sumber Daya

Pemrograman Sudut 12 KERJA LUMIFY [Bahasa Indonesia:] Panduan Pengguna Pemrograman Sudut 12, Pemrograman Sudut, 12 Pemrograman, Pemrograman

Referensi

• Panduan Pengguna