APLIKASI lan WEB PEMBANGUNAN
Angular 15 Pemrograman
LENGKA 5 dina
VERSI 15
KENAPA KURSUS INI
Kursus pelatihan Angular 15 sing intensif lan komprehensif iki nyedhiyakake katrampilan para peserta sing bisa langsung digunakake ing pakaryane. Sampeyan bakal sinau dhasar pangembangan Angular 15 kayata ion aplikasi browser siji-halaman, responsif. websitus, lan ion aplikasi seluler hibrida.
Kursus iki minangka gabungan saka sinau teori lan lab tangan sing kalebu ion introduksi menyang Angular, diikuti karo TypeScript, komponen, layanan langsung, HTTPClient, testing, lan debugging.
Cathetan: Kita uga bisa ngirim latihan ing versi Angular liyane. Hubungi kita kanggo nggawe pitakon utawa ndhaptar kapentingan sampeyan.
ANGULAR AT LUMIFY KARYA
APA sing bakal sampeyan sinau
Nalika sukses ngrampungake kursus iki, sampeyan bakal duwe kawruh kanggo:
- Ngembangake ion aplikasi sudut siji kaca nggunakake Typescript
- Nggawe lingkungan pangembangan Angular lengkap
- Gawe Komponen, Langsung, Layanan, Pipa, Formulir, lan Validator Kustom
- Nangani tugas njupuk data jaringan majeng nggunakake Observables
- Gunakake data saka REST web layanan nggunakake Klien HTTP Angular
- Nangani push-data sambungan ion nggunakake WebProtokol soket
- Nggarap Pipa Angular kanggo ngowahi format data
- Gunakake fitur Router Komponen Sudut majeng
- Tes lan debug ion aplikasi sudut nggunakake alat sing dibangun
- Nggarap Angular CLI
Instrukturku apik banget amarga bisa nggawe skenario ing kahanan nyata sing ana gandhengane karo kahanan khususku.
Aku digawe kanggo aran sambutan saka wayahe aku teka lan kemampuan kanggo njagong minangka grup njaba kelas kanggo ngrembug kahanan kita lan gol kita arang banget terkenal.
Aku sinau akeh lan rumangsa penting yen tujuanku kanthi nekani kursus iki bisa ditindakake.
Pakaryan apik tim Lumify Work.
AMANDA NICOL
MANAJER LAYANAN DUKUNGAN IT - HEALTH WORLD LIMITED
MATA PELAJARAN
- Introducing Angular
• Apa iku Angular?
• Fitur Tengah Framework Sudut
• Kasus panggunaan sing cocog
• Blok Bangunan saka Aplikasi Sudut
• Arsitektur dhasar saka Aplikasi sudut
• Nginstal lan Nggunakake Sudut
• Anatomi saka ion Applicat sudut
• Mlaku ion Aplikasi
• Mbangun lan deploying Aplikasi
• Angular kanggo Native Mobile Apps - Pambuka kanggo TypeScript
• Basa Pemrograman kanggo Gunakake karo Angular
• TypeScript Syntax
• Editors Pemrograman
• Sistem Tipe – Def ining Variabel
• Sistem Tipe - Def ining Arrays
• Jinis Primit ive dhasar
• Ketik ion Fungsi
• Tipe Inferensi
• Nemtokake Kelas
• Metode Kelas
• Kontrol visibilitas
• Konstruktor Kelas
• Konstruktor Kelas - Formulir Alternate
• Fields Uninitialized
• Antarmuka
• Nggarap Modul ES6
• var vs ayo
• Fungsi Panah
• Sintaks Kompak Fungsi Panah
• Strings Cithakan
• Generics ing Kelas
• Generik ing ion Fungsi - Komponen
• Apa iku Komponen?
• Exampl Komponen
• Nggawe Komponen Nggunakake CLI Sudut
• Kelas Komponen
• Ing @Component Decorator
• Ndhaptar Komponen menyang Module
• Cithakan Komponen
• Example: HelloComponent Cithakan
• Example: Kelas HelloComponent
• Nggunakake Komponen
• Jalanake Aplikasi
• Hirarki Komponen
• Komponen ROOT ion Aplikasi
• Ing Bootstrap File
• Komponen Lifecycle Pancing
• Example Pancing Lifecycle
• Gaya CSS - Cithakan Komponen
• Cithakan
• Lokasi Cithakan
• Sintaksis Kumis {{ }}.
• Nyetel Properti Unsur DOM
• Setelan Teks Badan Unsur
• Binding Acara
• Expression Event Handler
• Nyegah Penanganan Default
• Atribut Directives
• Aplikasi Gaya kanthi Ngganti Kelas CSS
• Example: ngkelas
• Nglamar Gaya Langsung
• Direktif Struktural
• Nglakokake Cithakan kanthi kondisional
• Example: ngif
• Looping Nggunakake ngFor
• ngFor Variabel Lokal
• Manipulating Koleksi
• Example - Mbusak Item
• nelusuri Item karo ngFor
• Ngganti Unsur karo ngSwitch
• Unsur Kelompok
• Variabel Referensi Cithakan - Komunikasi Antar Komponen
• Dasar Komunikasi
• Arsitektur Aliran Data
• Nyiapake Anak kanggo Nampa Data
• Kirimi Data saka Induk
• More About Setelan Properties
• Diperlokaké Event saka Component
• @Output() Example - Komponen Anak
• @Output() Example - Komponen Induk
• Full Two Way Binding
• Nggawe Two Way Data Binding ing Induk - Cithakan lan mimpin Formulir
• Cithakan mimpin Formulir
• Ngimpor Formulir Modul
• Pendekatan dhasar
• Nyetel Formulir
• Njupuk Input Panganggo
• Ngilangi Atribut ngForm
• Initialize Formulir
• Two Way Data Binding
• Validasi Formulir
• Validator sudut
• Nampilake Negara ion Validat Nggunakake Kelas
• Jinis Input Tambahan
• kothak centhang
• Pilih (Nyelehake) Fields
• Pilihan Rendering kanggo Pilih (Selehake mudhun)
• Lapangan tanggal
• Tombol Radio - Wangun Reaktif
• Wangun reaktif Swaraview
• Blok Bangunan
• Impor Reactive FormsModule
• Mbangun Formulir
• Desain Cithakan
• Njupuk Nilai Input
• Initializing Fields Input
• Setelan Formulir Nilai
• Langganan kanggo Owah-owahan Input
• Validasi
• Dibangun ing Validators
• Nuduhake Kesalahan Validasi
• Custom Validator
• Nggunakake Validator Custom
• Nyediakake Konfigurasi kanggo Custom Validator
• FormArray - Dinamis Tambah Input
• FormArray - Kelas Komponen
• FormArray – Cithakan
• FormArray - Nilai
• Sub FormGroups - Kelas Komponen
• Sub FormGroups – Cithakan HTML
• Apa Gunakake Sub FormGroups - Layanan lan Injeksi Ketergantungan
• Apa Layanan?
• Nggawe Layanan dhasar
• Kelas Layanan
• Apa Dependency Injection?
• Nyuntikake Kayata Service
• Injector
• Hirarki Injector
• Ndhaptar Layanan karo Root Injector
• Ndhaptar Service karo Component 's Injector
• Ndhaptar Layanan karo Injector Modul Fitur
• Where kanggo Register Service?
• Injeksi Ketergantungan ing Artefak Liyane
• Nyedhiyakake Implementasi Alternatif
• Injeksi Ketergantungan lan @Host
• Injeksi Ketergantungan lan @Optional - Klien HTTP
• The Angular HTTP Klien
• Nggunakake Klien HTTP - Swaraview
• Impor ing HttpClientModule
• Layanan Nggunakake HttpClient
• Nggawe Request GET
• Apa sing ditindakake Obyek sing Bisa Dideleng?
• Nggunakake Layanan ing Komponen
• Komponen Klien PeopleService
• Penanganan kesalahan
• Ngatur Obyek Kesalahan
• Nggawe Request POST
• Nggawe Request PUT
• Nggawe Request DELETE - Pipa lan Format Data
• Apa Pipes?
• Pipa sing dibangun
• Nggunakake Pipa ing Cithakan HTML
• Chaining Pipes
• Pipa ionisasi internasional (i18n)
• Loading Data Lokal
• Pipa tanggal
• Pipa nomer
• Pipa mata uang
• Nggawe Pipa Custom
• Custom Pipe Example
• Nggunakake Pipa Custom
• Nggunakake Pipe karo ngFor
• Pipa Filter
• Pipa Kategori: Murni lan Impure
• Pipa Murni Example
• Pipa Impure Example - Pambuka kanggo Aplikasi Single Page
• Apa itu Single Page Applict ion (SPA)
• Tradisional Web Aplikasi
• Alur Kerja SPA
• Advan Aplikasi Kaca Tunggaltages
• HTML5 History API
• Tantangan SPA
• Ngleksanakake SPA kang Nggunakake sudut - Router Komponen Sudut
• Router Komponen
• View Pandhu arah
• The Angular Router API
• Nggawe Aplikasi Router Aktif
• Hosting Komponen Routed
• Navigasi Nggunakake Links lan Buttons
• Navigasi Programmatic
• Passing Route Parameter
• Navigasi karo Parameter Rute
• Entuk Nilai Parameter Route
• Njupuk Parameter Rute Synchronously
• Nompo Parameter Rute Asynchronously
• Parameter pitakon
• Nyediakake Parameter Query
• Njupuk Parameter Query Asynchronously
• Masalah karo Manual URL entri lan Bookmarking - Klien HTTP Lanjut
• Pilihan Request
• Ngasilake Obyek HttpResponse
• Setelan Panjaluk Header
• Nggawe Observables New
• Nggawe Prasaja Observable
• Metode Konstruktor Observable
• Operator sing bisa diamati
• Peta lan Filter Operators
• Operator flatMap().
• Tutul () Operator
• Kombinator zip().
• Caching HTTP Response
• Nggawe Sequential HTTP Telpon
• Nggawe Telpon Paralel
• Ngatur Obyek Kesalahan nganggo catchError()
• Kesalahan ing Pipeline
• Kesalahan Recovery - Modul sudut
• Kenapa Modul Angular?
• Anatomi Kelas Modul
• @NgModule Properties
• Fitur Modul
• ExampStruktur Modul
• Nggawe Modul Domain
• Nggawe Routed / Routing Modul Pasangan
• Nggawe Modul Layanan
• Nggawe Modul Umum
• Nggunakake Salah Modul Saka Liyane - Routing Lanjut
• Routing Enabled Feature Module
• Nggunakake Modul Fitur
• Lazy Loading Modul Fitur
• Nggawe Links kanggo Komponen Modul Fitur
• More About Lazy Loading
• Preloading Modul
• routerLinkActive naleni
• Rute Default
• Wildcard Route Path
• pangalihan menyang
• Rute Anak
• Nemtokake Rute Anak kanggo Rute Anak
• Link kanggo Rute Anak
• Pengawal Navigasi
• Nggawe Implementasi Guard
• Nggunakake Pengawal ing Route a - Unit Testing Aplikasi Sudut
• Unit Testing Artefak sudut
• Piranti Testing
• Langkah Testing Khas
• Asil Test
• Jasmine Test Suites
• Spesifikasi Jasmine (Ujian Unit)
• Pangarep-arep (Assert ion)
• 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 Service
• Nguji Metode Sinkron
• Nguji Metode Asynchronous
• Nggunakake Klien HTTP Mock
• Nyediakake Respon Kaleng
• Test ing Komponen
• Modul Test Komponen
• Nggawe Kayata Component
• Kelas ComponentFixture
• Test Komponen dhasar
• Kelas DebugElement
• Simulating Interaksi Panganggo - 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 - Ganti Deteksi ion Eksekusi ion
• Kekel Kesalahan Syntax
KURSUS UNTUK SIAPA?
Kursus iki ditujokake kanggo sapa wae sing kudu sinau dhasar pangembangan Angular 15 lan langsung ditrapake kanggo nggawe web aplikasi.
Kita uga bisa ngirim lan ngatur kursus latihan iki kanggo kelompok sing luwih gedhe - ngirit wektu, dhuwit lan sumber daya organisasi. Kanggo informasi luwih lengkap, hubungi kita liwat email ing ph.training@lumifywork.com
KEBUTUHAN
- Web pengalaman pangembangan nggunakake HTML, CSS, lan JavaScript dibutuhake kanggo entuk paling apik saka kursus Angular iki
- Kawruh babagan browser DOM uga migunani
- Ora ana pengalaman sadurunge Angular utawa AngularJS sing dibutuhake
Penyediaan kursus iki dening Lumify Work diatur dening syarat lan kahanan pesenan.
Mangga waca syarat lan katemtuan kasebut kanthi teliti sadurunge ndhaptar ing kursus iki, amarga enrollment ing kursus kasebut nduweni syarat kanggo nampa syarat lan kahanan kasebut.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
Dokumen / Sumber Daya
 |
LUMIFY WORK Angular 15 Pemrograman [pdf] Pandhuan pangguna Angular 15 Pemrograman, Pemrograman |
