LUMIFY Gawé sudut 12 Programming

Naha diajar kursus ieu

Kursus Programming Angular 12 komprehensif ieu mangrupikeun kombinasi pembelajaran téoritis sareng laboratorium hands-on anu kalebet perkenalan ka Angular, dituturkeun ku TypeScript, komponén, arahan, jasa, Klién HTTP, uji, sareng debugging.
Kursus ieu dipak ku inpormasi anu mangpaat sareng tiasa dilampahkeun anu anjeun tiasa nerapkeun langsung kana padamelan anjeun. Diajar dasar dasar pangembangan Angular 12 sapertos aplikasi browser halaman tunggal, responsif websitus, jeung aplikasi mobile hibrid.
Catetan: Urang ogé bisa nganteurkeun latihan dina versi sejen tina sudut. Mangga wartosan kami pikeun nyieun hiji panalungtikan atawa ngadaptar kapentingan anjeun.

Naon nu bakal Anjeun diajar
Saatos réngsé kursus ieu, anjeun bakal tiasa:

• Ngembangkeun aplikasi Sudut halaman tunggal nganggo Typescript
• Nyetél lingkungan pangembangan sudut lengkep
• Jieun Komponen, Directives, Jasa, Pipa, Formulir, sareng Validator Adat
• Nanganan tugas pameunangan data jaringan canggih nganggo Observables Consume data ti REST web jasa ngagunakeun sudut HT TP Klién nanganan sambungan push-data ngagunakeun Webprotokol Sockets
• Gawe sareng Pipa sudut pikeun pormat data
• Anggo fitur Angular Component Router canggih
• Uji sareng debug aplikasi Angular nganggo alat anu diwangun.

MATA PELAJARAN

Bab 1. Ngawanohkeun Sudut

• Naon Angular?
• Fitur sentral tina kerangka Angular Kasus Pamakéan Luyu
• Blok Gedong Aplikasi Sudut Arsitéktur Dasar Aplikasi Sudut Masang sareng Ngagunakeun Sudut
• Anatomi Aplikasi Sudut Ngajalankeun Aplikasi
• Ngawangun sareng Nerapkeun Sudut Aplikasi pikeun Aplikasi Seluler Asli
• Ringkesan

Bab 2. Bubuka pikeun TypeScript

• Basa Pemrograman pikeun Dipake sareng Sintaksis TypeScript Angular
• Editor Programming
• Sistem Tipe - Nangtukeun Variabel
• The Type System - Nangtukeun Arrays
• Tipe Primitif Dasar
• Ketik dina Fungsi
• Jenis Inferensi
• Nangtukeun Kelas
• Métode Kelas
• Kontrol pisibilitas
• Pangwangun Kelas
• Konstruktor Kelas - Alternatif Bentuk Widang Uninitialised
• Antarbeungeut
• Gawe sareng modul ES6
• var vs hayu
• Fungsi Panah
• Arrow Function Compact Syntax Template Strings
• Generics di Kelas
• Generics dina Fungsi
• Ringkesan

Bab 3. Komponén

• Naon ari komponén?
• Hiji Example Komponén
• Nyiptakeun komponén nganggo CLI sudut
• Kelas komponén
• The @Component Decorator
• Ngadaptarkeun komponén kana template komponén modul na
• Example: HelloComponent Citakan
• Example: Kelas HelloComponent Ngagunakeun komponén a
• Jalankeun Aplikasi
• Hirarki komponén
• Komponén Akar Aplikasi
• The Bootstrap File
• Komponén Lifecycle Hooks Example Lifecycle Hooks
• Gaya CSS
• Ringkesan

Bab 4. Citakan komponén

• Citakan
• Lokasi Citakan
• Sintaksis Kumis {{}}.
• Nyetel DOM Unsur Pasipatan
• Setélan Téks Awak Unsur
• Acara ngariung
• Babasan Acara Handler
• Nyegah Penanganan Default
• Atribut Directives
• Larapkeun Gaya ku Ngarobih Kelas CSS
• Example: ngKelas
• Nerapkeun Gaya Langsung
• Directives Struktural
• Ngaéksekusi Citakan Sarat
• Example: ngIf
• Looping Ngagunakeun ngFor
• ngFor Variabel Lokal
• Manipulasi Koléksi Example - Mupus hiji Item
• Nyukcruk Item sareng ngFor Swapping Elements sareng ngSwitch Grouping Elements
• Citakan Rujukan Variabel Ringkesan

Bab 5. Komunikasi antar komponén

• Dasar Komunikasi
• Arsitéktur Aliran Data
• Nyiapkeun Anak pikeun Nampi Data
• Kirim Data ti Indungna
• Langkung seueur ngeunaan Setélan Pasipatan
• Kajadian némbak tina komponén
• @Kaluaran() Example - Komponén Anak @Output () Example - Komponén Kolot
• Pinuh Dua Arah Binding
• Nyetél Dua Arah Data Binding di Indungna
• Ringkesan

Bab 6. Citakan Didorong Bentuk

• Citakan disetir Bentuk
• Impor Bentuk Modul
• Pendekatan Dasar
• Nyetél Bentuk
• Meunangkeun Input Pamaké
• Ngaleungitkeun Atribut ngForm
• Mimitian Bentuk
• Dua Arah Data Binding
• Validasi Bentuk
• Validators sudut
• Mintonkeun Status Validasi Ngagunakeun Kelas Tipe Input Tambahan
• Kotak centang
• Pilih (Turunkeun) Widang
• Pilihan Rendering pikeun Pilih (Turunkeun) Widang Tanggal
• Kancing Radio
• Ringkesan

Bab 7. Wangun réaktif

• Wangun réaktif Leuwihview
• Blok Gedong
• Impor ReactiveFormsModule
• Ngawangun Bentuk
• Ngarancang Citakan
• Meunangkeun Nilai Input
• Inisialisasi Widang Input
• Netepkeun Nilai Bentuk
• Ngalanggan Parobahan Input
• Validasi
• Diwangun-Dina Validators
• Nembongkeun Kasalahan Validasi
• Validator Adat
• Ngagunakeun Custom Validator
• Suplai Konfigurasi ka Custom Validator
• FormArray - Dinamis Tambahkeun Input
• FormArray - Kelas Komponén
• FormArray - Citakan
• FormArray - Nilai
• Sub FormGroups - Kelas komponén
• Sub FormGroups - Citakan HTML
• Naha Paké Sub FormGroups
• Ringkesan

Bab 8. Jasa jeung Depéndensi suntik

• Naon ari Service?
• Nyiptakeun Layanan Dasar
• Kelas Palayanan
• Naon Dupi Dependency Injection?
• Nyuntik Instance Service
• Suntik
• Hierarki Injector
• Ngadaptarkeun Service sareng Root Injector
• Ngadaptarkeun Service sareng Injector Komponén
• Ngadaptarkeun Service sareng Injector Modul Fitur
• Dimana ngadaptarkeun jasa?
• Injeksi Dependensi dina Artefak Lain Nyadiakeun Injeksi Dependensi Palaksanaan Alternatip sareng @Host
• Dependency Injection jeung @Optional
• Ringkesan

Bab 9. HTTP klien

• The Angular HT TP Client
• Ngagunakeun Klién HT TP - Leuwihview
• Ngimpor HttpClientModule
• Service Ngagunakeun HttpClient
• Nyieun Request GET
• Naon anu dilakukeun ku Objék Observable?
• Ngagunakeun Service dina komponén
• Penanganan Kasalahan Komponen Klién PeopleService
• Nyaluyukeun Objék Kasalahan
• Nyieun Request POST
• Nyieun Request PUT
• Nyieun Request DELETE

Bab 10. Pipa jeung Format Data

• Naon ari Pipa?
• Diwangun-Dina Pipa
• Ngagunakeun Pipes dina HTML Citakan Chaining Pipes
• Pipa Internationalized (i18n) Ngamuat Data Lokal
• Pipa tanggal
• Nomer Pipa
• Pipa Mata Artos
• Jieun Pipa Adat
• Custom Pipa Example
• Ngagunakeun Pipa Adat
• Ngagunakeun Pipa kalawan ngFor
• Pipa Saringan
• Pipa Kategori: Murni jeung Najis
• Ringkesan
• Pipa Murni Example
• Pipa Najis Example
• Ringkesan

Bab 11. Bubuka keur Single Page Aplikasi

• Naon Aplikasi Halaman Tunggal (SPA) Tradisional Web Aplikasi
• Alur kerja SPA
• Hiji Page Aplikasi Advantagnyaéta API Sajarah HTML5
• SPA tantangan
• Nerapkeun SPA urang Ngagunakeun Ringkesan sudut

Bab 12. Router komponén sudut

• Router komponén
• View Napigasi
• The Angular Router API
• Nyieun Aplikasi Router Aktipkeun
• Hosting komponén Routed
• Napigasi Ngagunakeun Tumbu sarta Tombol
• Napigasi Programmatic
• Ngaliwatan Parameter Rute
• Napigasi sareng Parameter Rute
• Meunangkeun Nilai Parameter Rute
• Retrieving Parameter Rute Synchronous
• Retrieving a Parameter Rute Asynchronously
• Parameter Patarosan
• Suplai Parameter Query
• Retrieving Parameter Query Asynchronously
• Masalah sareng Manual URL éntri jeung Bookmarking
• Ringkesan

Bab 13. Advanced HTTP klien

• Pilihan pamundut
• Ngabalikeun Objék HttpResponse
• Nyetél Request Headers
• Nyieun Observables Anyar
• Nyieun basajan Observable
• The Observable Constructor Métode Observable Operator
• Peta sarta filter Operator
• Operator flatMap().
• Ketok () Operator
• Kombinator zip().
• Caching HT TP Tanggapan
• Nyieun Sequential HT TP Télépon
• Nelepon Paralel
• Nyaluyukeun Objék Kasalahan nganggo catchError ()
• Kasalahan dina Pipa
• Pamulihan Kasalahan
• Ringkesan

Bab 14. modul sudut

• Naha modul sudut?
• Anatomi Kelas Modul
• @NgModule Pasipatan
• Modul Fitur
• Example Struktur Modul
• Jieun Modul Domain
• Jieun Routed / Routing Module Pasangan
• Jieun Modul Service
• Nyieun modul umum

Bab 15. Routing Advanced

• Routing Diaktipkeun Feature Module
• Ngagunakeun Modul Fitur
• Puguh ngamuat Modul Fitur
• Nyiptakeun Tumbu pikeun Komponén Modul Fitur
• Langkung lengkep ihwal Lazy Loading
• Preloading modul
• Rute Default
• Jalur Wildcard Rute
• alihan Ka
• Rute Anak
• Nangtukeun Rute Anak
• pikeun Rute Anak
• Tumbu pikeun Rute Anak
• Panjaga navigasi
• Nyieun Palaksanaan hansip
• Ngagunakeun Guards dina Rute
• Ringkesan

Bab 16. Unit Tés Aplikasi sudut

• Unit Nguji Artefak Sudut
• nguji Pakakas
• Léngkah-léngkah Uji Biasa
• Hasil tés
• Jasmine Test Suites
• Spésifikasi Jasmine (Ujian Unit)
• Harepan (Assertions)
• Matchers
• Examples tina Ngagunakeun matchers
• Ngagunakeun henteu Harta
• Setup na Teardown di Unit Test Suites
• Example of beforeEach jeung afterEach Fungsi
• Modul Tés sudut
• Example Modul Test sudut
• Nguji Service a
• Nyuntik Instance Service
• Nguji Métode Sinkron
• Nguji Métode Asynchronous
• Ngagunakeun Mock HT TP Client
• Suplai Kaléng Tanggapan
• Nguji komponén
• Modul Tés komponén
• Nyieun hiji conto komponén
• Kelas ComponentFixture
• Tés komponén dasar
• Kelas DebugElement
• Simulating Interaksi Pamaké
• Ringkesan

Bab 17. Debugging

• Leuwihview tina Debugging sudut
• Viewdina TypeScript Code di Debugger
• Ngagunakeun Konci debugger
• Debug Logging
• Naon Angular DevTools?
• Ngagunakeun Angular DevTools
• Angular DevTools - Struktur Komponén
• Angular DevTools - Robah Palaksanaan Deteksi
• Nyekel Kasalahan Sintaksis
• Ringkesan

Latihan Lab

• Lab 1. Bubuka keur sudut
• Lab 2. Bubuka pikeun TypeScript
• Lab 3. Bubuka keur komponén
• Lab 4. Citakan komponén
• Lab 5. Jieun komponén Galeri Poto
• Lab 6. Citakan disetir Bentuk
• Lab 7. Jieun hiji Edit Bentuk
• Lab 8. Bentuk réaktif
• Lab 9. Ngembangkeun Service a
• Lab 10. Ngembangkeun hiji HT TP Klién
• Lab 11. Paké pipa
• Lab 12. Dasar Aplikasi Halaman Tunggal Ngagunakeun Router Lab 13. Ngawangun Aplikasi Halaman Tunggal (SPA)
• Lab 14. Advanced HT TP klien
• Lab 15. Ngagunakeun sudut Bootstrap
• Lab 16. Puguh Module Loading
• Lab 17. Routing canggih
• Lab 18. Unit Tés
• Lab 19. Debugging Aplikasi sudut

KURSUS kanggo saha?
Kursus ieu ditujukeun pikeun saha waé anu kedah diajar dasar-dasar pangembangan Angular 12 sareng nerapkeunana pikeun nyiptakeun web aplikasi langsung. Urang ogé tiasa nganteurkeun sareng ngaropea kursus pelatihan ieu pikeun grup anu langkung ageung - ngahémat waktos organisasi anjeun, artos sareng sumber daya.

SYARAT
Web pangalaman ngembangkeun ngagunakeun HTML, CSS jeung JavaScript diperlukeun pikeun meunangkeun nu leuwih seueur tina kursus Angular ieu. Pangaweruh ngeunaan browser DOM oge mangpaat. Pangalaman Angular sateuacana, sareng AngularJS atanapi versi Angular, henteu diperyogikeun.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumén / Sumberdaya

LUMIFY Gawé sudut 12 Programming [pdf] Pituduh pamaké Angular 12 Programming, Angular, 12 Programming, Programming

Rujukan

• Manual pamaké