ngular adalah framework javascript digunakan untuk membangun sebuah aplikasi client-side yang dikembangkan oleh Angular Team Google. Angular yang diumumkan oleh google melalui ng-Europe conference pada oktober 2013 menggunakan Typescript sebagai bahasa pemrograman. Hingga saat artikel ini ditulis angular telah mencapai versi 7 dengan berbagai fitur yang powerfull.
Perbedaan AngularJs dan Angular
Mungkin masih banyak yang menganggap angularJs dan angular sama, padahal keduanya berbeda. Angular adalah nama untuk framework angular yang merujuk pada versi 2 dan seterusnya, sedangkan angujarJs merujuk pada versi 1. AngularJs ditulis dengan javascript dan menggunakan konsep MVC (Model View Controller), sedangkan angular menggunakan typescript dengan konsep component-based-architecture dimana setiap elemen pada angular terdiri dari sebuah component.
Berikut adalah beberapa hal yang membedakan angular dengan angularJs.
- AngularJs ditulis dengan javascript, dapat langsung diakses karena dikenali oleh browser, sedangkan angular ditulis dengan typescript yang tidak dikenali oleh browser, sehingga perlu dicompile dan diconvert ke javascript terlebih dahulu.
- Angular tidak mengenal konsep scope dan controller, melainkan menggunakan component-based sebagai arsitektur utamanya.
- Angular memiliki sintaks yang berbeda dengan angularJs, lebih menekankan pada “[ ]” untuk property binding dan “( )” untuk event binding.
- Modularity, angular dapat tersusun dari beberapa module dan memeliki banyak core functional.
Angular CLI
Angular CLI adalah singkatan dari Angular Command Line Interface yang merupakan seperangkat command line yang digunakan untuk mengembangkan sebuah aplikasi angular. Dengan cli, programmer tidak perlu menghabiskan waktu untuk melakukan install dan setup kebutuhan dasar yang terlalu banyak, cukup dengan menjalankan beberapa command cli saja. Tutorital tentang cara menginstall angular cli dapat anda baca di tulisan saya Cara menginstall angular cli.
Berikut beberapa command line cli yang sering digunakan dalam mengembangkan aplikasi angular.
- ng new, digunakan unutk membuat project baru
- ng serve, digunakan unutk menjalankan sebuah project angular
- ng generate, untuk men-generate beberapa kebutuhan seperti component, module, service, pipe dan lain-lain.
- ng build, untuk build dan deploy.
- ng test, untuk melakukan testing pada aplikasi angular
Untuk cara menginstall angular cli anda dapat membaca tulisan saya di Cara menginstall angular 6.
Single Page Application (SPA)
Single Page Application adalah sebuah aplikasi yang berbeda dengan website tradisional pada umumnya. Seperti namanya, SPA adalah sebuah aplikasi yang dapat dijalankan di browser hanya dengan satu halaman saja.
Salah satu framework yang mendukung SPA adalah angular. Jika anda menjalankan sebuah aplikasi angular di laman browser dan melakukan navigasi dari satu halaman ke halaman lain maka anda akan melihat bahwa browser tidak memuat ulang halaman tersebut.
SPA memuat keseluruhan content ketika aplikasi pertama kali di jalankan, selebihnya komuniasi antara client dan server melalui ajax dan server mengirimkan balikan dalam format json ke client-side. Sehingga tampak seolah-olah laman website tidak dimuat ulang ketika berpindah-pindah halamn.
Semoga bermanfaat. Salam.
