1. Membuat “Hello World”
Sederhana dengan jQuery Mobile
Astri Regina A
1206328
Kependidikan Guru TIK
Bahasa Pemrograman

2. Pengertian jQuery
jQuery merupakan kumpulan JavaScript
yang memudahkan kita dalam membuat
suatu program web pada suatu halaman
tanpa harus berbelit-belit dalam
menambahkan properti atau apapun pada
halaman tersebut.
JavaScript sendiri merupakan bahasa
scripting yang dibuat untuk berinteraksi
dengan halaman web.

3. Apa Itu jQuery Mobile?
jQuery Mobile merupakan User Interface
Framework yang menggunakan jQuery
sebagai bagian utama dalam
pemrogramannya. jQuery Mobile lebih fokus
terhadap HTML dan CSS dengan cara
merubahnya menjadi halaman yang mobile
friendly dan memungkinkan pengguna untuk
berinteraksi.

4. Membuat “Hello World”
Menggunakan jQ mobile
Kali ini saya akan menjelaskan bagaimana cara
membuat “Hello World” dengan menggunakan jQ
Mobile sederhana tanpa harus mengunduh jQuery-
nya terlebih dulu.
Yang dibutuhkan dalam kegiatan ini adalah:
• Web Browser seperti Mozilla Firefox, Google
Chrome, Internet Explorer, dll.
• Text Editor seperti Notepad, Notepad ++, Bluefish,
Adobe Dreamweaver, dll.

5. • Step 1
Ketikan script dibawah ini pada sebuah Text Editor
yang anda miliki.

6. • Step 2
Save script tersebut dengan nama yang diinginkan
pada folder yang diinginkan, misal:
• Step 3
Buka file tersebut menggunakan web browser yang
anda miliki.

7. Maka hasil yang akan muncul adalah…..
Hasil yang muncul tergantung script yang dibuat, jika
ingin tampilan dengan gambar, warna, dll dapat
menggunakan script yang sesuai.

8. Penjelasan Mengenai Script Yang
Dibuat
Merupakan pernyataan yang digunakan untuk
mengidentifikasi jenis dokumen HTML yang digunakan
agar browser dapat menentukan bagaimana
memperlakukan kode tersebut.
Merupakan script jenis doctype html yang digunakan.
Link kode jQuery yang akan otomatis terunduh oleh
web page apabila kita mengakses web page ini.

9. Merupakan script untuk menampilkan judul halaman
yang diakses.
Terdapat dalam body, berguna untuk memberikan
sebuah header pada tampilan web page.
Bagian dari body yang berguna untuk menampilkan
informasi atau apapun yang diinginkan pada web
page.

10. Hasil seluruhnya…
Demikian yang dapat saya bagikan mengenai jQuery
mobile, semoga bermanfaat 