PricingLoginStart free
Angular Academy logo
HTMLPemulaWebTahap A1 → C122 bahasa

Angular Academy

Pelajari Angular untuk membina aplikasi web yang berskala dan moden dengan Akademi Angular. Laluan pembelajaran CoddyKit yang merangkumi 38 kursus pendek dan 144 pelajaran interaktif, dengan tutor kecerdasan buatan 24/7 di sisi anda.

Kursus
38
Pelajaran
144
Langkah interaktif
1,803
Percuma untuk bermula
Kursus 1
GET IT ONGoogle PlayDownload on theApp Store
Kurikulum

38 kursus dalam laluan ini

Setiap kursus dalam laluan Angular Academy, mengikut urutan pembelajaran. Kursus pertama adalah percuma.

1

A13 pelajaranPercuma

Fahami maksud Angular, sebab Google membina dan menyelenggaranya serta cara ia mengubah cara anda membina aplikasi web besar yang profesional.

  1. 1Apakah Angular?
  2. 2Sebab Rangka Kerja Frontend Wujud
  3. 3Rupa Aplikasi Angular
Mula belajar secara percuma
2

A14 pelajaranPRO

Bina rangka, kompil dan urus projek Angular dengan cekap menggunakan Angular CLI.

  1. 1Menjana Projek Baharu
  2. 2Penjelasan Struktur Projek
  3. 3Menjana Kod dengan ng generate
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
3

A14 pelajaranPRO

Gunakan sintaks blok aliran kawalan moden Angular untuk syarat dan gelung dalam templat.

  1. 1Paparan Bersyarat dengan @if
  2. 2Pengulangan dengan @for
  3. 3Pertukaran dengan @switch
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
4

A13 pelajaranPRO

Pengenalan kepada Angular 19 dengan meneroka ciri utama, seni bina dan persediaan persekitarannya.

  1. 1Bermula dengan Angular 19
  2. 2Memahami Komponen
  3. 3Templat dan Pengikatan Data
Mula belajar secara percumaDapatkan akses dengan PRO
5

A24 pelajaranPRO

Kuasai primitif isyarat reaktif Angular untuk pengurusan keadaan yang terperinci dan cekap.

  1. 1Apakah Isyarat
  2. 2Mencipta dan Membaca Isyarat
  3. 3Mengemas Kini Isyarat dengan set dan update
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
6

A24 pelajaranPRO

Bina aplikasi Angular tanpa NgModules menggunakan seni bina komponen kendiri.

  1. 1Mengapa Komponen Kendiri
  2. 2Mencipta Komponen Kendiri
  3. 3Mengimport Kebergantungan Secara Terus
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
7

A24 pelajaranPRO

Sediakan dan gunakan perkhidmatan dengan sistem suntikan kebergantungan berhierarki Angular.

  1. 1Perkhidmatan dan Injectable
  2. 2Fungsi inject
  3. 3Penyedia dan Skop
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
8

A24 pelajaranPRO

Ubah data yang dipaparkan dengan paip terbina dalam dan cipta paip tersuai anda sendiri.

  1. 1Menggunakan Pipe Terbina Dalam
  2. 2Merantai dan Memparameterkan Pipe
  3. 3Mencipta Pipe Tersuai
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
9

A24 pelajaranPRO

Sambungkan logik anda pada penciptaan, perubahan dan pemusnahan komponen dengan cangkuk kitar hayat Angular.

  1. 1ngOnInit dan Pemulaan
  2. 2ngOnChanges dan Perubahan Input
  3. 3ngOnDestroy dan Pembersihan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
10

A24 pelajaranPRO

Selaraskan data antara induk dan anak dengan pengikatan dua hala serta input model berasaskan isyarat.

  1. 1Imbas Kembali Pengikatan Sifat dan Peristiwa
  2. 2Pengikatan Dua Hala dengan ngModel
  3. 3Input Isyarat model()
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
11

A24 pelajaranPRO

Gayakan komponen dengan CSS berskop, mod pengkapsulan paparan dan penggayaan hos.

  1. 1Gaya Berskop Komponen
  2. 2Mod Pengkapsulan Paparan
  3. 3Penggayaan Hos dan Konteks Hos
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
12

B14 pelajaranPRO

Gunakan API input, output dan pertanyaan paparan moden berasaskan isyarat untuk komponen yang lebih kemas.

  1. 1Input Isyarat dengan input()
  2. 2Input Diperlukan dan Diubah
  3. 3Output dengan output()
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
13

B14 pelajaranPRO

Terbitkan nilai reaktif dengan isyarat terhitung dan jalankan kesan sampingan menggunakan API kesan.

  1. 1Isyarat Terhitung
  2. 2Kesan dan Kesan Sampingan
  3. 3Pembersihan Kesan dan Kitar Hayat
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
14

B14 pelajaranPRO

Fahami boleh dicerap, langganan dan subjek sebagai asas kereaktifan Angular.

  1. 1Observable dan Langganan
  2. 2Subject dan BehaviorSubject
  3. 3Membatalkan Langganan dan Kebocoran Memori
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
15

B14 pelajaranPRO

Bina komponen fleksibel dan boleh diguna semula dengan unjuran kandungan, ng-content dan rujukan templat.

  1. 1Unjuran Kandungan Slot Tunggal
  2. 2Unjuran Berbilang Slot dengan select
  3. 3ng-template dan ng-container
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
16

B14 pelajaranPRO

Hidupkan antara muka dengan sistem animasi deklaratif Angular.

  1. 1Asas Animasi: trigger dan state
  2. 2Peralihan dan Penetapan Masa
  3. 3Animasi Masuk dan Keluar
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
17

B13 pelajaranPRO

Terokai interaksi komponen lanjutan, arahan dan amalan terbaik.

  1. 1Arahan Tersuai
  2. 2Interaksi Komponen
  3. 3Komponen Dinamik
Mula belajar secara percumaDapatkan akses dengan PRO
18

B13 pelajaranPRO

Pelajari penghalaan, pengawal navigasi dan penyelesai laluan dalam Angular.

  1. 1Mengkonfigurasi Laluan
  2. 2Pengawal Laluan
  3. 3Modul Pemuatan Lewat
Mula belajar secara percumaDapatkan akses dengan PRO
19

B13 pelajaranPRO

Liputan terperinci tentang pengendalian borang dalam Angular.

  1. 1Borang Berpandukan Templat
  2. 2Borang Reaktif
  3. 3Pengesahan Tersuai
Mula belajar secara percumaDapatkan akses dengan PRO
20

B24 pelajaranPRO

Gabungkan aliran data berkuasa dengan operator pemetaan, penapisan, penggabungan dan ralat.

  1. 1Operator Transformasi
  2. 2Operator Penapisan
  3. 3Operator Gabungan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
21

B24 pelajaranPRO

Terokai lebih daripada penghalaan asas dengan penyelesai, data laluan, parameter dan pengawal berfungsi.

  1. 1Parameter Laluan dan Parameter Pertanyaan
  2. 2Penyelesai dan Data Laluan
  3. 3Pengawal Laluan Fungsian
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
22

B24 pelajaranPRO

Pusatkan kebimbangan HTTP merentas fungsi dengan pencegat berfungsi dan berasaskan kelas.

  1. 1Pencegat Fungsian
  2. 2Menambah Pengepala Pengesahan
  3. 3Mengendalikan Ralat Secara Global
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
23

B24 pelajaranPRO

Bina borang reaktif dinamik yang ditaip kukuh dengan FormArray, kawalan tersuai dan pengesahan tak segerak.

  1. 1Borang Reaktif Bertip
  2. 2FormArray dan Medan Dinamik
  3. 3Pengesah Tak Segerak
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
24

B24 pelajaranPRO

Gabungkan tingkah laku yang boleh diguna semula dengan menggunakan berbilang arahan pada komponen hos.

  1. 1Sifat hostDirectives
  2. 2Mendedahkan Input dan Output
  3. 3Membina Tingkah Laku Boleh Guna Semula
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
25

B23 pelajaranPRO

Gunakan NgRx untuk mengurus keadaan aplikasi dengan cekap.

  1. 1Asas Gedung NgRx
  2. 2Tindakan dan Pengurang
  3. 3Pemilih dan Kesan
Mula belajar secara percumaDapatkan akses dengan PRO
26

B24 pelajaranPRO

Reka bentuk keadaan aplikasi dengan isyarat, perkhidmatan dan corak reaktif tanpa pustaka luaran.

  1. 1Signal Store dalam Perkhidmatan
  2. 2Menerbitkan Keadaan dengan computed
  3. 3Mengemas Kini Keadaan Secara Tidak Berubah
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
27

B24 pelajaranPRO

Sepadukan widget tersuai dengan borang Angular dengan melaksanakan ControlValueAccessor.

  1. 1Antara Muka ControlValueAccessor
  2. 2Menulis dan Mendaftarkan Nilai
  3. 3Mengendalikan Keadaan Dilumpuhkan dan Disentuh
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
28

B24 pelajaranPRO

Uji komponen, perkhidmatan dan paip dengan TestBed serta utiliti pengujian Angular.

  1. 1TestBed dan Lekapan Komponen
  2. 2Menguji Input, Output dan DOM
  3. 3Memalsukan Perkhidmatan dan Kebergantungan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
29

B24 pelajaranPRO

Sahkan aliran pengguna sebenar dengan ujian hujung ke hujung menggunakan Playwright dan Cypress.

  1. 1Gambaran Keseluruhan Ujian E2E
  2. 2Menulis Ujian Playwright
  3. 3Pemilih dan Pernyataan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
30

B24 pelajaranPRO

Setempatkan aplikasi Angular dengan sistem i18n terbina dalam dan strategi terjemahan masa jalan.

  1. 1Menandakan Teks untuk Terjemahan
  2. 2Mengekstrak dan Menterjemah Mesej
  3. 3Jamak dan Select (ICU)
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
31

B23 pelajaranPRO

Kuasai komunikasi HTTP dan integrasi API dalam Angular.

  1. 1Klien HTTP
  2. 2Pengendalian Ralat
  3. 3Amalan Terbaik Integrasi API
Mula belajar secara percumaDapatkan akses dengan PRO
32

C14 pelajaranPRO

Optimumkan pemaparan dengan pengesanan perubahan OnPush, mod tanpa zon dan strategi trackBy.

  1. 1Cara Pengesanan Perubahan Berfungsi
  2. 2Pengesanan Perubahan OnPush
  3. 3Angular Tanpa Zon
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
33

C14 pelajaranPRO

Urus keadaan kompleks dengan NgRx SignalStore moden yang berasaskan isyarat.

  1. 1Mencipta SignalStore
  2. 2Keadaan Terbitan dan Kaedah
  3. 3rxMethod untuk Kerja Tak Segerak
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
34

C14 pelajaranPRO

Paparkan Angular pada pelayan untuk paparan pertama yang lebih pantas dan SEO yang lebih baik.

  1. 1Mengapa Paparan Sisi Pelayan
  2. 2Menyediakan Angular SSR
  3. 3Laluan Pelayan dan Mod Paparan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
35

C14 pelajaranPRO

Percepatkan aplikasi SSR dengan penghidratan penuh dan berperingkat untuk meminimumkan kerja pada klien.

  1. 1Apakah Hidrasi
  2. 2Mendayakan Hidrasi Penuh
  3. 3Hidrasi Berperingkat dengan @defer
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
36

C14 pelajaranPRO

Gabungkan aplikasi Angular besar daripada bahagian hadapan mikro yang boleh digunakan secara berasingan.

  1. 1Seni Bina Mikro Frontend
  2. 2Persekutuan Asli untuk Angular
  3. 3Berkongsi Kebergantungan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
37

C14 pelajaranPRO

Pakejkan dan terbitkan pustaka Angular boleh guna semula dengan Format Pakej Angular.

  1. 1Mencipta Pustaka dengan ng generate
  2. 2API Awam dan Titik Masuk
  3. 3Membina dengan ng-packagr
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
38

C13 pelajaranPRO

Lindungi aplikasi Angular anda dengan teknik penting.

  1. 1Pengesahan dan Keizinan
  2. 2Penskripan Rentas Tapak (XSS)
  3. 3Panggilan API Selamat
Mula belajar secara percumaDapatkan akses dengan PRO
CoddyKit PRO

Dapatkan akses kepada kesemua 38 kursus dalam laluan ini dan semua laluan lain

Tutor AI, peperiksaan pensijilan dan sijil. Berfungsi di laman web, iOS dan Android.

Lihat semua pelan
Tahunan$29.90 / tahunKira-kira $2.49 sebulanBayar sekaliSeumur hidup$69.99 sekaliTiada pembaharuan. PRO selama-lamanya.
Gambaran Keseluruhan Kursus

Angular: Rangka Kerja di Sebalik Aplikasi Web Berskala Produksi

Angular ialah rangka kerja Google yang berpendirian dan mengutamakan TypeScript, digunakan untuk membina aplikasi satu halaman yang besar serta mudah diselenggara. Model komponennya, sistem suntikan kebergantungan dan alat terbina dalam kelas pertama menjadikannya rangka kerja pilihan pasukan perusahaan serta pembangun yang mahukan struktur pada skala besar. Laluan ini merangkumi Angular moden — versi 19 dengan komponen kendiri, Signals dan sintaks aliran kawalan baharu — bukan corak lama daripada panduan terdahulu.

Perkara yang Akan Anda Pelajari

Anda akan bermula dengan Angular CLI, struktur projek dan asas Angular 19, kemudian beralih kepada reaktiviti berasaskan Signals, komponen kendiri serta suntikan kebergantungan. Seterusnya, anda akan mempelajari borang dipacu templat dan reaktif, operator RxJS, pemintas HttpClient, cangkuk kitar hayat komponen, unjuran kandungan, animasi dan penghalaan. Kursus seterusnya membincangkan pengurusan keadaan dengan NgRx dan NgRx SignalStore berasaskan Signal, pengujian unit dan hujung ke hujung, pengantarabangsaan serta kawalan borang tersuai. Laluan ini diakhiri dengan pengoptimuman pengesanan perubahan, pemaparan sisi pelayan, penghidratan, mikrofrontend dengan Module Federation, pembinaan pustaka Angular boleh guna semula dan asas keselamatan Angular.

Laluan Pembelajaran

Tiga puluh tujuh kursus merangkumi A1 hingga C1. Lapan kursus pertama (A1–A2) membina asas: persediaan CLI, komponen kendiri, paip, cangkuk kitar hayat dan pengikatan dua hala. Kursus B1 dan B2 membangunkan kemahiran amali — RxJS, penghalaan lanjutan, borang reaktif, komposisi arahan dan liputan ujian penuh. Tahap C1 merangkumi perkara yang membezakan Angular produksi daripada Angular tutorial: Pengesanan Perubahan dan Prestasi, NgRx SignalStore, Pemaparan Sisi Pelayan dengan Angular SSR, Mikrofrontend dengan Module Federation, Membina Pustaka Angular dan Asas Keselamatan Angular.

Cara Ia Berfungsi

Setiap kursus dibahagikan kepada pelajaran pendek dan amali yang anda selesaikan dalam penyunting kod terbina dalam dengan maklum balas masa nyata. Tutor AI tersedia apabila anda buntu, dan setiap konsep diperkukuh melalui latihan yang berjalan terus dalam pelayar — tiada persediaan setempat diperlukan untuk bermula.

Alat

Berlatih dengan AI, bukan sekadar membaca

Tingkatkan pembelajaran anda dengan alat dan ciri berkuasa AI

Penjana Kod AIJana kod menggunakan AIPembetulan Pepijat AICari dan baiki ralat kodPROWawasan AIAnalisis kod mendalamPROSembang AIBerbual dengan tutor AITanya Soalan SuperDapatkan jawapan bertaraf pakarPROCipta PelajaranPembina pelajaran berkuasa AIPROMulakan Peperiksaan PensijilanDapatkan sijil andaPROPenyunting KodTulis dan jalankan kodMulakan CabaranUji kemahiran anda

Cara Anda Belajar

  1. 01

    Pelajaran Interaktif

    Latihan pengekodan amali dengan maklum balas masa nyata

  2. 02

    Tutor AI

    Dapatkan bantuan segera daripada AI kami apabila anda buntu

  3. 03

    Penyunting Terbina Dalam

    Tulis dan jalankan kod terus dalam pelayar anda

  4. 04

    Sijil

    Dapatkan sijil selepas melengkapkan kursus

Terus meneroka

Laluan pembelajaran berkaitan

Sveltejs Academy logoSveltejs AcademyBuild fast and simple user interfaces with modern techniques at Svelte Academy.HTML for Kids logoHTML for KidsIntroduce kids to web development with fun and easy HTML lessons at HTML for Kids.HTML Academy logoHTML AcademyBuild strong foundations in web development by learning HTML at HTML Academy.Frontend Academy logoFrontend AcademyDevelop visually stunning and responsive websites with Frontend Development Academy.Vue Academy logoVue AcademyCreate interactive and efficient user interfaces with Vue.js through Vue Academy.Next.js 15 Fullstack Web Apps logoAplikasi Web Fullstack Next.js 15Master building high-performance, fullstack web applications with Next.js 15, from founda…
FAQ

Soalan Lazim

Adakah kursus Angular Academy percuma?

Ya. Anda boleh memulakan kursus Angular Academy secara percuma dan mengikuti pelajaran interaktifnya tanpa sebarang bayaran. Langganan PRO pilihan membuka akses kepada alat kecerdasan buatan lanjutan dan sijil yang boleh dikongsi.

Adakah saya memerlukan pengalaman terdahulu untuk mempelajari HTML?

Tidak. Kursus ini bermula dengan asas dan beralih secara beransur-ansur kepada topik yang lebih maju, jadi anda boleh bermula walaupun tanpa pengalaman terdahulu dalam HTML.

Bagaimanakah saya akan mempelajari HTML di CoddyKit?

Anda belajar melalui amali. Pelajaran interaktif yang ringkas menggabungkan penerangan yang jelas dengan latihan pengekodan praktikal yang berjalan dalam masa nyata, manakala tutor kecerdasan buatan 24/7 memberikan bantuan yang diperibadikan apabila anda menghadapi kesukaran.

Adakah saya mendapat sijil selepas menamatkan Angular Academy?

Ya. Pelajar PRO boleh menduduki peperiksaan dan memperoleh sijil tamat kursus yang boleh dikongsi, lengkap dengan kod yang boleh disahkan untuk kursus Angular Academy.

Bolehkah saya mempelajari HTML melalui telefon saya?

Ya. CoddyKit tersedia di web dan sebagai aplikasi asli iOS serta Android, jadi anda boleh mempelajari HTML pada mana-mana peranti dan kemajuan anda disegerakkan merentas semua peranti.

Berapakah kos CoddyKit PRO?

Kursus pertama dalam Angular Academy adalah percuma. CoddyKit PRO membuka akses kepada setiap kursus: $5.90 seminggu, $7.90 sebulan, $29.90 setahun atau $69.99 sekali untuk akses seumur hidup tanpa pembaharuan.

Berapa lama masa yang diperlukan untuk melengkapkan Angular Academy?

Angular Academy mempunyai 38 kursus dan 144 pelajaran. Kebanyakan pelajaran mengambil masa kira-kira 5–10 minit, jadi keseluruhan laluan ini memerlukan sekitar 17 jam latihan amali, mengikut rentak anda sendiri.

Mulakan Angular Academy Sekarang

Sertai ribuan pelajar yang menguasai pengaturcaraan melalui pelajaran berkuasa kecerdasan buatan.

Mula belajar secara percumaSemak Semua Kursus