Kali ini saya akan membahas mengenai seri angular 4 dari mulai setup project angular 4 sampai dengan implementasi dan integrasi dengan springboot, berikut adalah list yang akan kita bahas dalam seri angular 4 ini

1.Persiapan Coding Angular 4
2.Components Dan Data binding
3.Directive
4.Service dan Dependency Injection
5.Routing
6.Observables
7.Form
8.Http Request

Persiapan Coding Angular 4

Disini kita akan membahas starting project angular 4 dengan menggunakan Angular CLI, apa itu angular CLI ? , lebih lengkapnya bisa dibaca disini sebelum menginstal angular cli , kita diharuskan untuk menginstall nodejs terlebih dahulu, gunakan versi nodejs yang paling baru yang bisa didapatkan disini. Untuk langkah-langkah installasi nodejs bisa dibaca disini. Jika nodejs sudah terpasang selanjutnya kita menginstall angular cli, caranya sangat mudah cukup dengan menjalankan perintah berikut didalam terminal/consol

npm install -g @angular/cli

Lakukan perintah berikut untuk memeriksa apakah angular cli sudah terpsang

ng --version

Jika sukses maka akan muncul keterangan seperti ini

Kemudian untuk membuat sebuah project angular dengan menggunakan angular cli, jalankan perintah berikut

ng new belajar-angular

jika berhasil akan muncul seperti gambar dibawah ini

Untuk menjalankan cukup dengan masuk kedalam directory aplikasi, kemudian jalankan perintah berikut

ng serve

jika berhasil maka akan muncul seperti ini

aplikasi tersebut akan berjalan di localhost dengan port 4200

Struktur project yang dibuatkan olah angular cli adalah sebagai berikut

IDE yang saya gunakan diatas adala Visual Studio Code bisa anda untuh disini
Demikian cara untuk setup project angular, selanjutnya kita akan membahas tentang Components Dan Data binding.