LUMIFY WORK Angular 12 Pemrograman

KENAPA KURSUS INI

Kursus Pemrograman Angular 12 sing komprehensif iki minangka kombinasi sinau teoretis lan lab tangan sing kalebu introduksi menyang Angular, diikuti karo TypeScript, komponen, arahan, layanan, Klien HTTP, pengujian, lan debugging.
Kursus kasebut dikempalken karo informasi sing migunani lan bisa ditindakake sing bisa langsung ditrapake ing karya sampeyan. Sinau dhasar pangembangan Angular 12 dhasar kayata aplikasi browser siji-halaman, responsif websitus, lan aplikasi seluler hibrida.
Cathetan: Kita uga bisa ngirim latihan ing versi liyane saka Angular. Hubungi kita kanggo nggawe pitakon utawa ndhaptar kapentingan sampeyan.

APA sing bakal sampeyan sinau
Sawise sukses ngrampungake kursus iki, sampeyan bakal bisa:

• Ngembangake aplikasi Sudut kaca siji nggunakake Typescript
• Nggawe lingkungan pangembangan Angular lengkap
• Nggawe Komponen, Arahan, Layanan, Pipa, Formulir, lan Validator Kustom
• Nangani tugas njupuk data jaringan majeng nggunakake Observables Consume data saka REST web layanan nggunakake Sudut HT TP Klien Nangani sambungan push-data nggunakake WebProtokol soket
• Nggarap Pipa Angular kanggo ngowahi format data
• Gunakake fitur Router Komponen Sudut majeng
• Tes lan debug aplikasi Angular nggunakake alat sing dibangun.

MATA PELAJARAN

Bab 1. Ngenalake Sudut

• Apa iku Angular?
• Fitur Tengah saka Framework Sudut Kasus Gunakake Cocok
• Blok Bangunan Aplikasi Sudut Arsitektur Dasar Aplikasi Sudut Instalasi lan Nggunakake Sudut
• Anatomi Aplikasi Sudut Nglakokake Aplikasi
• Mbangun lan Nganggo Sudut Aplikasi kanggo Aplikasi Seluler Asli
• Ringkesan

Bab 2. Pambuka kanggo TypeScript

• Basa Pemrograman kanggo Gunakake karo Sintaks TypeScript Angular
• Editor Pemrograman
• Sistem Tipe - Nemtokake Variabel
• Sistem Tipe - Defining Arrays
• Jinis Primitif dhasar
• Ketik ing Fungsi
• Tipe Inferensi
• Nemtokake Kelas
• Metode Kelas
• Kontrol visibilitas
• Konstruktor Kelas
• Konstruktor Kelas - Alternate Form Uninitialised Fields
• Antarmuka
• Nggarap Modul ES6
• var vs ayo
• Fungsi Panah
• String Cithakan Sintaksis Kompak Fungsi Panah
• Generik ing Kelas
• Generik ing Fungsi
• Ringkesan

Bab 3. Komponen

• Apa iku Komponen?
• An Exampl Komponen
• Nggawe Komponen Nggunakake CLI Sudut
• Kelas Komponen
• Dekorator @Komponen
• Ndhaptar Komponen menyang Cithakan Komponen Modul
• Example: HelloComponent Cithakan
• Example: Kelas HelloComponent Nggunakake Komponen
• Jalanake Aplikasi
• Hirarki Komponen
• Komponen Root Aplikasi
• Bootstrap File
• Komponen Lifecycle Hooks Example Pancing Lifecycle
• Gaya CSS
• Ringkesan

Bab 4. Cithakan Komponen

• Cithakan
• Lokasi Cithakan
• Sintaksis Kumis {{}}.
• Nyetel Properti Unsur DOM
• Setelan Teks Badan Unsur
• Pengikat Acara
• Ekspresi Event Handler
• Nyegah Penanganan Default
• Atribut Directives
• Aplikasi Gaya kanthi Ngganti Kelas CSS
• Example: ngkelas
• Nglamar Gaya Langsung
• Direktif Struktural
• Eksekusi Cithakan kanthi kondisional
• Example: ngif
• Looping Nggunakake ngFor
• ngFor Variabel Lokal
• Manipulasi Koleksi Example - Mbusak Item
• Nelusuri Item karo ngFor Swapping Elements karo ngSwitch Grouping Elements
• Cithakan Referensi Variabel Ringkesan

Bab 5. Komunikasi Antar Komponen

• Dhasar Komunikasi
• Arsitektur Aliran Data
• Nyiapake Anak kanggo Nampa Data
• Kirim Data saka Induk
• Liyane Babagan Setelan Properties
• Peristiwa Penembakan saka Komponen
• @Output() Example – Komponen Anak @Output() Example - Komponen Induk
• Full Two Way Binding
• Nggawe Two Way Data Binding ing Induk
• Ringkesan

Bab 6. Cithakan mimpin Formulir

• Cithakan mimpin Formulir
• Ngimpor Formulir Modul
• Pendekatan dhasar
• Nggawe Formulir
• Njupuk Input Panganggo
• Ngilangi Atribut ngForm
• Miwiti Formulir
• Pengikat Data Dua Arah
• Validasi Formulir
• Validator sudut
• Nampilake Status Validasi Nggunakake Kelas Tipe Input Tambahan
• kothak centhang
• Pilih (Drop Down) Fields
• Pilihan Rendering kanggo Pilih (Mudhun) kolom Tanggal
• Tombol Radio
• Ringkesan

Bab 7. Wangun Reaktif

• Wangun Reaktif Swaraview
• Blok Bangunan
• Import ReactiveFormsModule
• Nggawe Formulir
• Desain Cithakan
• Njupuk Nilai Input
• Miwiti Bidang Input
• Nyetel Nilai Formulir
• Langganan kanggo Owah-owahan Input
• Validasi
• Validator sing Dibangun
• Nuduhake Kesalahan Validasi
• Validator Kustom
• Nggunakake Custom Validator
• Nyediakake Konfigurasi kanggo Custom Validator
• FormArray - Tambah Input kanthi dinamis
• FormArray - Kelas Komponen
• FormArray - Cithakan
• FormArray - Nilai
• Sub FormGroups – Kelas Komponen
• Sub FormGroups – Cithakan HTML
• Napa Gunakake Sub FormGroups
• Ringkesan

Bab 8. Layanan lan Injeksi Ketergantungan

• Apa iku Layanan?
• Nggawe Layanan dhasar
• Kelas Layanan
• Apa Injeksi Dependensi?
• Nyuntikake Kayata Layanan
• Injektor
• Hierarki Injektor
• Ndhaptar Layanan karo Root Injector
• Ndhaptar Layanan karo Injector Komponen
• Ndhaptar Layanan karo Injector Modul Fitur
• Where kanggo Ndaftar Layanan?
• Injeksi Dependensi ing Artefak Liyane Nyediakake Injeksi Dependensi Implementasi Alternatif lan @Host
• Injeksi Ketergantungan lan @Opsional
• Ringkesan

Bab 9. Klien HTTP

• Klien HT TP Sudut
• Nggunakake Klien HT TP - Swaraview
• Ngimpor HttpClientModule
• Layanan Nggunakake HttpClient
• Nggawe Panjaluk GET
• Apa sing ditindakake Obyek Observable?
• Nggunakake Layanan ing Komponen
• Penanganan Kesalahan Komponen Klien PeopleService
• Ngatur Obyek Kesalahan
• Nggawe Request POST
• Nggawe Panjaluk PUT
• Nggawe Panjaluk DELETE

Bab 10. Pipa lan Format Data

• Apa Pipes?
• Pipa sing Dibangun
• Nggunakake Pipes ing HTML Template Chaining Pipes
• Pipa Internasionalisasi (i18n) Loading Data Lokal
• Pipa tanggal
• Nomer Pipa
• Pipa Mata Uang
• Nggawe Pipa Custom
• Pipa Custom Example
• Nggunakake Pipa Custom
• Nggunakake Pipa karo ngFor
• Pipa Filter Kab
• Kategori Pipa: Murni lan Impure
• Ringkesan
• Pipa Murni Example
• Pipa Najis Example
• Ringkesan

Bab 11. Pambuka kanggo Aplikasi Single Page

• Apa Aplikasi Single Page (SPA) Tradisional Web Aplikasi
• Alur Kerja SPA
• Advan Aplikasi Single Pagetagyaiku HTML5 History API
• Tantangan SPA
• Implementasi SPA's Using Angular Summary

Bab 12. Router Komponen Sudut

• Router Komponen
• View Pandhu arah
• API Router Angular
• Nggawe Aplikasi Router Aktif
• Hosting Komponen Rute
• Navigasi Nggunakake Link lan Tombol
• Programmatic Navigation
• Passing Route Parameter
• Navigasi nganggo Parameter Rute
• Entuk Nilai Parameter Rute
• Njupuk Parameter Rute Sinkron
• Njupuk Parameter Rute Asynchronously
• Parameter pitakon
• Nyedhiyakake Parameter Kueri
• Njupuk Parameter Kueri Asynchronous
• Masalah karo Manual URL entri lan Bookmarking
• Ringkesan

Bab 13. Klien HTTP Lanjut

• Panjaluk Pilihan
• Ngasilake Obyek HttpResponse
• Setelan Panjaluk Header
• Nggawe Observables Anyar
• Nggawe Prasaja Observable
• Metode Observable Constructor Observable Operator
• Peta lan Filter Operators
• Operator flatMap().
• tap() Operator
• Kombinator zip().
• Caching HT TP Response
• Nggawe Sequential HT TP Telpon
• Nggawe Telpon Paralel
• Kustomisasi Obyek Kesalahan nganggo catchError()
• Kesalahan ing Pipa
• Kasalahan Recovery
• Ringkesan

Bab 14. Modul Sudut

• Kenapa Modul Angular?
• Anatomi Kelas Modul
• @NgModule Properties
• Modul Fitur
• ExampStruktur Modul
• Nggawe Modul Domain
• Nggawe Pasangan Modul Routed / Routing
• Nggawe Modul Layanan
• Nggawe Modul Umum

Bab 15. Routing Lanjut

• Routing Enabled Feature Module
• Nggunakake Modul Fitur
• Lazy Loading Modul Fitur
• Nggawe Link kanggo Komponen Modul Fitur
• Liyane babagan Lazy Loading
• Modul Preloading
• Rute Default
• Path Rute Wildcard
• pangalihan menyang
• Rute Anak
• Nemtokake Rute Anak
• kanggo Rute Anak
• Link kanggo Rute Anak
• Pengawal navigasi
• Nggawe Implementasi Guard
• Nggunakake Pengawal ing Rute
• Ringkesan

Bab 16. Unit Testing Aplikasi Sudut

• Unit Testing Artefak Sudut
• Testing Tools
• Langkah Testing Khas
• Asil Tes
• Jasmine Test Suites
• Spesifikasi Jasmine (Ujian Unit)
• Pangarep-arep (Assertions)
• Matchers
• Examples saka Nggunakake matchers
• Nggunakake ora Properti
• Setup lan Teardown ing Unit Test Suites
• Exampfungsi beforeEach lan afterEach
• Modul Test Sudut
• ExampModul Test Sudut
• Nguji Layanan
• Nyuntikake Kayata Layanan
• Nguji Metode Sinkron
• Nguji Metode Asynchronous
• Nggunakake Mock HT TP Client
• Nyedhiyakake Respon Kaleng
• Nguji Komponen
• Modul Test Komponen
• Nggawe Instance Komponen
• Kelas ComponentFixture
• Tes Komponen dhasar
• Kelas DebugElement
• Simulasi Interaksi Panganggo
• Ringkesan

Bab 17. Debugging

• Swaraview saka Angular Debugging
• Viewing Kode TypeScript ing Debugger
• Nggunakake Keyword debugger
• Debug Logging
• Apa Angular DevTools?
• Nggunakake Angular DevTools
• Angular DevTools - Struktur Komponen
• Angular DevTools - Eksekusi Deteksi Ganti
• Nyekel Kesalahan Syntax
• Ringkesan

Latihan Lab

• Lab 1. Pambuka kanggo Angular
• Lab 2. Pambuka kanggo TypeScript
• Lab 3. Pambuka kanggo Komponen
• Lab 4. Cithakan Komponen
• Lab 5. Nggawe Komponen Galeri Foto
• Lab 6. Cithakan mimpin Formulir
• Lab 7. Nggawe Formulir Sunting
• Lab 8. Wangun Reaktif
• Lab 9. Ngembangake Layanan
• Lab 10. Ngembangake Klien HT TP
• Lab 11. Gunakake Pipa
• Lab 12. Aplikasi Single Page Dasar Nggunakake Router Lab 13. Mbangun Aplikasi Halaman Tunggal (SPA)
• Lab 14. Advanced HT TP Client
• Lab 15. Nggunakake Bootstrap Sudut
• Lab 16. Lazy Modul Loading
• Lab 17. Routing Lanjut
• Lab 18. Unit Testing
• Lab 19. Debugging Aplikasi Sudut

KURSUS UNTUK SIAPA?
Kursus iki ditujokake kanggo sapa wae sing kudu sinau dhasar pangembangan Angular 12 lan ngetrapake kanggo nggawe web aplikasi langsung. Kita uga bisa ngirim lan ngatur kursus latihan iki kanggo kelompok sing luwih gedhe - ngirit wektu, dhuwit lan sumber daya organisasi.

KEBUTUHAN
Web pengalaman pembangunan nggunakake HTML, CSS lan JavaScript dibutuhake kanggo entuk paling metu saka kursus Angular iki. Kawruh babagan browser DOM uga migunani. Pengalaman Angular sadurunge, karo AngularJS utawa versi Angular, ora dibutuhake.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumen / Sumber Daya

LUMIFY WORK Angular 12 Pemrograman [pdf] Pandhuan pangguna Angular 12 Programming, Angular, 12 Programming, Programming

Referensi

• Manual pangguna