Membuat Hello World menggunakan JQUERY

of 10 /10
MEMBUAT “HELLO WORLD” MENGGUNAKAN JQUERY OLEH : KHAIRUNNISA NIM. 1205467 TEKNOLOGI PENDIDIKAN UNIVERSITAS PENDIDIKAN INDONESIA

Embed Size (px)

Transcript of Membuat Hello World menggunakan JQUERY

Page 1: Membuat Hello World menggunakan JQUERY

MEMBUAT “HELLO WORLD” MENGGUNAKAN JQUERY

OLEH :

KHAIRUNNISANIM. 1205467

TEKNOLOGI PENDIDIKANUNIVERSITAS PENDIDIKAN INDONESIA

Page 2: Membuat Hello World menggunakan JQUERY

APA ITU JQUERY?

Page 3: Membuat Hello World menggunakan JQUERY

JQUERY

• Jquery adalah sekumpulan script fungsi-fungsi javascript atau frameworknya javascript.

• Dengan Jquery kita dapat membuat website yang lebih interaktif.

• Tanda dolar $() adalah tanda wajib yang dipakai di awal penulisan.

Page 4: Membuat Hello World menggunakan JQUERY

Bagaimana membuat “HELLO WORLD” seperti ini?

Page 5: Membuat Hello World menggunakan JQUERY

file HTML awal yang akan di berikan fungsi Jquery :

<html><head></head><body></body></html>

Page 6: Membuat Hello World menggunakan JQUERY

Kita memerlukan :1. Download javascript jquery di

http://www.jquery.com2. Text editor 3. Web browser

Text editor : notepad, adobe dreamweaver dll

Web browser : google chrome, mozilla firefox dll

STEP

1

Page 7: Membuat Hello World menggunakan JQUERY

STEP

2 Buatlah kode html ini pada text editor, disimpan dengan file .html dalam satu folder dengan jquery.js

Page 8: Membuat Hello World menggunakan JQUERY

STEP 3

Buatlah kode ini pada text editor, disimpan dengan file app.js dalam satu folder dengan jquery.js

Page 9: Membuat Hello World menggunakan JQUERY

HasilBuka file .html yang kita buat pada step 2 pada web browser maka akan menampilkan seperti ini :

Page 10: Membuat Hello World menggunakan JQUERY

Fungsi Toogle