PEMROGRAMAN BERBASIS WEB ** -

JAVASCRIPT

MINGGU KE 6

2

PENGANTAR JAVASCRIPT

• JavaScript adalah bahasa script yang berbasis pada

pemrograman java

• JavaScript digunakan pada Web pages untuk

meningkatkan design, validate forms, detect browsers,

create cookies, GUI, dsb

• JavaScript adalah bahasa scripting yang paling populer di

internet dan bekerja pada banyak browser seperti Internet

Explorer, Mozilla, Firefox, Netscape, Opera

• Menggunakan sintaks seperti C++/Java

• JavaScript adalah interpreted language (artinya bahwa

scripts dijalankan tanpa di kompile terlebih dahulu)

PEMROGRAMAN BERBASIS WEB ** (4KA)

3

PENGENALAN JAVASCRIPT

• JavaScript diperkenalkan pertama kali oleh Netscape pada

tahun 1995. Pada awalnya bahasa ini dinamakan “LiveScript”

yang berfungsi sebagai bahasa sederhana untuk browser

Netscape Navigator 2. Pada masa itu bahasa ini banyak

dikritik karena kurang aman, pengembangannya yang

terkesan buru-buru dan tidak ada pesan kesalahan yang

ditampilkan setiap kali kita membuat kesalahan pada saat

menyusun suatu program.

• Kemudian sejalan dengan sedang giatnya kerjasama antara

Netscape dan Sun (pengembang bahasa pemrograman

“Java”) pada masa itu, maka Netscape memberikan nama

“JavaScript” kepada bahasa tersebut pada tanggal

4 Desember 1995.

PEMROGRAMAN BERBASIS WEB ** (4KA)

4

PENGENALAN JAVASCRIPT (Lanjutan)

• JavaScript adalah bahasa yang berbentuk kumpulan skrip

yang pada fungsinya berjalan pada suatu dokumen

HTML,

• Bahasa ini adalah bahasa pemrograman untuk

memberikan kemampuan tambahan terhadap bahasa

HTML dengan mengijinkan pengeksekusian perintah-

perintah di sisi user, yang artinya di sisi browser bukan di

sisi server web.

• Java Script merupakan salah satu dari 3 bahasa wajib bagi

web developer :

HTML, menentukan isi dari halaman web

CSS, menspesifikasikan layout dari halaman web

JavaScript, memprogram perilaku dari halaman web

PEMROGRAMAN BERBASIS WEB ** (4KA)

5

APA PERBEDAAN JAVASCRIPT & JAVA ?

PEMROGRAMAN BERBASIS WEB ** (4KA)

6

APA YANG DAPAT DILAKUKAN JAVASCRIPT ?

• JavaScript dapat bereaksi terhadap events - JavaScript dapat di-set untuk

menjalankan saat terjadi sesuatu, seperti sebuah page telah selesai dipanggil

atau saat seorang user meng-klik pada HTML element

• JavaScript dapat membaca dan menulis HTML elements - JavaScript dapat

membaca dan mengubah isi dari HTML element

• JavaScript dapat digunakan untuk mem-validasi data - JavaScript dapat

digunakan untuk mem-validasi form data sebelum di-submitted ke server, hal

ini akan mengamankan server dari pemrosesan extra

• JavaScript dapat digunakan untuk mendeteksi browser pengunjung -

JavaScript dapat digunakan untuk mendeteksi browser pengunjung dan

memanggil page lain yang secara specifik didesain untuk browser tersebut

• JavaScript dapat digunakan untuk membuat cookies - JavaScript dapat

digunakan untuk menyimpan dan memanggil informasi di komputer

pengunjung

PEMROGRAMAN BERBASIS WEB ** (4KA)

7

BENTUK SKRIP DARI JAVASCRIPT

Skrip dari JavaScript terletak di dalam dokumen HTML. Kode tersebut

tidak akan terlihat dari dalam jendela navigator anda, karena diantara tag

tertentu yang memerintahkan navigator untuk memperlakukan bahwa

skrip tersebut adalah skrip dari JavaScript. Contoh dari skrip yang

menunjukkan bahwa skrip tersebut adalah skrip dari JavaScript adalah

sebagai berikut :

<SCRIPT language="Javascript">

letakkan script anda disini

</SCRIPT>

PEMROGRAMAN BERBASIS WEB ** (4KA)

8

MEMBERIKAN KOMENTAR

PEMROGRAMAN BERBASIS WEB ** (4KA)

9

JAVASCRIPT SEBAGAI BAHASA BERORIENTASI OBJEK

PEMROGRAMAN BERBASIS WEB ** (4KA)

10

PROPERTI

PEMROGRAMAN BERBASIS WEB ** (4KA)

11

METODE

PEMROGRAMAN BERBASIS WEB ** (4KA)

12

PENANGANAN KEJADIAN (EVENT HANDLER)

PEMROGRAMAN BERBASIS WEB ** (4KA)

13

PENANGANAN KEJADIAN (EVENT HANDLER)

(Lanjutan)

PEMROGRAMAN BERBASIS WEB ** (4KA)

14

MENANGANI PEMASUKAN DATA

PEMROGRAMAN BERBASIS WEB ** (4KA)

15

JENDELA PERINGATAN

PEMROGRAMAN BERBASIS WEB ** (4KA)

16

JENDELA KONFIRMASI

PEMROGRAMAN BERBASIS WEB ** (4KA)

Klik Oke Klik Batal

17

MENGENAL HIRARKI OBJEK

PEMROGRAMAN BERBASIS WEB ** (4KA)

18

KONSEP VARIABEL

PEMROGRAMAN BERBASIS WEB ** (4KA)

19

MENDEKLARASIKAN VARIABEL

PEMROGRAMAN BERBASIS WEB ** (4KA)

20

KONVERSI JENIS VARIABEL

PEMROGRAMAN BERBASIS WEB ** (4KA)

21

KONVERSI JENIS VARIABEL (Lanjutan)

PEMROGRAMAN BERBASIS WEB ** (4KA)

22

OPERATOR MATEMATIKA

PEMROGRAMAN BERBASIS WEB ** (4KA)

Operator Kegunaan Prioritas

+ Penjumlahan 3

- Pengurangan 3

* Perkalian 2

/ Pembagian 2

% Sisa Pembagian (modulus) 2

++ Penaikan 1 (kalau terletak di depan variabel)

4 (kalau terletak di belakang variabel

-- Penurunan 1 (kalau terletak di depan variabel)

4 (kalau terletak di belakang variabel

23

OPERATOR MATEMATIKA (Lanjutan)

PEMROGRAMAN BERBASIS WEB ** (4KA)

24

OPERATOR PEMBANDING DAN LOGIKA

PEMROGRAMAN BERBASIS WEB ** (4KA)

Operator Keterangan Kategori

== Kesamaan Pembanding

!= Ketidaksamaan Pembanding

< Kurang dari Pembanding

<= Kurang dari atau sama dengan Pembanding

> Lebih dari Pembanding

>= Lebih dari atau sama dengan Pembanding

! Bukan Logika

&& Dan Logika

|| Atau Logika

? Kondisi ? Nilai Benar : Nilai Salah Pembanding

25

OPERATOR PEMBANDING DAN LOGIKA (Lanjutan)

PEMROGRAMAN BERBASIS WEB ** (4KA)

26

PERNYATAAN IF

PEMROGRAMAN BERBASIS WEB ** (4KA)

if (kondisi) {

// blok pernyataan yang dijalankan

// kalau kondisi bernilai benar

}

27

PERNYATAAN IF DENGAN ELSE

PEMROGRAMAN BERBASIS WEB ** (4KA)

if (kondisi) {

// blok pernyataan yang dijalankan

// kalau kondisi bernilai benar

} else {

// blok pernyataan yang dijalankan

// kalau kondisi bernilai salah

}

28

PERNYATAAN IF BERSARANG

PEMROGRAMAN BERBASIS WEB ** (4KA)

29

PERNYATAAN SWITCH

PEMROGRAMAN BERBASIS WEB ** (4KA)

Bentuknya :

switch (variabel) {

case nilai1 :perintah1;break;

case nilai2 :perintah2;break;

defaultperintahN;break;

}

30

PERNYATAAN WHILE

PEMROGRAMAN BERBASIS WEB ** (4KA)

Bentuk pernyataan :

while (kondisi) {pernyataan

}

31

PERNYATAAN DO….WHILE

PEMROGRAMAN BERBASIS WEB ** (4KA)

Bentuk pernyataan :

do {blok pernyataan

} while (kondisi) ;

32

PERNYATAAN FOR

PEMROGRAMAN BERBASIS WEB ** (4KA)

Bentuk pernyataan :

for (inisialisasi; kondisi; penaikan_penurunan) {pernyataan_pernyataan

}

Terima Kasih