Angular Academy

Name: Angular Academy
Availability: InStock

HTMLFrontendWebBeginner

Pelajari Angular untuk membangun aplikasi web yang scalable dan modern dengan Angular Academy.

🤖 Bertenaga AI📚 38 kursus👥 100.000+ pelajar⭐ Rating 4,9

Mulai Belajar →Jelajahi Kurikulum ↓

Ringkasan Kursus

Angular: Framework di Balik Aplikasi Web Skala Produksi

Angular adalah framework TypeScript-first yang opinionated dari Google, digunakan untuk membangun aplikasi single-page yang besar dan maintainable. Model component-nya, sistem dependency injection, dan tooling first-class menjadikannya pilihan framework untuk tim enterprise dan developer yang menginginkan struktur pada skala besar. Track ini mencakup Angular modern — versi 19 dengan standalone components, Signals, dan syntax control flow baru — bukan pola legacy dari panduan versi lama.

Apa yang Akan Anda Pelajari

Anda akan memulai dengan Angular CLI, struktur project, dan fundamentals Angular 19, kemudian melanjutkan ke reactivity berbasis Signals, standalone components, dan dependency injection. Dari sana Anda akan membahas template-driven dan reactive forms, RxJS operators, HttpClient interceptors, component lifecycle hooks, content projection, animations, dan routing. Kursus selanjutnya mencakup state management dengan NgRx dan NgRx SignalStore berbasis Signal, unit dan end-to-end testing, internationalization, dan custom form controls. Track ditutup dengan change detection optimization, server-side rendering, hydration, micro frontends dengan Module Federation, membangun Angular libraries yang reusable, dan Angular security essentials.

Jalur Pembelajaran

Tiga puluh tujuh kursus mencakup A1 hingga C1. Delapan kursus pertama (A1–A2) membangun fondasi: CLI setup, standalone components, pipes, lifecycle hooks, dan two-way binding. Kursus B1 dan B2 mengembangkan applied skills — RxJS, advanced routing, reactive forms, directive composition, dan full test coverage. Tier C1 mencakup apa yang membedakan production Angular dari tutorial Angular: Change Detection and Performance, NgRx SignalStore, Server-Side Rendering with Angular SSR, Micro Frontends with Module Federation, Building Angular Libraries, dan Angular Security Essentials.

Cara Kerjanya

Setiap kursus dibagi menjadi lessons singkat yang hands-on, Anda selesaikan di code editor bawaan dengan real-time feedback. Tutor AI tersedia kapan pun Anda stuck, dan setiap konsep diperkuat dengan exercises yang berjalan langsung di browser — tidak perlu setup lokal untuk memulai.

Mulai Belajar →

Alat

Jelajahi Alat Kursus

Tingkatkan pembelajaran kamu dengan alat dan fitur bertenaga AI

Temukan & perbaiki error kode

🔍

Wawasan AIPRO

Analisis kode mendalam

Ajukan Pertanyaan SuperPRO

Dapatkan jawaban level expert

📝

Buat PelajaranPRO

Pembangun pelajaran bertenaga AI

🏆

Mulai Ujian SertifikasiPRO

Raih sertifikat kamu

💻

Editor Kode

Tulis & jalankan kode

🎯

Mulai Tantangan

Uji kemampuanmu

Cara Kamu Belajar

🎯

Pelajaran Interaktif

Latihan koding langsung dengan umpan balik real-time

🤖

AI Tutor

Dapatkan bantuan instan dari AI kami saat kamu stuck

💻

Editor Bawaan

Tulis dan jalankan kode langsung di browser kamu

🏆

Sertifikat

Raih sertifikat saat kamu menyelesaikan kursus

Kurikulum

38 Kursus

Setiap kursus di jalur belajar Angular Academy.

Selamat Datang di Angular

A13 pelajaran

Pahami apa itu Angular, alasan Google membuat dan memeliharanya, serta bagaimana Angular mengubah cara Anda membangun aplikasi web besar da…

Angular CLI dan Struktur Proyek

A14 pelajaranPRO

Buat kerangka, bangun, dan kelola proyek Angular secara efisien dengan Angular CLI.

Alur Kontrol Bawaan

A14 pelajaranPRO

Gunakan sintaks alur kontrol blok modern Angular untuk kondisional dan perulangan dalam templat.

Dasar-Dasar Angular 19

A13 pelajaranPRO

Pengantar Angular 19 yang menjelajahi fitur utama, arsitektur, dan penyiapan lingkungan.

Dasar-Dasar Angular Signals

A24 pelajaranPRO

Kuasai primitif signals reaktif Angular untuk pengelolaan status yang terperinci dan efisien.

Pendalaman Komponen Standalone

A24 pelajaranPRO

Bangun aplikasi Angular tanpa NgModules menggunakan arsitektur komponen standalone.

Dasar-Dasar Injeksi Dependensi

A24 pelajaranPRO

Sediakan dan gunakan layanan dengan sistem injeksi dependensi hierarkis Angular.

Pipe: Bawaan dan Kustom

A24 pelajaranPRO

Transformasikan data yang ditampilkan dengan pipe bawaan dan buat pipe kustom Anda sendiri.

Hook Siklus Hidup Komponen

A24 pelajaranPRO

Hubungkan diri ke pembuatan, perubahan, dan penghancuran komponen dengan hook siklus hidup Angular.

Binding Dua Arah dan Input Model

A24 pelajaranPRO

Sinkronkan data antara komponen induk dan anak dengan binding dua arah dan input model berbasis signal.

Penataan Gaya dan Enkapsulasi Komponen

A24 pelajaranPRO

Atur gaya komponen dengan CSS bercakupan, mode enkapsulasi tampilan, dan gaya host.

Input dan Kueri Berbasis Signal

B14 pelajaranPRO

Gunakan API input, output, dan kueri tampilan modern berbasis signal untuk komponen yang lebih rapi.

Signals: Computed dan Effects

B14 pelajaranPRO

Turunkan nilai reaktif dengan computed signals dan jalankan efek samping dengan API effect.

Dasar-Dasar RxJS untuk Angular

B14 pelajaranPRO

Pahami observable, subscription, dan subject sebagai fondasi reaktivitas Angular.

Proyeksi Konten dan Templat

B14 pelajaranPRO

Bangun komponen fleksibel dan dapat digunakan ulang dengan proyeksi konten, ng-content, dan referensi templat.

Animasi Angular

B14 pelajaranPRO

Hidupkan antarmuka dengan sistem animasi deklaratif Angular.

Komponen dan Direktif Tingkat Lanjut

B13 pelajaranPRO

Jelajahi interaksi komponen tingkat lanjut, direktif, dan praktik terbaik.

Perutean dan Navigasi Angular

B13 pelajaranPRO

Pelajari perutean, penjaga navigasi, dan penyelesai rute dalam Angular.

Menggunakan Formulir

B13 pelajaranPRO

Pembahasan terperinci tentang penanganan formulir dalam Angular.

Operator RxJS secara Mendalam

B24 pelajaranPRO

Susun alur data yang kuat dengan operator pemetaan, penyaringan, penggabungan, dan kesalahan.

Angular Router Tingkat Lanjut

B24 pelajaranPRO

Melampaui perutean dasar dengan resolver, data rute, parameter, dan penjaga fungsional.

Interceptor HttpClient

B24 pelajaranPRO

Pusatkan perhatian HTTP lintas fungsi dengan interceptor fungsional dan berbasis kelas.

Formulir Reaktif Tingkat Lanjut

B24 pelajaranPRO

Bangun formulir reaktif dinamis dengan tipe kuat menggunakan FormArray, kontrol kustom, dan validasi asinkron.

API Komposisi Direktif

B24 pelajaranPRO

Susun perilaku yang dapat digunakan ulang dengan menerapkan beberapa direktif pada komponen host.

Manajemen State dengan NgRx

B23 pelajaranPRO

Gunakan NgRx untuk mengelola state aplikasi secara efisien.

Pengelolaan Status Berbasis Signal

B24 pelajaranPRO

Rancang status aplikasi dengan signal, layanan, dan pola reaktif tanpa pustaka eksternal.

Kontrol Formulir Kustom

B24 pelajaranPRO

Integrasikan widget kustom dengan formulir Angular dengan mengimplementasikan ControlValueAccessor.

Pengujian Unit dan Komponen Angular

B24 pelajaranPRO

Uji komponen, layanan, dan pipe dengan TestBed serta utilitas pengujian Angular.

Pengujian End-to-End untuk Angular

B24 pelajaranPRO

Validasi alur pengguna nyata dengan pengujian end-to-end menggunakan Playwright dan Cypress.

Internasionalisasi (i18n)

B24 pelajaranPRO

Lokalkan aplikasi Angular dengan sistem i18n bawaan dan strategi penerjemahan saat runtime.

Integrasi HTTP dan API

B23 pelajaranPRO

Kuasai komunikasi HTTP dan integrasi API dalam Angular.

Deteksi Perubahan dan Performa

C14 pelajaranPRO

Optimalkan perenderan dengan deteksi perubahan OnPush, mode tanpa zona, dan strategi trackBy.

NgRx SignalStore

C14 pelajaranPRO

Kelola status kompleks dengan NgRx SignalStore modern berbasis signal.

Perenderan Sisi Server dengan Angular SSR

C14 pelajaranPRO

Render Angular di server untuk mempercepat tampilan pertama dan meningkatkan SEO.

Hydration dan Performa

C14 pelajaranPRO

Percepat aplikasi SSR dengan hydration penuh dan inkremental untuk meminimalkan pekerjaan di sisi klien.

Micro Frontend dengan Module Federation

C14 pelajaranPRO

Susun aplikasi Angular besar dari micro frontend yang dapat diterapkan secara mandiri.

Membangun Pustaka Angular

C14 pelajaranPRO

Kemas dan publikasikan pustaka Angular yang dapat digunakan ulang dengan Angular Package Format.

Dasar-Dasar Keamanan Angular

C13 pelajaranPRO

Amankan aplikasi Angular Anda dengan teknik-teknik penting.

FAQ

Pertanyaan yang Sering Diajukan

Apakah kursus Angular Academy gratis?

Ya. Kamu bisa memulai kursus Angular Academy secara gratis dan menyelesaikan pelajaran interaktifnya tanpa biaya. Langganan PRO opsional membuka akses ke alat AI tingkat lanjut dan sertifikat yang bisa dibagikan.

Apakah aku perlu pengalaman sebelumnya untuk belajar HTML?

Tidak. Kursus dimulai dari dasar dan secara bertahap bergerak ke topik yang lebih canggih, jadi kamu bisa memulai meski tanpa pengalaman HTML sebelumnya.

Bagaimana cara aku belajar HTML di CoddyKit?

Kamu belajar dengan praktik. Pelajaran interaktif pendek memadukan penjelasan yang jelas dengan latihan koding langsung yang berjalan real-time, dan tutor AI 24/7 memberikan bantuan personal kapan pun kamu stuck.

Apakah aku dapat sertifikat saat menyelesaikan Angular Academy?

Ya. Pelajar PRO bisa mengikuti ujian dan meraih sertifikat penyelesaian yang bisa dibagikan dengan kode verifikasi untuk kursus Angular Academy.

Bisakah aku belajar HTML di ponselku?

Ya. CoddyKit tersedia di web dan sebagai aplikasi native iOS dan Android, jadi kamu bisa belajar HTML di perangkat apa pun dan progresmu tersinkronisasi di semuanya.

Mulai Angular Academy Sekarang

Bergabunglah dengan ribuan pelajar yang menguasai pemrograman dengan pelajaran bertenaga AI.

Mulai Gratis →Jelajahi Semua Kursus