Pada artikel kali ini Konsep Koding akan berbagi tutorial mengenai Angular framework UI dari Google. Angular 2 sekarang dikenal sebagai Angular adalah kerangka kerja/ Framework UI dan merupakan penerus AngularJs paling populer. Angular adalah sumber terbuka dan membantu kami membangun aplikasi dinamis & satu halaman (SPA). Pada artikel ini, kami akan memberi Anda pengantar dan pengenalan tentang Angular.
 |
| Pengenal Angular Framework UI Dari Google |
Apa itu Angular?
Angular adalah kerangka kerja UI untuk membangun aplikasi web seluler dan desktop. Itu dibangun menggunakan JavaScript. Anda dapat menggunakannya untuk membangun aplikasi sisi klien yang luar biasa menggunakan HTML, CSS, dan JavaScript.
Angular memiliki banyak peningkatan dibandingkan AngularJS. Ini memiliki banyak inovasi, yang memudahkan untuk mempelajari dan mengembangkan aplikasi skala perusahaan. Anda dapat membangun Aplikasi yang dapat diperpanjang, Dapat Dipelihara, Dapat Diuji, dan Terstandarisasi menggunakan Angular.
Fitur Angular
Angular dimuat dengan Fitur Power-packed. Beberapa fitur tercantum di bawah ini
Two-Way Data Binding
Ini adalah fitur paling keren dari Angular. Pengikatan data dilakukan secara otomatis dan cepat. perubahan yang dibuat di Tampilan diperbarui secara otomatis di kelas komponen dan sebaliknya
Dukungan Router yang Kuat
Mesin perutean/Router Angular Powerfull memuat halaman secara asinkron pada halaman yang sama yang memungkinkan kita membuat Aplikasi Halaman Tunggal.
HTML ekspresif
Angular memungkinkan kita untuk menggunakan konstruksi pemrograman seperti jika kondisi, untuk loop, dll untuk membuat dan mengontrol bagaimana halaman HTML.
Modular oleh Desain
Angular mengikuti desain modular. Anda dapat membuat modul Angular untuk mengatur dan mengelola basis kode kami dengan lebih baik
Dukungan Back-End bawaan
Angular memiliki dukungan bawaan untuk berkomunikasi dengan server back-end dan menjalankan logika bisnis apa pun atau mengambil data
Komunitas Aktif
Angular Didukung oleh google dan memiliki komunitas pendukung aktif yang sangat baik. Ini membuat banyak perbedaan karena pertanyaan Anda diselesaikan dengan cepat.
Angular telah berubah secara besar-besaran dari AngularJS. Angular sepenuhnya didesain ulang dari awal. Ada banyak konsep angularJS yang telah berubah di Angular.
Perbedaan utama antara AngularJs & Angular
Dukungan untuk ES6
Angular sepenuhnya ditulis dalam TypeScript dan memenuhi spesifikasi ECMAScript 6. Ini berarti ia memiliki dukungan untuk Modul ES6, kerangka kerja Kelas, dll.
Komponen adalah pengontrol baru
Di AngularJS kami memiliki Controllers. Di Angular Controller diganti dengan Angular Components. Pengontrol dan tampilan di AngularJS didefinisikan sebagai berikut:
Directives
AngularJS memiliki banyak Directives. Beberapa direktif yang paling sering digunakan adalah ng-repeat & ng-if
<ul>
<li ng-repeat =customer in vm.customers>
{{customer.name}}
</li>
</ul>
<div ng-if=”vm.isVIP”> <h3> VIP Customer </h3> </div>
Data Bindings
Pengikatan data sudut yang kuat tetap sama, dengan sedikit perubahan sintaks.
//AngularJS
<h3> ng-bind=vm.customer.name></h3>
//Angular
<h3 [innerText]=”customer.name” ></h3>
Event Binding
//AngularJS
<button ng-click=”vm.save()”>Save<button>
//Angular
<button (click)=”save()”>Save<button>
Dukungan Seluler
AngularJS tidak dibuat dengan mempertimbangkan dukungan seluler. Sudut dirancang dengan pengembangan seluler dalam pikiran.
Kesimpulan
Angular berubah drastis dari AngularJS dalam banyak aspek dan menjadi jauh lebih mudah dan lebih cepat. Daftar di atas adalah daftar singkat dan tidak lengkap. Dalam tutorial berikutnya, kita akan menemukan hal-hal yang harus Anda miliki & ketahui sebelum memulai membangun aplikasi dengan Angular. Anda kemudian dapat pindah untuk membaca cara Membuat Aplikasi Sudut Pertama Anda
0 Comments