Lompat ke konten Lompat ke sidebar Lompat ke footer

Tutorial Install Dan Hello World AngularJS


Assalamua'alaikum Wr Wb.
Selamat Malam Guys. Kali ini Saya akan menceritakan sesuatu. pada suatu hari saya ditemani oleh teman-teman saya Bima, Christiawan Eko, dan Ri'fai untuk mengikuti Java Meet Up di daerah slipi tepatnya.
walaupun saya masih newbie alias awam tentang Java tetapi dengan keinginan belajar yang kuat, saya datang ke seminar tersebut. Pembicara seminar tersebut adalah Bapak Endy Muhardin Dari Artivisi. Alhamdulillah saya mendapatkan ilmu baru yaitu tentang AngularJS.
mungkin saya tidak akan menjelaskan apa itu AngularJS karena mungkin saya belum ada kosakata untuk menjelaskan nya hehe :D liad aja disini http://en.wikipedia.org/wiki/AngularJS
Oke kita akan langsung mempratekkan nya saja :) . kita akan mendapatkan kesimpulan setelah mengetahui hasilnya.

1. Langkah pertama sebelum menginstall dan coding menggunakan AngularJS adalah dengan mendownload js nya terlebih dahulu di http://angularjs.org/



2. Setelah mendownloadnya anda akan mendapatkan file seperti ini.



3. Buatlah sebuah folder baru.



4. Masukkan angular.min.js ke folder tersebut.



5. Untuk Coding HTML dan AngularJS saya menggunakan Notepad++, Jika anda belum memilikinya bisa mendownloadnya disini notepad-plus-plus.org . Anda juga bisa menggunakan Editor Lainnya seperti Adobe Dreamweaver, Netbeans, Microsoft Frontpage, dll . Sesuai keinginan masing-masing.
Buatlah sebuah catatan baru . Dan pastikan Language nya adalah HTML.



6. Ketikan script seperti dibawah ini.


<!doctype html>
<html ng-app="">
  <head>
    <script src="angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>My Name Is : </label>
      <input ng-model="namaAnda" placeholder="Masukkan Nama Anda Disini" type="text" />
      <hr />
      <h1>
My Name Is : {{namaAnda}}!</h1>
</div>
</body>
</html>
7. Save catatan tersebut dengan nama index.html di direktori folder yang sebelumnya sudah ditaruh angular.min.js nya.Untuk nama html nya bebas sesuai kebutuhan dan keinginan. Pastikan Save as type nya adalah HTML.




8.  Posisi Direktori seperti gambar di bawah ini.



9. Jalankan index.html pada Web Browser.




10. Hasilnya seperti dibawah ini.





Mungkin sekian tutorial Install Dan Hello World AngularJS. Sampai bertemu dengan artikel-artikel berikutnya.
Semoga Bermanfaat Dan Happy Learning.

Wassalamu'alaikum Wr Wb.

1 komentar untuk "Tutorial Install Dan Hello World AngularJS"

  1. What is make money? - How to make money
    2. Make money from sports betting online. หารายได้เสริม 1. Follow · 2. How do you 샌즈카지노 make money from 메리트 카지노 sports betting online · 3. Make money from online casino games

    BalasHapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel