Post on 10-Feb-2016
description
+
Pemrograman JavascriptTeknik InformatikaUniversitas Bunda Mulia Jakarta
Chandra Hermawan H., M.Kom., MM.
+
+?
+
smartPribadi yang Cerdas
sincereBerhati Tulus
diligentRajin dan Tekun
helpfulSuka Membantu Sesama
Commit, Accountable, Respect, Excel
+Ketentuan Umum1. Maksimum terlambat 30 menit, lewat 30 menit absensi tidak
diperhitungkan
2. Diharapkan aktif berpartisipasi dalam kelas
3. Tidak menggunakan laptop di kelas
4. Tidak mengakses situs FB, Twitter, dan situs jejaring lainnya selama perkuliahan dan lab
5. Setiap pelanggaran butir 3 dan 4 akan diperhitungkan pada nilai akhir (-10)
6. Dilarang mengkopi hasil karya orang lain saat ujian / tugas mandiri
7. Materi kuliah dapat didownload di http://chermawan.blog.ubm.ac.id
8. Pertanyaan seputar materi dapat disampaikan melalui email chermawan@bundamulia.ac.id
+Buku Referensi
Abdul Kadir. (2003). Pemrograman web, mencakup : HTML, CSS, JavaScript dan PHP. 1. Andy Offset, Yogya
Shelley Powers (2010). Javascript Cookbook. O Reilly, USA
Danny Goodman (2001). Javascript Bible. Hungry Mind Inc., New York
Tim Dosen (2010). Modul Pemrograman Javascript. UBM, Jakarta
+
Start YourEngine
+ Apa itu Javascript ? Bagaimana cara kerja Javascript ? Apa itu Java ? Pelajaran Pertama JavaScript
JavaScript Statements JavaScript & HTML forms
+Apa itu Javascript ?
Adalah bahasa pemrograman script yang paling populer digunakan di Internet (wikipedia): Javascript dirancang untuk menambah interaktivitas Bahasa scripting yang digunakan ringan Javascript umumnya diletakkan menjadi satu dengan
HTML Setiap orang dapat menggunakan Javascript secara
gratis Javascript merupakan pemrograman terbuka
+
Keterbatasan HTML Text, images, tables, frames
Memungkinkan adanya interaksi Memungkinkan adanya perubahan pada tampilan Pemrograman sederhana yang mudah dipelajari
Mengapa Javascript ?
+Yang Bisa Dihasilkan Tampilan yang lebih menarik Navigasi Situs Perhitungan Matematik Validasi input Pengembangan lainnya
+Cara Kerja Javascript Tergabung dalam kode HTML
View source
Dijalankan di sisi pengguna (client) Dapat dikombinasikan dengan tag HTML Tidak memerlukan aplikasi lain selain browser
+Javascript vs Java Javascript sangat berbeda dari Java Java merupakan bahasa pemrograman lengkap,
sedangkan javascript merupakan bahasa sederhana
Java lebih kompleks Java perlu di-compile dahulu sebelum digunakan Java tidak harus berjalan diatas browser Java dan Javascript dapat digabungkan pada
sebuah halaman web
+Membuat Javascript Memerlukan sintaks khusus <script> </script> Belajar dasarnya, pelajari javascript orang lain Dibuat menggunakan text editor, dan
dijalankan melalui web Perlu ketelitian dan kesabaran, pesan
kesalahan pemrograman seringkali membingungkan
+Javascript Statement<html>
<head><title>My Page</title></head>
<body>
<script language="JavaScript">
document.write('This is my first JavaScript Page');
</script>
</body>
</html>
+Javascript Statement<html>
<head><title>My Page</title></head>
<body>
<script language=“JavaScript">
document.write('<h1>This is my first
JavaScript Page</h1>');
</script>
</body>
</html>
HTML dalam JavaScript
+Javascript Statement<html>
<head><title>My Page</title></head>
<body>
<p>
<a href="myfile.html">My Page</a>
<br />
<a href="myfile.html"
onMouseover="window.alert('Hello');">
My Page</A>
</p>
</body>
</html>
JavaScript dalam HTMLEvent
+Javascript Statement<script language="JavaScript">
window.prompt('Enter your name:','');
</script>
<form>
<input type="button" Value="Press" onClick="window.alert('Hello');">
</form>
Event
Tanda pemisah: " dan '
+HTML Form dan Javascript Javascript sangan bermanfaat untuk
memproses halaman form pada html HTML <form> akan menerima masukkan dari
pengguna Form dan elemen dari form memiliki nama
unik, dimana: Masing-masing elemen form dapat diidentifikasi Menggunakan JavaScript Document Object Model
(DOM)
+Penamaan Form dan Elemen Form
<form name="addressform">Name: <input name="yourname"><br />Phone: <input name="phone"><br />Email: <input name="email"><br /></form>
+Form & Javascriptdocument.formname.elementname.value
Contoh:document.addressform.yourname.value
document.addressform.phone.value
document.addressform.email.value
+Contoh Sederhana
<form name="alertform">
Enter your name:
<input type="text" name="yourname">
<input type="button" value= "Go" onClick="window.alert('Hello ' + document.alertform.yourname.value);">
</form>
+Tips Pemrograman Pastikan statement dalam 1 baris program Pastikan tanda baca " and ‘ Perhatikan penulisan huruf besar dan kecil Permudah pembacaan kode program
menggunakan tab Teliti dan Sabar
+
THANK YOU