Pengenalan Angular — CompileDaily Study

Penjelasan

Angular adalah framework (bukan sekadar library seperti React) buatan Google untuk membangun aplikasi web berskala besar — dikenal karena strukturnya yang lengkap dan opinionated (routing, HTTP client, forms semuanya sudah bawaan resmi, tidak perlu pilih library pihak ketiga), dan memakai TypeScript sebagai bahasa utama, bukan opsional. Angular modern (versi 17+) memakai standalone component sebagai default, tanpa perlu NgModule lagi.

Instalasi & Cara Menjalankan

1. Pastikan Node.js sudah terinstal, cek dengan: node --version
2. Instal Angular CLI secara global: npm install -g @angular/cli
3. Buat project baru: ng new nama-project
4. Masuk ke folder project: cd nama-project
5. Jalankan server pengembangan: ng serve
6. Buka http://localhost:4200 di browser — kalau muncul halaman default Angular, instalasi berhasil

Praktikum

Instal Angular CLI lewat npm install -g @angular/cli. Buat project baru dengan ng new belajar-angular, masuk ke foldernya, jalankan ng serve, lalu buka http://localhost:4200 di browser.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Angular CLI (perintah ng) BUKAN cuma buat bikin project baru — dipakai terus sepanjang development untuk generate component/service (ng generate component nama), jalankan test, dan build production, mirip peran artisan di Laravel tapi untuk ekosistem frontend.