Apa itu AngularJS?
AngularJS adalah kerangka Model-View-Controller sumber terbuka yang serupa dengan kerangka JavaScript.
Angular JS mungkin merupakan salah satu kerangka web moden yang paling popular yang ada sekarang. Kerangka ini digunakan untuk mengembangkan kebanyakan aplikasi Halaman Tunggal. Rangka kerja ini telah dikembangkan oleh sekumpulan pemaju dari Google itu sendiri.
Kerana sokongan Google dan idea-idea dari forum komuniti yang luas, kerangka kerja selalu diperbaharui. Juga, ia sentiasa menggabungkan trend perkembangan terkini di pasaran.
Dalam tutorial ini, anda akan belajar-
- Ciri-ciri AngularJS
- Senibina Angularjs
- Kelebihan AngularJS
Ciri-ciri AngularJS
Angular mempunyai ciri utama berikut yang menjadikannya salah satu kerangka kerja yang kuat di pasaran.
-
MVC - Kerangka ini dibina berdasarkan konsep MVC yang terkenal (Model-View-Controller). Ini adalah corak reka bentuk yang digunakan dalam semua aplikasi web moden. Corak ini didasarkan pada pemisahan lapisan logik perniagaan, lapisan data, dan lapisan presentasi menjadi bahagian yang terpisah. Pembahagian ke dalam bahagian yang berbeza dilakukan agar setiap bahagian dapat diuruskan dengan lebih mudah.
-
Pengikatan Model Data - Anda tidak perlu menulis kod khas untuk mengikat data ke kawalan HTML. Ini dapat dilakukan oleh Angular dengan hanya menambahkan beberapa potongan kod.
-
Menulis kurang kod - Semasa melakukan manipulasi DOM, banyak JavaScript diperlukan untuk ditulis untuk merancang sebarang aplikasi. Tetapi dengan Angular, anda akan kagum dengan jumlah kod yang lebih sedikit yang perlu anda tulis untuk manipulasi DOM.
-
Unit Testing siap - Pereka di Google tidak hanya mengembangkan Angular tetapi juga mengembangkan kerangka ujian yang disebut "Karma" yang membantu dalam merancang ujian unit untuk aplikasi AngularJS.
Senibina AngularJS
Angular.js mengikuti seni bina MVC, rajah kerangka MVC seperti yang ditunjukkan di bawah.
-
Pengawal mewakili lapisan yang mempunyai logik perniagaan. Peristiwa pengguna mencetuskan fungsi yang disimpan di dalam pengawal anda. Acara pengguna adalah sebahagian daripada pengawal.
-
Pandangan digunakan untuk mewakili lapisan persembahan yang diberikan kepada pengguna akhir
-
Model digunakan untuk mewakili data anda. Data dalam model anda semudah memiliki pernyataan primitif. Sebagai contoh, jika anda mengekalkan aplikasi pelajar, model data anda mungkin hanya mempunyai id dan nama pelajar. Atau juga boleh menjadi kompleks dengan memiliki model data berstruktur. Sekiranya anda mengekalkan aplikasi pemilikan kereta, anda boleh mempunyai struktur untuk menentukan kenderaan itu sendiri dari segi kapasiti enjin, kapasiti tempat duduk, dll.
Kelebihan AngularJS
-
Oleh kerana ia adalah kerangka sumber terbuka, anda dapat menjangkakan jumlah kesalahan atau masalah menjadi minimum.
-
Pengikatan dua hala - Angular.js menyegerakkan lapisan data dan persembahan. Sekarang anda tidak perlu menulis kod JavaScript tambahan untuk menyimpan data dalam kod HTML dan data anda kemudiannya selaras. Angular.js akan melakukan ini secara automatik untuk anda. Anda hanya perlu menentukan kawalan mana yang terikat dengan bahagian model anda.
-
Routing - Angular dapat menjaga routing yang bermaksud berpindah dari satu pandangan ke pandangan yang lain. Ini adalah asas utama aplikasi halaman tunggal; di mana anda boleh beralih ke fungsi yang berbeza dalam aplikasi web anda berdasarkan interaksi pengguna tetapi tetap berada di halaman yang sama.
-
Ujian sokongan sudut, Ujian Unit, dan Ujian Integrasi.
-
Ia memperluas HTML dengan menyediakan elemen tersendiri yang disebut arahan. Pada tahap tinggi, arahan adalah penanda pada elemen DOM (seperti atribut, nama elemen, dan komen atau kelas CSS) yang memberitahu penyusun HTML AngularJS untuk melampirkan tingkah laku tertentu pada elemen DOM tersebut. Arahan ini membantu memperluas fungsi elemen HTML yang ada untuk memberi lebih banyak kekuatan pada aplikasi web anda.