Apa itu AngularJS? Perkenalan, Architekstur & Fitur
Apa itu AngularJS?
AngularJS adalah kerangka kerja Model-View-Controller sumber terbuka yang mirip dengan JavaNaskah kerangka. AngularJS mungkin adalah salah satu kerangka web modern paling populer yang tersedia saat ini. Kerangka kerja ini sebagian besar digunakan untuk mengembangkan aplikasi Halaman Tunggal. Framework ini telah dikembangkan oleh sekelompok pengembang dari Google sendiri.
Karena dukungan Google dan ide-ide dari forum komunitas luas, kerangka kerja ini selalu diperbarui. Selain itu, selalu mengikuti tren perkembangan terkini di pasar.
AngularJS Architekstur
Angular.js mengikuti arsitektur MVC, diagram kerangka kerja MVC seperti yang ditunjukkan di bawah ini:

- Controller mewakili lapisan yang memiliki logika bisnis. Peristiwa pengguna memicu fungsi yang disimpan di dalam pengontrol Anda. Peristiwa pengguna adalah bagian dari pengontrol.
- Tampilan digunakan untuk mewakili lapisan presentasi yang disediakan kepada pengguna akhir
- Model digunakan untuk merepresentasikan data Anda. Data dalam model Anda dapat sesederhana memiliki deklarasi primitif. Misalnya, jika Anda mengelola aplikasi siswa, model data Anda dapat hanya memiliki id dan nama siswa. Atau dapat juga menjadi rumit dengan memiliki model data terstruktur. Jika Anda mengelola aplikasi kepemilikan mobil, Anda dapat memiliki struktur untuk menentukan kendaraan itu sendiri dalam hal kapasitas mesin, kapasitas tempat duduk, dll.
Fitur AngularJS
Angular memiliki fitur-fitur utama berikut yang menjadikannya salah satu framework terkuat di pasaran:
- MVC – Kerangka kerja ini dibangun berdasarkan konsep terkenal MVC (Pengontrol Tampilan Model). Ini adalah pola desain yang digunakan di semua aplikasi web modern. Pola ini didasarkan pada pemisahan lapisan logika bisnis, lapisan data, dan lapisan presentasi menjadi beberapa bagian terpisah. Pembagian menjadi beberapa bagian dilakukan agar masing-masing bagian dapat dikelola dengan lebih mudah.
- Pengikatan Model Data – Anda tidak perlu menulis kode khusus untuk mengikat data ke kontrol HTML. Hal ini dapat dilakukan oleh Angular hanya dengan menambahkan beberapa cuplikan kode.
- Menulis lebih sedikit kode – Saat melakukan manipulasi DOM banyak JavaNaskah diperlukan untuk ditulis untuk merancang aplikasi apa pun. Namun dengan Angular, Anda akan kagum dengan lebih sedikitnya jumlah kode yang perlu Anda tulis untuk manipulasi DOM.
- Satuan pengujian siap – Para desainer di Google tidak hanya mengembangkan Angular tetapi juga mengembangkan kerangka pengujian yang disebut “Karma” yang membantu dalam merancang pengujian unit untuk aplikasi AngularJS.
Keunggulan AngularJS
Berikut kelebihan AngularJS:
- Karena ini adalah kerangka kerja sumber terbuka, jumlah kesalahan atau masalah dapat diminimalkan.
- Pengikatan dua arah – Angular.js menjaga lapisan data dan presentasi tetap sinkron. Sekarang Anda tidak perlu menulis perintah tambahan JavaKode skrip untuk menjaga data dalam kode HTML dan data Anda nanti tetap sinkron. Angular.js akan melakukannya secara otomatis untuk Anda. Anda hanya perlu menentukan kontrol mana yang terikat pada bagian mana dari model Anda.
- Perutean – Angular dapat menangani perutean yang berarti berpindah dari satu tampilan ke tampilan lainnya. Ini adalah kunci fundamental dari aplikasi satu halaman; di mana Anda dapat berpindah ke fungsi berbeda di aplikasi web Anda berdasarkan interaksi pengguna namun tetap berada di halaman yang sama.
- Angular mendukung pengujian, keduanya Pengujian Unit, dan Tes integrasi.
- Itu memperluas HTML dengan menyediakan elemennya sendiri yang disebut arahan. Pada tingkat tinggi, arahan adalah penanda pada elemen DOM (seperti atribut, nama elemen, dan komentar atau kelas CSS) yang memberitahu kompiler HTML AngularJS untuk melampirkan perilaku tertentu ke elemen DOM tersebut. Arahan ini membantu memperluas fungsionalitas elemen HTML yang ada untuk memberikan lebih banyak kekuatan pada aplikasi web Anda.