Apa itu AngularJS?
AngularJS adalah framework Model-View-Controller open source yang mirip dengan framework JavaScript.
Angular JS mungkin adalah salah satu kerangka kerja web modern paling populer yang tersedia saat ini. Kerangka kerja ini digunakan untuk mengembangkan sebagian besar aplikasi Halaman Tunggal. Kerangka kerja ini telah dikembangkan oleh sekelompok pengembang dari Google sendiri.
Karena dukungan Google dan ide-ide dari forum komunitas yang luas, kerangka kerja ini selalu diperbarui. Selain itu, selalu memasukkan tren perkembangan terbaru di pasar.
Dalam tutorial ini, Anda akan belajar-
- Fitur AngularJS
- Arsitektur Angularjs
- Keuntungan AngularJS
Fitur AngularJS
Angular memiliki fitur utama berikut yang menjadikannya salah satu kerangka kerja yang kuat di pasar.
-
MVC - Kerangka kerja ini dibangun di atas konsep MVC (Model-View-Controller) yang terkenal. 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.
-
Data Model Binding - Anda tidak perlu menulis kode khusus untuk mengikat data ke kontrol HTML. Ini dapat dilakukan oleh Angular hanya dengan menambahkan beberapa potongan kode.
-
Menulis lebih sedikit kode - Saat melakukan manipulasi DOM, banyak JavaScript harus ditulis untuk mendesain aplikasi apa pun. Tetapi dengan Angular, Anda akan kagum dengan jumlah kode yang lebih sedikit yang perlu Anda tulis untuk manipulasi DOM.
-
Unit Testing 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.
Arsitektur AngularJS
Angular.js mengikuti arsitektur MVC, diagram kerangka MVC seperti yang ditunjukkan di bawah ini.
-
Kontroler 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 untuk pengguna akhir
-
Model digunakan untuk mewakili data Anda. Data dalam model Anda bisa sesederhana hanya memiliki deklarasi primitif. Misalnya, jika Anda mengelola aplikasi siswa, model data Anda bisa saja memiliki id siswa dan nama. Atau bisa juga kompleks dengan memiliki model data terstruktur. Jika Anda mempertahankan aplikasi kepemilikan mobil, Anda dapat memiliki struktur untuk menentukan kendaraan itu sendiri dalam kaitannya dengan kapasitas mesin, kapasitas tempat duduk, dll.
Keuntungan AngularJS
-
Karena ini adalah kerangka kerja sumber terbuka, Anda dapat mengharapkan jumlah kesalahan atau masalah menjadi minimal.
-
Pengikatan dua arah - Angular.js menjaga data dan lapisan presentasi tetap sinkron. Sekarang Anda tidak perlu menulis kode JavaScript tambahan untuk menjaga data dalam kode HTML dan data Anda nanti tetap sinkron. Angular.js secara otomatis akan melakukan ini untuk Anda. Anda hanya perlu menentukan kontrol mana yang terikat ke bagian mana dari model Anda.
-
Routing - Angular dapat menangani perutean yang berarti berpindah dari satu tampilan ke tampilan lain. Ini adalah kunci fundamental dari aplikasi satu halaman; di mana Anda dapat beralih ke fungsi yang berbeda di aplikasi web Anda berdasarkan interaksi pengguna tetapi tetap pada halaman yang sama.
-
Angular mendukung pengujian, baik Pengujian Unit, dan Pengujian Integrasi.
-
Ini 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 memberi tahu compiler HTML AngularJS untuk melampirkan perilaku tertentu ke elemen DOM tersebut. Arahan ini membantu dalam memperluas fungsionalitas elemen HTML yang ada untuk memberi lebih banyak kekuatan pada aplikasi web Anda.