School of Information Systems

Angular JS

21 Mar 2019

Angular merupakan sebuah front-end framework javascript yang memungkinkan untuk membuat reaktif Single Page Aplication (SPA). Single Page Aplication yaitu aplikasi yang berjalan hanya pada satu halaman, tidak membutuhkan reload page meskipun terlihat di url saat perpindahan halaman. Angular JS sendiri merupakan framework javascript open source yang dikelolah oleh google. Angular JS bukan berupa libary melainkan framwork yang solid. Sama seperti framwork lainnya. Angular JS memiliki onsep MVC (Model, View, Control) meskipun dengan cara yang berbeda.

Berikut beberapa fitur – fitur yang dimiliki oleh Angular JS :

  1. Data binding– Sinkronisasi data seraca otomatis antara komponen model dan view.
  2. Scope − Merupakan obyek yang mengacu pada model. Scope bertindak sebagai lem antara controller dan View.
  3. Controller− Merupaan fungsi JavaScript yang terikat pada lingkup tertentu.
  4. Services − AngularJS datang dengan beberapa built-in services misalnya $http untuk membuat XMLHttpRequests. Ini adalah objek tunggal yang dipakai hanya sekali di aplikasi.
  5. Filter− Pilihan subset dari item dari array dan mengembalikan array baru.
  6. Directives − Adalah tanda-tanda pada elemen DOM (seperti elemen, atribut, css, dan lain – lain). Ini dapat digunakan untuk membuat kustom tag HTML yang berfungsi sebagai widget baru, kustom. AngularJS memiliki built-in arahan.
  7. Templates− Adalah View yang diberikan dengan informasi dari controller dan model. Terdapat beberapa view dalam satu halaman, menggunakan “parsial” atau file tunggal (seperti index.html).
  8. Routing–  Merupajan konsep View switching.
  9. Model View − MVC adalah pola desain untuk membagi aplikasi menjadi bagian yang berbeda (disebut Model, View dan Controller), masing-masing dengan tanggung jawab yang berbeda. AngularJS tidak melaksanakan MVC dalam arti tradisional, tetapi agak sesuatu lebih dekat ke MVVM(Model-View-ViewModel).
  10. Deep Linking− Deep menungkinkan  menghubungkan Anda untuk menyandikan keadaan aplikasi dalam URL sehingga ia dapat bookmarked. Aplikasi kemudian dapat dikembalikan dari URL ke negara yang sama.
  11. Dependency Injection− AngularJS memiliki built-in ketergantungan injeksi subsistem yang membantu pengembang dengan membuat aplikasi lebih mudah untuk mengembangkan, memahami, dan menguji.

Setiap framework pasti memiliki keunggulan dan kekurangannya masing – masing, berikut keunggulan dan kekurangan Angular JS:

Keunggulan

  • AngularJS menyediakan kemampuan untuk membuat satu halaman aplikasi dengan cara yang sangat bersih / clean dan maintainable .
  • AngularJS menyediakan kemampuan mengikat data ke HTML sehingga memberikan pengguna pengalaman yang kaya dan responsif
  • Kode AngularJS merupakan unit yang telah teruji.
  • AngularJS menggunakan injeksi ketergantungan dan membuat penggunaan keprihatinan pemisahan.
  • AngularJS menyediakan komponen yang dapat digunakan kembali.
  • Dengan AngularJS, pengembang dapat menulis lebih sedikit kode dan mendapatkan lebih banyak fungsi.
  • Dalam AngularJS, murni halaman View html, dan ditulis dalam JavaScript controller melakukan proses bisnis.

Kekurangan

  • Tidak aman menjadi JavaScript hanya sebagai framework, aplikasi yang ditulis dalam AngularJS tidak aman. Sisi server otentikasi dan otorisasi adalah keharusan untuk mengamankan aplikasi.
  • Tidak Degradable – jika pengguna aplikasi Anda menonaktifkan JavaScript, maka pengguna hanya akan melihat halaman dasar dan tidak lebih.
Viriya