Dasar-Dasar yang dipelajari di Dalam Angular JS Part 1

by | Sep 22, 2016 | Javascript, Kursus Website, Programming, Tips Trik | 0 comments

Halo teman teman pada kesempatan kali ini saya akan membahas tenteng Dasar-Dasar yang dipelajari di Dalam Angular JS Part 1, pada pembahasan kali ini saya akan membahas mengenai cara proses instalasi atau pemasangan angular js kedalam aplikasi yang akan kita buat.

Sebelum kita masuk kedalam pembahasan ada baiknya kita mengenal dulu apa sih yang di maksud dengan angular js, dan apa fungsi dari angular js tersebut.

Angular js merupakan font-end framework untuk javascript, pertama kali dikembangkan oleh Misko Hevery dan Abrons pada tahun 2009, yang saat ini di maintain oleh Google.

Script yang terdapat pada Angular JS lebih terstruktur untuk membuat sebuah aplikasi web yang dinamis, dan Angular JS juga mendukung penggunaan HTML sebagai pembuatan struktur dari website yang ingin kita buat.

Fitur fitur umum yang terdapat di dalam Angular JS yaitu :

  1. Angular JS merupakan sebuah Framework yang lebih efisien dalam membangun sebuah Rich Internet Applications (RIA).
  2. Aplikasi yang dirancang menggunakan Angular JS dapat di jalankan pada semua browser
  3. Angular JS merupakan Open Source, gratis .

Fitur – fitur inti (core) yang terdapat didalam Angular JS yaitu :

  1. Scope : merupakan sebuah object model, antara controller dan view
  2. Controller : merupakan sebuah fungsi-fungsi dari javascript
  3. Service : Angular js memiliki beberapa built-in services $http untuk membuat sebuah XMLHttpRequests.
  4. Filter : merupakan pilihan sebuah item yang terdapat pada array
  5. Directives : merupakan sebuah marker dari DOM seperti element, Attribute, CSS dan yang lainnya
  6. Templates
  7. Routing : merupakan perpindahan sebuah tampilan
  8. Data binding
  9. Model View Whatever : Angular JS tidak mengimplementasikan MVC secara umum tetapi menggunakan MVVM (Model View View Model).
  10. Deep linking
  11. Dependency Injection : untuk memudahkan developer dalam membuat dan mencoba aplikasi yang ingin di buat.

Pada Angular JS dapat dibagi menjadi tiga bagian utama yang nantinya akan sering kita jumpai pada materi pembahasan berikutnya yaitu :

  1. ng-app : merupakan sebuah link atau arahan dari aplikasi Angular JS ke HTML
  2. ng-bind : merupakan perintah atau sebuah arahan dari aplikasi Angular JS ke tag HTML
  3. ng-model : merupakan sebuah perintah atau arahan dari aplikasi angular JS ke tag HTML

Okay teman-teman kita langsung saja Dasar-Dasar yang dipelajari di Dalam Angular JS Part 1 yaitu proses instalasi atau pemasangan Angular JS kedalam aplikasi yang ingin kita buat, kita hanya perlu meng-include file angular di dalam file HTML dengan menggunakan tag <script> seperti kita menggunakan tag <script> pada javascript biasa, seperti dibawah ini,

 

<html>

<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script> 
</head>
<body>
</body>
</html>

Atau bisa dengan cara mengunduh filenya terlebih dahulu, untuk dimasukan kedalam folder local yang kita inginkan seperti di bawah ini,

<html>
<head>
  <title></title>
</head>
<body>
   <!—nama file yang telah di unduh -->
   <script src="js/angular.min.js"></script>
</body>
</html>

Bagaimana teman-teman cukup mudah bukan.

Sekian tutorial saya kali ini mengenai Dasar Dasar yang di Pelajari didalam Angular JS Part 1.

Terimakasih.