Pemrograman Web

advertisement
Pemrograman Web
JavaScript
Lutfi Budi Ilmawan
Univ. Muslim Indonesia
JavaScript
 Javascript adalah bahasa pemrograman skrip yang
ditempelkan pada kode HTML & Web.
 Javascript digunakan untuk memprogram behavior
dari suatu halaman web.
 Javascript dan java merupakan 2 bahasa
pemrograman yang berbeda.
 Diperkenalkan dengan nama LiveScript oleh pihak
Nestcape, kemudian diganti menjadi JavaScript.
 JavaScript termasuk dalam bahasa pemrograman
client side scripting.
Penulisan JavaScript
 Internal
 Eksternal
Penulisan Internal
 Kode javascript disisipkan pada dokumen html.
 Di apit oleh tag <script> … </script>
 Tag <script> bisa ditempatkan dalam tag <head>
atau tag <body>
 Jika penulisan secara internal, kode javascript
dianjurkan ditulis dalam tag <body> dan berada
pada bagian akhir, sebab dapat mempercepat page
load.
Penulisan ekternal
 Penulisan secara eksternal dilakukan jika kode
javascript yang sama digunakan oleh halaman web
yang berbeda-beda.
 File eksternal javascript memiliki ekstensi .js
 Untuk melakukan metode penulisan eksternal,
digunakan tag <script> dengan atribut src.
 Keuntungan:
 Kode javascript dan HTML berpisah, sehingga mudah
untuk dibaca dan diubah.
 Dapat mempercepat page load.
JavaScript Output
Javascript dapat menampikan data dengan cara:
 Menampilkan data pada Alert Box, menggunakan
window.alert()
 Menampilkan data pada dokumen HTML,
menggunakan document.write()
 Menampilkan data pada elemen HTML,
menggunakan innerHTML
 Menampilkan data pada browser console,
menggunakan console.log()
JavaScript Syntax
 Statement pada javascript dipisahkan oleh tanda titik
koma (;).
 Konstanta pada javascript disebut sebagai literal.
 Variabel pada javascript didefinisikan menggunakan
keyword var
 Contoh:
Var x;
x = 5;
 Camel case dan underscore digunakan untuk
penulisan variabel yang memiliki 2 atau lebih suku
kata pada javascript, sedangkan penggunaan
hyphen tidak diperbolehkan.
JavaScript Operator
 Operator Aritmatik
JavaScript Operator (cont.)
 Assignment operator
JavaScript Operator (cont.)
 Operator pembanding
JavaScript Operator (cont.)
 Operator logic
Tipe data pada JavaScript
 Javascript dapat menampung nilai dengan tipe data
number, string, array, object, boolean, dll.
 Javascript dapat memiliki tipe data yang dinamis.
Function
 Function merupakan blok/potongan program yang
dapat berisi instruksi/statement tertentu.
 Function bisa digunakan berulangkali tanpa harus
melakukan parsing dan compile ulang.
 Function hanya dieksekusi jika dipanggil.
 Terdiri dari 2:
 Function invocation
 tidak mengembalikan nilai
 Function Return
 mengembalikan nilai
 Penulisan function:
function nama_function(){
……..
……..
}
Event
 Event merupakan keadaan yang diakibatkan oleh
perubahan kondisi suatu item.
 Dalam pemrograman, setiap event dapat ditulisi kode
untuk mengerjakan beberapa perintah.
Statement Kondisional
 If statement
 Switch
Perulangan / Looping
 Looping digunakan untuk megulang statement
tertentu pada program.
 Dengan looping, seorang programer tidak lagi menulis
kode program secara berulang untuk kode yang
fungsi dan penggunaanya sama , tetapi hanya
mendevenisikannya di dalam looping sehingga dapat
menghemat space dalam menulis kode sebuah
program.
 Jenis:
 Perulangan for
 Perulangan while
 Perulangan do … while
Perulangan for
 Penulisan:
Perulangan while
 Penulisan:
Perulangan do … while
 Penulisan
Download