LUMIFY WORK Angular 12 Pengaturcaraan

KENAPA BELAJAR KURSUS INI

Kursus Pengaturcaraan Angular 12 yang komprehensif ini ialah gabungan pembelajaran teori dan makmal praktikal yang merangkumi pengenalan kepada Angular, diikuti oleh TypeScript, komponen, arahan, perkhidmatan, Klien HTTP, ujian dan penyahpepijatan.
Kursus ini penuh dengan maklumat berguna dan boleh diambil tindakan yang boleh anda gunakan untuk kerja anda dengan segera. Ketahui asas pembangunan asas Angular 12 seperti aplikasi penyemak imbas satu halaman, responsif webtapak, dan aplikasi mudah alih hibrid.
Nota: Kami juga boleh menyampaikan latihan pada versi lain Angular. Sila hubungi kami untuk membuat pertanyaan atau mendaftar minat anda.

APA YANG ANDA BELAJAR
Apabila berjaya menyelesaikan kursus ini, anda akan dapat:

• Membangunkan aplikasi Sudut satu halaman menggunakan Typescript
• Sediakan persekitaran pembangunan Sudut yang lengkap
• Buat Komponen, Arahan, Perkhidmatan, Paip, Borang dan Pengesah Tersuai
• Mengendalikan tugas mendapatkan data rangkaian lanjutan menggunakan data Observables Consume daripada REST web perkhidmatan menggunakan sambungan data tolak Pengendali Pelanggan HT TP Angular menggunakan sambungan WebProtokol soket
• Bekerja dengan Paip Sudut untuk memformat data
• Gunakan ciri Penghala Komponen Sudut lanjutan
• Uji dan nyahpepijat aplikasi Sudut menggunakan alatan terbina dalam.

MATA PELAJARAN KURSUS

Bab 1. Memperkenalkan Sudut

• Apakah Angular?
• Ciri Utama Kes Penggunaan Sesuai Rangka Kerja Sudut
• Blok Bangunan Aplikasi Sudut Seni Bina Asas Aplikasi Sudut Memasang dan Menggunakan Sudut
• Anatomi Aplikasi Sudut Menjalankan Aplikasi
• Membina dan Meletakkan Sudut Aplikasi untuk Apl Mudah Alih Asli
• Ringkasan

Bab 2. Pengenalan kepada TypeScript

• Bahasa Pengaturcaraan untuk Digunakan dengan Sintaks TypeScript Sudut
• Editor Pengaturcaraan
• Sistem Jenis – Menentukan Pembolehubah
• Sistem Jenis – Menentukan Tatasusunan
• Jenis Primitif Asas
• Taipkan Fungsi
• Jenis Inferens
• Menentukan Kelas
• Kaedah Kelas
• Kawalan Keterlihatan
• Pembina Kelas
• Pembina Kelas – Medan Tidak Dimulakan Bentuk Gantian
• Antara muka
• Bekerja dengan Modul ES6
• var vs let
• Fungsi Anak Panah
• Rentetan Templat Sintaks Padat Fungsi Anak panah
• Generik dalam Kelas
• Generik dalam Fungsi
• Ringkasan

Bab 3. Komponen

• Apa itu Komponen?
• Seorang Example Komponen
• Mencipta Komponen Menggunakan CLI Sudut
• Kelas Komponen
• Penghias @Komponen
• Mendaftarkan Komponen kepada Templat Komponen Modulnya
• Example: HelloComponent Template
• Example: Kelas HelloComponent Menggunakan Komponen
• Jalankan Aplikasi
• Hierarki Komponen
• Komponen Akar Aplikasi
• Bootstrap File
• Cangkuk Kitar Hayat Komponen Cthample Cangkuk Kitaran Hayat
• Gaya CSS
• Ringkasan

Bab 4. Templat Komponen

• templat
• Lokasi Templat
• Sintaks Misai {{ }}.
• Menetapkan Sifat Elemen DOM
• Menetapkan Teks Badan Elemen
• Pengikatan Peristiwa
• Pengendali Acara Ekspresi
• Cegah Pengendalian Lalai
• Arahan Atribut
• Gunakan Gaya dengan Menukar Kelas CSS
• Example: ngClass
• Menerapkan Gaya Secara Terus
• Arahan Struktur
• Laksanakan Templat Secara Bersyarat
• Example: ngIf
• Penggelungan Menggunakan ngFor
• ngFor Local Variables
• Memanipulasi Koleksi Cthample – Memadam Item
• Penjejakan Item dengan Elemen Pertukaran ngFor dengan Elemen Pengumpulan ngSwitch
• Rujukan Templat Ringkasan Pembolehubah

Bab 5. Komunikasi Antara Komponen

• Asas Komunikasi
• Seni Bina Aliran Data
• Menyediakan Kanak-kanak untuk Menerima Data
• Hantar Data daripada Ibu Bapa
• Lagi Mengenai Menetapkan Sifat
• Acara Menembak daripada Komponen
• @Output() Cthample – Komponen Kanak-kanak @Output() Cthample – Komponen Induk
• Pengikat Dua Hala Penuh
• Menyediakan Pengikatan Data Dua Hala dalam Induk
• Ringkasan

Bab 6. Borang Didorong Templat

• Borang Didorong Templat
• Mengimport Modul Borang
• Pendekatan Asas
• Menyediakan Borang
• Mendapatkan Input Pengguna
• Meninggalkan Atribut ngForm
• Mulakan Borang
• Pengikatan Data Dua Hala
• Pengesahan Borang
• Pengesah Sudut
• Memaparkan Keadaan Pengesahan Menggunakan Kelas Jenis Input Tambahan
• Kotak semak
• Pilih Medan (Drop Down).
• Pilihan Rendering untuk medan Tarikh Pilih (Letak Bawah).
• Butang Radio
• Ringkasan

Bab 7. Borang Reaktif

• Borang Reaktif Berakhirview
• Blok Bangunan
• Import ReactiveFormsModule
• Bina Borang
• Reka Templat
• Mendapatkan Nilai Input
• Memulakan Medan Input
• Menetapkan Nilai Borang
• Melanggan Perubahan Input
• Pengesahan
• Pengesah Terbina Dalam
• Menunjukkan Ralat Pengesahan
• Pengesah Tersuai
• Menggunakan Pengesah Tersuai
• Membekalkan Konfigurasi kepada Pengesah Tersuai
• FormArray – Tambah Input Secara Dinamik
• FormArray – Kelas Komponen
• FormArray – Templat
• FormArray – Nilai
• Sub FormGroups – Kelas Komponen
• Sub FormGroups – Templat HTML
• Mengapa Gunakan Sub FormGroups
• Ringkasan

Bab 8. Perkhidmatan dan Suntikan Kebergantungan

• Apakah Perkhidmatan?
• Mencipta Perkhidmatan Asas
• Kelas Perkhidmatan
• Apakah Suntikan Ketergantungan?
• Menyuntik Contoh Perkhidmatan
• Penyuntik
• Hierarki Penyuntik
• Mendaftarkan Perkhidmatan dengan Penyuntik Akar
• Mendaftarkan Perkhidmatan dengan Penyuntik Komponen
• Daftar Perkhidmatan dengan Penyuntik Modul Ciri
• Di mana untuk Mendaftar Perkhidmatan?
• Suntikan Ketergantungan dalam Artifak Lain yang Menyediakan Suntikan Ketergantungan Pelaksanaan Gantian dan @Host
• Suntikan Ketergantungan dan @Pilihan
• Ringkasan

Bab 9. Pelanggan HTTP

• Pelanggan HT TP Sudut
• Menggunakan Klien HT TP – Overview
• Mengimport HttpClientModule
• Perkhidmatan Menggunakan HttpClient
• Membuat Permintaan GET
• Apakah yang dilakukan oleh Objek Boleh Diperhatikan?
• Menggunakan Perkhidmatan dalam Komponen
• Pengendalian Ralat Komponen Klien PeopleService
• Menyesuaikan Objek Ralat
• Membuat Permintaan POST
• Membuat Permintaan PUT
• Membuat Permintaan DELETE

Bab 10. Paip dan Pemformatan Data

• Apa itu Paip?
• Paip Terbina Dalam
• Menggunakan Paip dalam Templat HTML Chaining Pipes
• Paip Antarabangsa (i18n) Memuatkan Data Tempatan
• Paip tarikh
• Paip nombor
• Paip Mata Wang
• Buat Paip Tersuai
• Paip Tersuai Cthample
• Menggunakan Paip Tersuai
• Menggunakan Paip dengan ngFor
• Sebuah Paip Penapis
• Kategori Paip: Tulen dan Tidak Tulen
• Ringkasan
• Paip Tulen Cthample
• Paip Tidak Tulen Cthample
• Ringkasan

Bab 11. Pengenalan kepada Aplikasi Satu Halaman

• Apakah itu Aplikasi Satu Halaman (SPA) Tradisional Web Permohonan
• Aliran Kerja SPA
• Advan Permohonan Halaman Tunggaltagialah API Sejarah HTML5
• Cabaran SPA
• Melaksanakan SPA Menggunakan Ringkasan Sudut

Bab 12. Penghala Komponen Sudut

• Penghala Komponen
• View Navigasi
• API Penghala Sudut
• Mencipta Aplikasi Didayakan Penghala
• Mengehos Komponen Dihalakan
• Navigasi Menggunakan Pautan dan Butang
• Navigasi Programmatik
• Parameter Laluan Melepasi
• Menavigasi dengan Parameter Laluan
• Mendapatkan Nilai Parameter Laluan
• Mendapatkan semula Parameter Laluan Secara Segerak
• Mendapatkan semula Parameter Laluan Secara Asynchronous
• Parameter Pertanyaan
• Membekalkan Parameter Pertanyaan
• Mendapatkan semula Parameter Pertanyaan Secara Asynchronous
• Masalah dengan Manual URL kemasukan dan Penanda Halaman
• Ringkasan

Bab 13. Pelanggan HTTP Lanjutan

• Pilihan Permintaan
• Mengembalikan Objek HttpResponse
• Menetapkan Pengepala Permintaan
• Mencipta Yang Boleh Diperhatikan Baharu
• Mencipta Mudah Diperhatikan
• Kaedah Pembina Boleh Cerap Operator Boleh Cerap
• Peta dan penapis Operator
• Operator flatMap().
• Operator ketik().
• Kombinator zip().
• Caching HT TP Response
• Membuat Panggilan HT TP Berurutan
• Membuat Panggilan Selari
• Menyesuaikan Objek Ralat dengan catchError()
• Ralat dalam Saluran Paip
• Pemulihan Ralat
• Ringkasan

Bab 14. Modul Sudut

• Mengapa Modul Sudut?
• Anatomi Kelas Modul
• @NgModule Properties
• Modul Ciri
• Example Struktur Modul
• Buat Modul Domain
• Buat Pasangan Modul Laluan/Penghalaan
• Buat Modul Perkhidmatan
• Mencipta Modul Biasa

Bab 15. Penghalaan Lanjutan

• Modul Ciri Didayakan Laluan
• Menggunakan Modul Ciri
• Malas Memuatkan Modul Ciri
• Mencipta Pautan untuk Komponen Modul Ciri
• Lagi Mengenai Lazy Loading
• Modul Pramuat
• Laluan Lalai
• Laluan Laluan Wildcard
• ubah hala Ke
• Laluan Kanak-kanak
• Menentukan Laluan Kanak-kanak
• untuk Laluan Kanak-kanak
• Pautan untuk Laluan Kanak-kanak
• Pengawal Navigasi
• Mencipta Pelaksanaan Pengawal
• Menggunakan Pengawal dalam Laluan
• Ringkasan

Bab 16. Unit Menguji Aplikasi Sudut

• Unit Menguji Artifak Sudut
• Alat Ujian
• Langkah Pengujian Biasa
• Keputusan Ujian
• Suite Ujian Jasmine
• Spesifikasi Jasmine (Ujian Unit)
• Jangkaan (Pernyataan)
• Pemadan
• Examples daripada Menggunakan Matchers
• Menggunakan bukan Harta
• Persediaan dan Teardown dalam Unit Ujian Suite
• Example daripada sebelumSetiap dan selepasSetiap Fungsi
• Modul Ujian Sudut
• Example Modul Ujian Sudut
• Menguji Perkhidmatan
• Menyuntik Contoh Perkhidmatan
• Uji Kaedah Segerak
• Uji Kaedah Asynchronous
• Menggunakan Mock HT TP Client
• Membekalkan Tindak Balas Dalam Tin
• Menguji Komponen
• Modul Ujian Komponen
• Mencipta Contoh Komponen
• Kelas ComponentFixture
• Ujian Komponen Asas
• Kelas DebugElement
• Mensimulasikan Interaksi Pengguna
• Ringkasan

Bab 17. Penyahpepijatan

• Berakhirview daripada Penyahpepijatan Sudut
• Viewdalam Kod TypeScript dalam Debugger
• Menggunakan Kata Kunci penyahpepijat
• Pengelogan Nyahpepijat
• Apakah Angular DevTools?
• Menggunakan Angular DevTools
• Angular DevTools – Struktur Komponen
• Angular DevTools – Perlaksanaan Pengesanan Perubahan
• Menangkap Ralat Sintaks
• Ringkasan

Latihan Makmal

• Makmal 1. Pengenalan kepada Angular
• Makmal 2. Pengenalan kepada TypeScript
• Makmal 3. Pengenalan kepada Komponen
• Makmal 4. Templat Komponen
• Makmal 5. Buat Komponen Galeri Foto
• Makmal 6. Borang Didorong Templat
• Makmal 7. Buat Sunting Borang
• Makmal 8. Borang Reaktif
• Makmal 9. Membangunkan Perkhidmatan
• Makmal 10. Membangunkan Pelanggan HT TP
• Makmal 11. Gunakan Paip
• Makmal 12. Aplikasi Satu Halaman Asas Menggunakan Makmal Penghala 13. Bina Aplikasi Halaman Tunggal (SPA)
• Makmal 14. Pelanggan HT TP Lanjutan
• Makmal 15. Menggunakan Angular Bootstrap
• Makmal 16. Lazy Module Loading
• Makmal 17. Penghalaan Lanjutan
• Makmal 18. Pengujian Unit
• Makmal 19. Menyahpepijat Aplikasi Sudut

KURSUS UNTUK SIAPA?
Kursus ini ditujukan kepada sesiapa sahaja yang perlu mempelajari asas pembangunan Angular 12 dan menggunakannya untuk mencipta web permohonan segera. Kami juga boleh menyampaikan dan menyesuaikan kursus latihan ini untuk kumpulan yang lebih besar – menjimatkan masa, wang dan sumber organisasi anda.

PRASUITAS
Web pengalaman pembangunan menggunakan HTML, CSS dan JavaScript diperlukan untuk memanfaatkan sepenuhnya kursus Angular ini. Pengetahuan tentang DOM pelayar juga berguna. Pengalaman Angular sebelumnya, dengan AngularJS atau mana-mana versi Angular, tidak diperlukan.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumen / Sumber

LUMIFY WORK Angular 12 Pengaturcaraan [pdf] Panduan Pengguna Pengaturcaraan Sudut 12, Sudut, Pengaturcaraan 12, Pengaturcaraan

Rujukan

• Manual Pengguna