Tutorial AngularJS Part 1 : Pengertian Dan Cara Menggunakan AngularJS
Pengertian Dan Cara Menggunakan AngularJS
Halo apa kabar teman-teman semua yang masih stay tune di malasngoding.com ? mudah-mudahan semuanya masih di berikan kesehatan oleh Allah SWT ya. hehe.. di kesempatan kali ini kita akan mulai masuk ke tutorial belajar Angular JS. pasti teman-teman yang sedang membaca tutorial ini sudah pernah bahkan sering mendengar angular JS. oleh sebab itu mungkin teman-teman penasaran dan ingin mempelajari angularjs. tutorial ini di tujukan untuk teman-teman yang baru mulai belajar angularJS. tidak termasuk untuk master-master ya. karena saya sendiri juga sedang belajar, jadi sama-sama aja kita belajar angular JS.
Baca Juga : Pengertian dan Cara Menggunakan JQuery
Pengertian AngularJS
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
|
1 2 3 4 5 6 7 8 9 10 |
<!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
|
1 2 3 4 5 6 7 8 9 10 |
<!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 | MalasNgoding.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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!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
|
1 |
<html ng-app> |
kemudian perhatikan lagi pada
|
1 2 3 4 |
{{ " 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 AngularJS Part 1 : Pengertian Dan Cara Menggunakan AngularJS. untuk kelanjutan dari tutorial angularJS akan kita lanjutkan pada tutorial selanjutnya di kategori tutorial angularJS.
Artikelnya sederhana dan mudah dipahami, terima kasih malasngoding.com
sama sama mas
permisi, lanjutannya kapan ya ?