APLIKASI DAN WEB PERKEMBANGAN
Pemrograman Sudut 15
PANJANG 5 hari
VERSI 15
MENGAPA BELAJAR KURSUS INI
Kursus pelatihan Angular 15 yang intensif dan komprehensif ini membekali peserta dengan keterampilan yang dapat mereka gunakan segera dalam pekerjaan mereka. Anda akan mempelajari dasar-dasar pengembangan Angular 15 seperti aplikasi browser satu halaman, responsif websitus, dan aplikasi seluler hybrid.
Kursus ini merupakan kombinasi pembelajaran teoretis dan praktik langsung yang mencakup pengenalan Angular, diikuti dengan TypeScript, komponen, arahan, layanan, HTTPClient, pengujian, dan debugging.
Catatan: Kami juga dapat memberikan pelatihan tentang Angular versi lain. Silakan hubungi kami untuk mengajukan pertanyaan atau mendaftarkan minat Anda.
SUDUT PADA KERJA LUMIFY
APA YANG AKAN ANDA PELAJARI
Setelah berhasil menyelesaikan kursus ini, Anda akan memiliki pengetahuan untuk:
- Kembangkan aplikasi Angular satu halaman menggunakan TypeScript
- Siapkan lingkungan pengembangan Angular yang lengkap
- Buat Komponen, Petunjuk, Layanan, Pipa, Formulir, dan Validator Kustom
- Tangani tugas pengambilan data jaringan tingkat lanjut menggunakan Observables
- Konsumsi data dari REST web layanan menggunakan Klien HTTP Angular
- Tangani ion 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
- Bekerja dengan CLI Sudut
Instruktur saya sangat hebat karena mampu memasukkan skenario ke dalam contoh dunia nyata yang berhubungan dengan situasi spesifik saya.
Saya merasa diterima sejak saya tiba dan kemampuan untuk duduk berkelompok di luar kelas untuk mendiskusikan situasi dan tujuan kami sangatlah berharga.
Saya belajar banyak dan merasa penting agar tujuan saya mengikuti kursus ini tercapai.
Kerja bagus tim Lumify Work.
AMANDA NICOL
MANAJER LAYANAN DUKUNGAN TI – HEALTH WORLD LIMITED
MATA PELAJARAN
- Memperkenalkan Sudut
• Apa itu Sudut?
• Fitur Utama dari Kerangka Sudut
• Kasus Penggunaan yang Sesuai
• Blok Bangunan Aplikasi Angular
• Arsitektur Dasar Aplikasi Angular
• Menginstal dan Menggunakan Angular
• Anatomi Aplikasi Sudut
• Menjalankan Aplikasi
• Membangun dan Menerapkan Aplikasi
• Angular untuk Aplikasi Seluler Asli - Pengantar TypeScript
• Bahasa Pemrograman untuk Digunakan dengan Angular
• Sintaks TypeScript
• Editor Pemrograman
• Sistem Tipe – Mendefinisikan Variabel
• Sistem Tipe – Mendefinisikan Array
• Tipe Primitif Dasar
• Ketik ion Fungsi
• Ketik Inferensi
• Mendefinisikan Kelas
• Metode Kelas
• Kontrol Visibilitas
• Pembina Kelas
• Pembangun Kelas – Formulir Alternatif
• Bidang yang belum diinisialisasi
• Antarmuka
• Bekerja dengan Modul ES6
• var vs biarkan
• Fungsi Panah
• Sintaks Ringkas Fungsi Panah
• String Templat
• Generik di Kelas
• Generik dalam Fungsi ion - Komponen
• Apa itu Komponen?
• Seorang Mantanample Komponen
• Membuat Komponen Menggunakan Angular CLI
• Kelas Komponen
• Dekorator @Component
• Mendaftarkan Komponen ke Modulnya
• Templat Komponen
• Mantanample: Template HaloKomponen
• Mantanample: Kelas HelloComponent
• Menggunakan Komponen
• Jalankan Aplikasi
• Hirarki Komponen
• Komponen Root Aplikasi
• Bootstrap File
• Kait Siklus Hidup Komponen
• Mantanample Kait Siklus Hidup
• Gaya CSS - Templat Komponen
• Templat
• Lokasi Templat
• Sintaks Kumis {{ }}
• Mengatur Properti Elemen DOM
• Mengatur Elemen Isi Teks
• Pengikatan Acara
• Pengendali Peristiwa Ekspresi
• Mencegah Penanganan Default
• Petunjuk Atribut
• Terapkan Gaya dengan Mengubah Kelas CSS
• Mantanample: ngClass
• Menerapkan Gaya Secara Langsung
• Petunjuk Struktural
• Eksekusi Template Secara Bersyarat
• Mantanample: ngIf
• Perulangan Menggunakan ngFor
• ngUntuk Variabel Lokal
• Memanipulasi Koleksi
• Mantanample – Menghapus Item
• Pelacakan Barang dengan ngFor
• Menukar Elemen dengan ngSwitch
• Pengelompokan Elemen
• Variabel Referensi Template - Komunikasi Antar Komponen
• Dasar-dasar Komunikasi
• Arsitektur Aliran Data
• Mempersiapkan Anak Menerima Data
• Kirim Data dari Induk
• Lebih Lanjut Tentang Mengatur Properti
• Mengaktifkan Event dari Komponen
• @Output() Contohample – Komponen Anak
• @Output() Contohample – Komponen Induk
• Penjilidan Dua Arah Penuh
• Menyiapkan Pengikatan Data Dua Arah di Induk - Templat dan Formulir Berbasis
• Formulir Berdasarkan Templat
• Mengimpor Modul 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
• Jenis Masukan Tambahan
• Kotak centang
• Pilih Bidang (Drop Down).
• Opsi Rendering untuk Pilihan (Drop Down)
• Bidang tanggal
• Tombol radio - Bentuk Reaktif
• Bentuk Reaktif Berakhirview
• Blok Bangunan
• Impor Modul Formulir Reaktif
• Membuat Formulir
• Desain Templatnya
• Mendapatkan Nilai Input
• Menginisialisasi Bidang Input
• Menetapkan Nilai Formulir
• Berlangganan Perubahan Masukan
• Validasi
• Validator Bawaan
• Menampilkan Kesalahan Validasi
• Validator Khusus
• Menggunakan Validator Khusus
• Menyediakan 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 - Layanan dan Injeksi Ketergantungan
• Apa itu Layanan?
• Menciptakan Layanan Dasar
• Kelas Layanan
• Apa itu Injeksi Ketergantungan?
• Menyuntikkan Mesin Virtual Layanan
• Injektor
• Hierarki 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
• Memberikan Implementasi Alternatif
• Injeksi Ketergantungan dan @Host
• Injeksi Ketergantungan dan @Opsional - Klien HTTP
• Klien HTTP Sudut
• Menggunakan Klien HTTP – Selesaiview
• Mengimpor HttpClientModule
• Layanan Menggunakan HttpClient
• Membuat Permintaan GET
• Apa yang dilakukan Observable Object?
• Menggunakan Layanan dalam Komponen
• Komponen Klien PeopleService
• Penanganan Kesalahan
• Menyesuaikan Objek Kesalahan
• Membuat Permintaan POST
• Membuat Permintaan PUT
• Membuat Permintaan HAPUS - Pipa dan Pemformatan Data
• Apakah Pipa itu?
• Pipa Terpasang
• Menggunakan Pipa dalam Template HTML
• Merangkai Pipa
• Pipa terionisasi internasional (i18n)
• Memuat Data Lokal
• Tanggal Pipa
• Nomor Pipa
• Pipa Mata Uang
• Buat Pipa Kustom
• Pipa Custom Example
• Menggunakan Pipa Custom
• Menggunakan Pipa dengan ngFor
• Pipa Filter
• Kategori Pipa: Murni dan Tidak Murni
• Pipa Murni Example
• Pipa Tidak Murni Example - Pengantar 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 Angular - 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
• Melewati Parameter Rute
• Menavigasi dengan Parameter Rute
• Memperoleh Nilai Parameter Rute
• Mengambil Parameter Rute Secara Sinkron
• Mengambil Parameter Rute Secara Asinkron
• Parameter Kueri
• Menyediakan Parameter Kueri
• Mengambil Parameter Kueri Secara Asinkron
• Masalah dengan Manual URL entri dan Bookmark - 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
• Peta dan filter Operator
• Operator flatMap()
• Operator tap()
• Penggabung zip()
• Menyimpan Respons HTTP dalam cache
• Melakukan Panggilan HTTP Berurutan
• Melakukan Panggilan Paralel
• Menyesuaikan Objek Error dengan catchError()
• Kesalahan pada Saluran Pipa
• Pemulihan Kesalahan - Modul Sudut
• Mengapa Modul Sudut?
• Anatomi Kelas Modul
• Properti @NgModule
• Modul Fitur
• Mantanample Struktur Modul
• Membuat Modul Domain
• Buat Pasangan Modul yang Dirutekan/Perutean
• Membuat Modul Layanan
• Membuat Modul Umum
• Menggunakan Satu Modul Dari Modul Lainnya - Rute Lanjutan
• Modul Fitur Perutean Diaktifkan
• Menggunakan Modul Fitur
• Lambat Memuat Modul Fitur
• Membuat Tautan untuk Komponen Modul Fitur
• Lebih Lanjut Tentang Pemuatan Lambat
• Modul Pramuat
• pengikatan routerLinkActive
• Rute Default
• Jalur Rute Wildcard
• dialihkan ke
• Rute Anak
• Mendefinisikan Rute Anak untuk Rute Anak
• Tautan untuk Rute Anak
• Penjaga Navigasi
• Menciptakan Implementasi Penjagaan
• Menggunakan Penjaga di Rute - Unit Pengujian Aplikasi Sudut
• Unit Pengujian Artefak Sudut
• Alat Pengujian
• Langkah-Langkah Pengujian Khas
• Hasil tes
• Ruang Tes Melati
• Spesifikasi Melati (Uji Unit)
• Ekspektasi (Pernyataan)
• Pencocokan
• Mantanampfile Menggunakan Pencocokan
• Menggunakan properti bukan
• Penyiapan dan Pembongkaran di Unit Test Suites
• Mantanample dari Fungsi beforeEach dan afterEach
• Modul Uji Sudut
• Mantanample Modul Uji Sudut
• Menguji Layanan
• Menyuntikkan Mesin Virtual Layanan
• Uji Metode Sinkron
• Uji Metode Asinkron
• Menggunakan Klien HTTP Tiruan
• Memasok Respon Kalengan
• Menguji Komponen
• Modul Uji Komponen
• Membuat Instance Komponen
• Kelas ComponentFixture
• Pengujian Komponen Dasar
• Kelas DebugElement
• Mensimulasikan Interaksi Pengguna - Men-debug
• Lebihview dari Debugging Sudut
• Viewmemasukkan Kode TypeScript di Debugger
• Menggunakan Kata Kunci debugger
• Debug logging
• Apa itu Angular DevTools?
• Menggunakan DevTools Sudut
• DevTools Sudut – Struktur Komponen
• Angular DevTools – Eksekusi Deteksi Perubahan
• Menangkap Kesalahan Sintaks
UNTUK SIAPA KURSUS INI?
Kursus ini ditujukan bagi siapa saja yang perlu mempelajari dasar-dasar pengembangan Angular 15 dan langsung menerapkannya dalam berkreasi web aplikasi.
Kami juga dapat memberikan dan menyesuaikan kursus pelatihan ini untuk kelompok yang lebih besar – menghemat waktu, uang, dan sumber daya organisasi Anda. Untuk informasi lebih lanjut, silakan menghubungi kami melalui email di ph.training@lumifywork.com
PRASYARAT
- Web pengalaman pengembangan menggunakan HTML, CSS, dan JavaScript diperlukan untuk mendapatkan hasil maksimal dari kursus Angular ini
- Pengetahuan tentang DOM browser juga berguna
- Tidak diperlukan pengalaman Angular atau AngularJS sebelumnya
Penyediaan kursus ini oleh Lumify Work diatur oleh syarat dan ketentuan pemesanan.
Harap membaca syarat dan ketentuan dengan cermat sebelum mendaftar dalam kursus ini, karena pendaftaran dalam kursus ini bergantung pada penerimaan syarat dan ketentuan ini.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/perusahaan/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
Dokumen / Sumber Daya
 |
Pemrograman Sudut 15 KERJA LUMIFY [Bahasa Indonesia:] Panduan Pengguna Pemrograman Sudut 15, Pemrograman |
