BLOG

Pengertian dan Mengenal Angular JS

シックス , BLOG
0
2492

AngularJS adalah sebuah framework Javascript yang di kembangkan atau di bangun oleh tim Google. angularjs menggunakan metode MVC yang membuat source code aplikasi kita menjadi bersih dan mudah di kembangkan. sampai saat ini angularjs sudah menjadi salah satu framework javascript yang paling populer dan sangat banyak di gunakan oleh para developer di seluruh dunia untuk membangun aplikasi. kehandalan dari angularjs sendiri tidak bisa di ragukan lagi, salah satu faktor nya karena di kembangkan oleh para tim ahli dari google. angular JS juga menyediakan panduan cara penggunaannya pada situs resmi angularJS. untuk panduan penggunaan angularJS yang di sediakan oleh angularJS dapat di lihat di sini. dan angularJS juga di gunakan untuk membangun aplikasi yang bersifat single page application. Tutorial AngularJS Pengertian Dan Cara Menggunakan AngularJS

Cara Menginstal AngularJS

Sama seperti library JavaScript lainnya, sebelum mulai menggunakan angularjs untuk membangun aplikasi yang harus di lakukan pertama kali adalah menginstall atau menghubungkan project dengan angularJS. download angularjs di situs resminya. klik di sini

Tersedia beberapa opsi pada saat mendownload angularJS

pengenalan angularjs cara menginstall dan menggunakan angularjs

Bisa di lihat pada gambar di atas, tersedia beberapa opsi untuk penggunaan angularJS. bisa dengan cara mendownload dan meletakkan file angularJS pada project dan bisa juga menggunakan angularjs dengan file CDN yang sudah di sediakan. berikut ini contoh cara menghubungkan angularjs melalui CDN


<!DOCTYPE html>
<html>
<head>
<title>Pegenalan Dan Cara Menggunakan AngularJS | MalasNgoding.com</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
</head>
<body>
<h1>Pegenalan Dan Cara Menggunakan AngularJS | MalasNgoding.com</h1>
</body>
</html>

Dan cara kedua bisa dengan cara mendownload file angularJS nya dan letakkan pada directory project kita. Tutorial AngularJS Pengertian Dan Cara Menggunakan AngularJS


<!DOCTYPE html>
<html>
<head>
<title>Pegenalan Dan Cara Menggunakan AngularJS | MalasNgoding.com</title>
<script type="text/javascript" src="angular.min.js"></script>
</head>
<body>
<h1>Pegenalan Dan Cara Menggunakan AngularJS | sixghakreasi.com</h1>
</body>
</html>

Cara Menggunakan AngularJS

Setelah selesai melakukan instalasi angularjs langkah selanjutnya adalah dengan mencoba membuat contoh penggunaan dari angularJS yang detail nya akan saya bahas di tutorial selanjutnya di malasngoding.com. buat sebuah file. di sini saya membuat file dengan nama index.html. dan sudah saya hubungkan dengan angularJS. saya meletakkan contoh project ini si localhost saya dalam folder tutorial_malasngoding/angularjs/

index.html


<!DOCTYPE html>
<html ng-app>
<head>
<title>Pegenalan Dan Cara Menggunakan AngularJS | MalasNgoding.com</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
</head>
<body>
<h1>Pegenalan Dan Cara Menggunakan AngularJS | MalasNgoding.com</h1>
{{ " Tutorial angularJS | MalasNgoding.com " }}
<br/>
<br/>
{{ 25 + 25 }}
</body>
</html>
;

perhatikan pada contoh di atas. yang pertama kali harus di lakukan adalah dengan menambahkan ng-app directive pada file html. “ng-app” di sini berfungsi untuk memperkenalkan pada browser bahwa file html ini menggunakan angularJS. di sini saya menambahkan ng-app di tag pembuka <html>. Tutorial AngularJS Pengertian Dan Cara Menggunakan AngularJS

<html ng-app>

Kemudian perhatikan lagi pada


{{ " Tutorial angularJS | MalasNgoding.com " }}
<br/>
<br/>
{{ 25 + 25 }}

Syntax {{}} merupakan expressions dari angularJS. fungsi nya untuk menampilkan apa yang ingin kita tampilkan. sama halnya seperti syntax echo jika di php. angularJS langsung menghitung hasil nya jika di berikan operator aritmatika di dalam expressions nya seperti contoh yang dapat teman-teman lihat.

tutorial angularjs pengertian dan cara menggunakan angularjs

Sekian dulu tutorial Pengertian dan Mengenal Angular JS

0 Comments

×