Selamat Pagi, Siang, Sore ,Malem atau Subuh barangkali, kembali lagi dengan ane "sebut saja bunga" Kali ini ane bakal nge-share tentang AngularJS..???
Kalo Menurut ane pribadi, secara konsep AngularJS dengan jQuery sudah berbeda dimana jQuery merupakan library Javascript, sedangkan AngularJS merupakan framework Javascript.
Dilihat dari title situs resminya "http://angularjs.org" aja "Superheroic JavaScript MVW Framework" bisa diartikan AngularJS merupakan sebuah framework struktural untukweb dinamis dari sisi client dengan konsep MVW.
Sekarang pasti agan mikir tujuhh keliling, apa itu MVW Framework? Nih ane kasi tau dahh, MVW tuh singkatan dari Model View Whatever, tujuannya untuk memisahkan logika presentasi dari logika bisnis, dimana Javascript berperan untuk mengelola model, logika dan html untuk layer persentai. Kebanyakan web developer mengenal konsep ini ketika model dan logika bisnis dalam sisi server.
Kenapa Harus memilih AngularJS ???
- Pertama AngularJS ini dikembangkan oleg Google, yang berarti AngularJS ini dikelola dari Google dan banyak digunakan untuk produk-produk Google dan akan menjadi standarisasi struktur aplikasi dari sisi klien.
- kedua Template yang digunakan AngularJS adalah html
- ketiga AngularJS adalah solusi lengkap untuk pengembangan front-end yang cepat, tidak ada plugin atau framework lain yang diperlukan untuk membangun suatu aplikasi. Fitur yang sangat menonjol pada AngularJS :
- Javascript yang sangat sederhana, dengan cepat AngularJS dapat berkomunikasi dari server ke klien. Dalam satu baris Javascript, agan dan sista bisa terhubung dengan server dan mendapatkan data yang agan dan sista butuhkan untuk berinteraksi dangan halaman aplikasi yang dibangun.
- Mudah dipelajari (Sebenernya tergantung orangnya).
tutorial.html
<html ng-app>
<head>
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular.js"></script>
</head>
<body ng-controller="MainCtrl">
<h1>Latihan AngularJS</h1>
<ul>
<li ng-repeat = "siswa in siwas">
{{siswa.nama}}
</li>
</ul>
</body>
</html>
<script type="text/javascript">
function MainCtrl ($scope){
$scope.siswas = [ {nama : "Adan"},
{nama : "Idin"}
]
}
</script>
Mudah kan? Tenang gan, nanti kita bahas satu satu apa itu directive, controller, $scope, ng-repeat.
Sekian dulu dari ane gan, kalo ada salah salah komen aja gan, Ane cuma sebatas manusia biasa aja soalnya...
Inget gan CMIIW oke!!!
sumber : dari buku ane..
kunjungi yang laennya -> http://bit.ly/1xtZpVV
kunjungi yang laennya -> http://bit.ly/1xtZpVV
