Kursus Front-End Angular

Pelajaran 1 • Modul Angular dan Butstrap Aplikasi

Menerangkan NgModules, AppModule akar, dan cara Angular membutstrap aplikasi. Menyediakan konteks struktur yang diperlukan sebelum membina komponen.

Pelajaran 2 • Asas TypeScript untuk Angular

Memperkenalkan jenis TypeScript, antara muka, dan penghias yang diperlukan untuk menulis kod Angular dengan yakin. Menjembatani pengetahuan JavaScript kepada ekosistem yang ditaip Angular.

Pelajaran 3 • Pengenalan kepada Rangka Kerja Angular

Merangkumi peranan Angular dalam pembangunan bahagian hadapan moden dan seni bina yang diilhamkan oleh MVC. Menetapkan garis dasar konsep untuk semua topik rangka kerja seterusnya.

Pelajaran 4 • Menyediakan Persekitaran Pembangunan

Memasang dan mengkonfigurasi Node.js, npm, dan CLI Angular. Memastikan setiap pelajar mempunyai ruang kerja tempatan yang konsisten dan boleh dihasilkan semula.

Pelajaran 1 • Arahan Struktur Terbina Dalam

Menggunakan *ngIf, *ngFor, dan *ngSwitch untuk mengawal struktur DOM secara dinamik. Menunjukkan bagaimana arahan memanjangkan ekspresif templat.

Pelajaran 2 • Pengikatan Harta dan Peristiwa

Mengajar aliran data sehala melalui pengikatan harta dan pengendalian peristiwa pengguna melalui pengikatan peristiwa. Menghubungkan logik komponen kepada elemen DOM dan interaksi pengguna.

Pelajaran 3 • Sintaks Templat dan Ungkapan

Merangkumi bahasa ungkapan templat Angular, navigasi selamat, dan pemboleh ubah rujukan templat. Membolehkan pemaparan kandungan dinamik dalam paparan komponen.

Pelajaran 4 • Cangkuk Kitaran Hayat Komponen

Meneroka urutan cangkuk kitaran hayat penuh dari ngOnInit ke ngOnDestroy. Mengajar bila dan mengapa menggunakan setiap cangkuk untuk pengawalan awal dan pembersihan.

Pelajaran 1 • Pertanyaan ViewChild dan ContentChild

Mengakses contoh komponen anak dan kandungan yang diunjurkan secara atur cara melalui pertanyaan. Membolehkan koordinasi komponen lanjutan di luar pengikatan templat.

Pelajaran 2 • Komunikasi Induk ke Anak dengan @Input

Menggunakan @Input untuk menghantar data ke bawah pokok komponen dan mengesahkan input dengan setter. Mewujudkan corak aliran data menurun utama dalam Angular.

Pelajaran 3 • Membina Arahan Struktur Tersuai

Melaksanakan arahan struktur menggunakan TemplateRef dan ViewContainerRef untuk memanipulasi DOM. Memanjangkan keupayaan pelajar untuk mencipta logik susun atur yang boleh diguna semula.

Pelajaran 4 • Membina Arahan Atribut Tersuai

Mencipta arahan yang mengubah suai penampilan atau tingkah laku elemen hos tanpa mengubah struktur DOM. Mengukuhkan corak arahan yang diperkenalkan dalam Bab 2.

Pelajaran 1 • Mencipta dan Menyediakan Perkhidmatan Angular

Menjana perkhidmatan dengan CLI dan mendaftarkannya pada skop modul, komponen, atau akar. Mewujudkan lapisan perkhidmatan sebagai tempat untuk logik dikongsi.

Pelajaran 2 • Klien HTTP dan Integrasi REST API

Mengkonfigurasi HttpClientModule dan melaksanakan permintaan GET, POST, PUT, dan DELETE. Menghubungkan lapisan perkhidmatan kepada sumber data bahagian belakang sebenar.

Pelajaran 3 • Pengendalian Ralat dan Interceptor HTTP

Melaksanakan pengendalian ralat global dengan catchError dan transformasi permintaan/respons dengan interceptor. Menghasilkan corak komunikasi HTTP yang sedia produksi.

Pelajaran 4 • Selam Dalam Suntikan Kebergantungan

Meneroka hierarki DI, token suntikan, dan jenis pembekal. Membolehkan kawalan terperinci tentang cara kebergantungan diselesaikan merentas aplikasi.

Pelajaran 1 • Pengawal Laluan dan Kawalan Akses

Melaksanakan pengawal CanActivate, CanDeactivate, dan CanLoad untuk melindungi laluan. Mengintegrasikan pengesahan dan kebenaran ke dalam lapisan navigasi.

Pelajaran 2 • Pemuatan Malas dan Penyelesai Laluan

Membahagikan aplikasi kepada modul ciri yang dimuatkan atas permintaan dan mengambil data terlebih dahulu dengan penyelesai. Meningkatkan prestasi muatan awal dan pengalaman pengguna.

Pelajaran 3 • Laluan Bersarang dan Alur Keluar Dinamakan

Menstruktur laluan anak di bawah laluan induk dan menggunakan alur keluar dinamakan untuk paparan tambahan. Menyokong keperluan susun atur kompleks dalam aplikasi besar.

Pelajaran 4 • Persediaan Penghala dan Navigasi Asas

Mengkonfigurasi RouterModule dengan definisi laluan dan menambah router-outlet dan routerLink. Mewujudkan asas untuk semua ciri navigasi.

Pelajaran 1 • Borang Dinamik dengan FormArray

Menggunakan FormArray untuk menambah dan mengalih keluar kawalan borang pada masa jalan untuk data panjang berubah. Mengendalikan senario dunia sebenar seperti item baris berulang.

Pelajaran 2 • Pengesah dan Pengesahan Tersuai

Menggunakan pengesah segerak dan tak segerak dan mencipta fungsi pengesah tersuai yang boleh diguna semula. Memastikan integriti data sebelum penghantaran.

Pelajaran 3 • Penghantaran Borang dan Pengurusan Keadaan

Mengendalikan penghantaran borang, tetapan semula, dan keadaan kotor/tersentuh untuk menyampaikan UX yang digilap. Menghubungkan data borang kepada panggilan perkhidmatan yang diperkenalkan dalam Bab 4.

Pelajaran 4 • Borang Dipacu Templat

Menggunakan ngForm, ngModel, dan pengesah terbina dalam untuk membina borang secara deklaratif dalam templat. Memperkenalkan konsep borang dengan overhead TypeScript yang minimum.

Pelajaran 1 • Entiti NgRx dan DevTools

Memudahkan pengurusan koleksi dengan NgRx Entity dan memeriksa keadaan dengan Redux DevTools. Mempercepatkan pembangunan dan penyahpepijatan ciri berat stor.

Pelajaran 2 • Pengenalan kepada Stor NgRx

Memasang NgRx dan mentakrifkan tindakan, pengurang, dan stor untuk hirisan ciri. Mewujudkan corak Redux dalam ekosistem Angular.

Pelajaran 3 • Keadaan Berasaskan Perkhidmatan dengan BehaviorSubject

Menyimpan dan berkongsi keadaan merentas komponen menggunakan BehaviorSubject dalam perkhidmatan. Menyediakan penyelesaian keadaan ringan sebelum memperkenalkan NgRx.

Pelajaran 4 • Kesan NgRx untuk Kesan Sampingan

Mengendalikan operasi async seperti panggilan HTTP di luar pengurang menggunakan NgRx Effects. Mengekalkan pengurang tulen dan memusatkan logik kesan sampingan.

Pelajaran 1 • Strategi Penggunaan dan Integrasi CI/CD

Menggunakan binaan Angular ke pengehosan statik dan mengintegrasikan saluran paip automatik untuk penghantaran berterusan. Menutup kitaran hayat pembangunan daripada kod ke produksi.

Pelajaran 2 • Ujian Unit Komponen dan Perkhidmatan

Menulis ujian unit dengan Jasmine dan TestBed untuk komponen, perkhidmatan, dan paip. Mengesahkan unit individu secara berasingan sebelum integrasi.

Pelajaran 3 • Pengoptimuman Bundel dan Konfigurasi Binaan

Mengkonfigurasi binaan produksi, tree shaking, dan pemuatan pembezaan untuk saiz bundel yang optimum. Menyediakan aplikasi untuk kekangan penggunaan dunia sebenar.

Pelajaran 4 • Pengujian Hujung ke Hujung dengan Cypress

Mengautomasikan pengujian aliran pengguna dengan Cypress untuk mengesahkan tingkah laku aplikasi penuh. Melengkapkan ujian unit dengan senario berasaskan penyemak imbas yang realistik.