Kursus ini akan memberi Anda dasar yang kokoh pada platform Angular dengan memberikan Anda panduan tur mendalam tentang semua fitur yang tersedia di Core Angular dan modul Umum .
Ini adalah modul dasar dari mana semua modul lain di ekosistem Angular dibangun, jadi ini adalah bagian dari Angular yang ingin Anda pelajari terlebih dahulu, dan sedetail mungkin.
Dalam kursus ini, Anda akan mendapatkan tur lengkap semua fungsi yang tersedia di dua modul penting Angular (termasuk Elemen Angular ).
Panduan ini akan mencakup semuanya, mulai dari fitur Angular yang paling umum digunakan, hingga topik paling canggih dari Core Angular, seperti beberapa mode deteksi perubahan, isolasi gaya, injeksi ketergantungan, proyeksi konten, internasionalisasi, dan banyak lagi.
Kursus dimulai dari awal, dengan asumsi tidak ada pengetahuan Angular sebelumnya . Setiap konsep diperkenalkan hanya berdasarkan konsep sebelumnya, sehingga tidak ada referensi ke depan untuk membantu proses pembelajaran.
Meskipun kursus dimulai dengan konsep-konsep esensial Angular, ia akan dengan cepat berkembang menjadi topik-topik antara hingga lanjutan . Jadi, apa pun tingkat Angular Anda saat ini, ada sesuatu untuk semua orang dalam kursus ini!
Ikhtisar Kursus Angular
Kursus ini akan mulai dengan pengenalan cepat dan praktis ke kerangka Angular. Anda akan mengatur lingkungan pengembangan Anda, dan menggunakan Angular CLI Anda akan dengan cepat merancah proyek Angular kecil dari awal.
Dengan menggunakan taman bermain awal ini, kami kemudian akan menjawab beberapa pertanyaan Angular yang paling umum: Mengapa Angular, apa keunggulan utama dan fitur utamanya? Kami akan menjawab ini dengan menunjukkan bagaimana mekanisme deteksi perubahan bekerja, dan memperkenalkan beberapa sintaks template Angular.
Kami kemudian akan membahas satu per satu semua fitur dari Modul Inti dan Umum , yang meliputi:
- Komponen khusus dengan @Component
- Components @Input dan @Output, event Emitters
- ngFor
- ngIf
- ngClass
- ngStyle
- ngSwitch
- Observables
- Built-In Pipes
- Async Pipe
- Custom Pipes
- @Injectable dan Layanan Kustom
- Kait Siklus Hidup (OnInit, OnDestroy, dll.)
- Klien HTTP – DAPATKAN POST PUT DELETE
- @ViewChild dan AfterViewInit
- @ViewChildren
- Konten dan Proyeksi Komponen
- @ContentChild dan AfterContentInit
- @ContentChildren
- ng-content and Component Projection
- ngTemplateOutlet
- AfterContentChecked dan AfterViewChecked
- ngDoCheck
- Deteksi Perubahan Normal
- @Atribut
- Deteksi Perubahan OnPush
- Deteksi Ubah Kustom
- Lihat mode Enkapsulasi
- @Directive
- @Host
- @HostListener
- @HostBinding
- Structural Directives
- @Inject
- @Optional
- @Self
- @SkipSelf
- Hierarchical Injector
- Custom Pipe
- @NgModule
- Host, konteks host, dll.
- @NgPlural dan fitur i18n lainnya
- Angular Elements
Apa yang Akan Anda Pelajari dalam Kursus ini?
Kursus ini akan memberi Anda pengetahuan praktis lanjutan tentang kerangka Angular. Setelah mengikuti kursus ini Anda akan merasa sangat nyaman membangun Aplikasi Angular, karena Anda akan memiliki pemahaman rinci tentang segala sesuatu yang disediakan oleh modul inti kerangka kerja Angular.
Kurikulum Kursus :
- Angular Core Deep Dive
- Kursus Kickoff – Pengaturan Lingkungan Pengembangan
- Pengantar Angular – Elemen HTML Khusus, Model vs Tampilan
- Mengapa Angular? Pelajari Fitur Utama Core Angular
- Bagian Baru – Komponen Angular dan Core Directives
- Membangun Komponen Angular Pertama
- Input Komponen dan Dekorator Input
- Komponen Sudut @Output – Custom Events and Event Emitters
- Angular ngFor Core Directive
- Petunjuk Angular dan Operator Elvis
- Angular ngClass Core Directive – Pelajari Semua Fitur
- Angular ngStyle Core Directive – Kapan menggunakannya dan Mengapa
- Angular ngSwitch Core Directive Secara Detail
- Angular ng-container Core Directive – Kapan menggunakannya?
- Pipa Built-In Sudut – Katalog Lengkap
- Angular View Child Decorator – Bagaimana Cara Kerjanya?
- View Child – Pelajari beberapa Pilihan Konfigurasi Query Configuration
- Kait Siklus Hidup AfterViewInit – Seberapa dalam kita bisa melakukan query dengan View Child?
- Dekorator Lihat dan Daftar Permintaan Secara Detail
- Proyeksi Konten Angular dengan ng-content Secara Detail
- Dekorator Anak Konten Angular – Penjelasan Mendalam
- Konten Angular Anak-anak dan Kait Lyfecycle AfterContentInit
- Template Angular Pendahuluan dengan ng-template
- Instansiasi Template Angular dengan ngTemplateOutlet
- Templat Angular sebagai Input Komponen
- Pengantar Arahan Atribut Angular
- Binding Host Angular secara Detail – Atribut DOM vs Atribut
- Angular Host Listener – Menangani Event dalam Directives
- Ekspor Petunjuk Sudut Sebagai sintaks – Kapan Digunakan dan Mengapa
- Arahan Struktural Angular – Memahami Sintaks Bintang
- Arahan Struktural Angular – Implementasi Langkah-demi-Langkah
- Enkapsulasi Tampilan Sudut – Di Bawah Kap
- Enkapsulasi Tampilan Sudut – Pemilih Host
- Memotong Enkapsulasi Tampilan dengan pengubah ng-deep
- Pemilih Konteks Host – Mereka Menggunakan Case
- Enkapsulasi Tampilan Sudut – Default vs Shadow DOM
- Angular Injectibles Services – Pendahuluan Bagian Baru
- Klien HTTP Sudut – GET panggilan dengan Parameter Permintaan
- Async Pipe – cara yang lebih baik untuk melewatkan data yang dapat diobservasi ke View
- Angular Custom Services – Injectable Decorator
- Angular Custom Service – Mengambil Data
- Angular Custom Service – Data Modifikasi Menggunakan HTTP PUT
- Pengantar Sistem Injeksi Ketergantungan Sudut
- Angular DI – Memahami Penyedia dan Token Injeksi
- Angular DI – Memahami Konfigurasi Penyedia Sederhana
- Memahami Injeksi Ketergantungan Hierarkis
- Memahami Penyedia Shakeable Angular
- Angular DI – Token Injeksi Secara Detail
- Dekorator DI Sudut – Opsional, Mandiri, SkipSelf
- Dekorator Host Seluler DI dan Bagian Kesimpulan
- Deteksi Perubahan Default Angular – Bagaimana cara kerjanya?
- Deteksi Perubahan OnPush Angular – Bagaimana Cara Kerjanya?
- Deteksi Perubahan dan Data Yang Dapat Diamati OnPush
- Dekorator Atribut Angular – Kapan menggunakannya?
- Deteksi Ubah Kustom Angular dengan ChangeDetectorRef
- Kait Siklus Hidup Angular – OnInit dan OnDestroy Secara Detail
- Kait Siklus Hidup Angular OnChanges
- Kait Siklus Hidup Siklus AfterContentChecked
- Kait Siklus Hidup Siklus AfterViewChecked
- Kait Siklus Hidup Sudut – Tinjauan Lengkap
- Pengantar Modul Angular
- Modul Fitur Angular Secara Detail
- Kustom Pipe Angular – Implementasi Langkah-demi-Langkah
- Impuler Pipe Angular Secara Detail
- Pengantar Internasionalisasi Angular (i18n)
- Memahami Angular i18n Identifier Unik
- Dukungan pluralisasi i18n Angular
- Dukungan Ekspresi Alternatif i18n Angular
- Menjalankan Aplikasi Angular Diterjemahkan menggunakan Angular CLI
- Elemen Angular Secara Detail
- Angular Core Deep Dive – Kesimpulan Kursus dan Takeaways Utama
- Selesai
