Materi 6 | Aplikasi Web

Hello Word Menggunakan AngularJS pada HTML

Dasar-Dasar

Materi yang dipelajari pada bab ini :

·         Memasang AngularJs

·         Hello World

·         Workflow

·         Filter

·         Basic Directive

1.1 Memasang AngularJs

Proses instalasi atau pemasangan AngularJs ke dalam aplikasi yang akan kita bangun sangatlah mudah. Kita hanya perlu meng-include file AngularJs di dalam file HTML menggunakan tag </> script seperti layaknya file JavaScript biasa.

Atau jika pembaca lebih memilih untuk mengunduh filenya terlebih dahulu untuk direferensikan melalui folder lokal maka menjadi seperti di bawah ini.

Untuk angular JS libray bias di download di mari ya

https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js

 



1.2 Hello World

Supaya belajarnya jadi semangat maka akan saya tunjukkan sedikit kesaktian dari AngularJs. Idenya sangat sederhana namun akan membuat kita paham bagaimana flow dari AngularJs.

1.    Buat sebuah file dengan nama index.html dan pasang AngularJs seperti pada contoh di atas.

2.    Buat sebuah folder baru bernama js sejajar dengan file index.html.

3.    Buat file dengan nama app.js di dalam folder js tadi dan isikan kode berikut.



1.    Include file app.js di dalam file index.html menggunakan tag </> script, letakkan pada bagian atas sebelum tag </>body.

2.    Buat folder baru dengan nama controllers di dalam folder js dan buat file. MainController.js di dalam folder baru ini.

3.    Isikan kode berikut di dalam file MainController.js.



1.    Include file MainController.js di dalam file index.html menggunakan tag </> script, letakkan pada bagian atas sebelum tag </> body.

2.    Edit file index.html menjadi seperti tampak pada kode berikut.





27 November 2020 14:49:30 #150 x

PROFIL KAMI

Lembaga Peduli Pendidikan Masyarakat / LP2M ARAY

Array mengambil istilah di dunia komputer, bisa bermakna variabel yang menyimpan lebih dari 1 buah data yang memiliki tipe data yang sama.

Atau dalam chip komponen bisa bermakna tempat pemrosesan data sementara dalam hal komunikasi digital antar register chip.

Jadi dapat di implisitkan bahwa Kami dan Anda merupakan kumpulan dari SDA-SDM dengan tujuan Utama yang sama, yang dijadikan dalam suatu wadah / tempat kursus. Yang walaupun berbeda alamat memorinya / asalnya namun memiliki satu tujuan bersama...Kesuksesan bersama..Kebaikan bersama.

Penghilangan karakter A dalam array menjadi aray, adalah demi mengenangkan dan menyesuaikan nama-nama Pendiri Mula (Team Kecil) terlahirnya LP2MARAY #Adi Wijaya, Riadi Marta Dinata, Abdul Karim dan Yus Piterjon.

NASIHAT BERSAMA

“Sesungguhnya Allah tidak mengubah keadaan suatu kaum sampai mereka mengubah keadaan diri mereka sendiri.” Q. S. [13] : 11

STAFF ON READY

Adiarray

Matlab, Pyton, Bahasa R, Android, C++, Statistik

Nico

PHP Mysql, Desain Grafis, Layout, Photoshop, SEO

Heru KZW

Android Studio, Web Desain, CMS, CSS

Tony Blair

Java, Android, PHP Mysql, Matlab, C#, VBNET

LP2MARAY BENEFITS

Ratusan bahkan Ribuan sudah banyak yang belajar di LP2MARAY dengan banyak aplikasi yang dibuatnya

Aplikasi TextMining, Aplikasi Data Mining, Aplikasi Klasifikasi, Aplikasi Peramalan, Aplikasi Perangkingan, Aplikasi Olah Data Statistik, Aplikasi Sensor, Monitoring / Controlling Alat Rumah Tangga / Lingkungan, Image Processing, Animasi , Virtual Reality, Augmented Reality


Baik Berbasis Mobile, Desktop, Web, Animasi maupun Virtual adalah bidang yang sudah lama ditekuni juga sudah teruji di lapangan berupa prototype, sistem usulan, pengembangan / Novelty, maupun implementasi.