PWeb-3-JavaScript

JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.

Bahasa pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.

Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped dan berorientasi objek.

Fungsi JavaScript Dalam Pemograman Web

JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Sebelum javascript, setiap interaksi dari user harus diproses oleh web server.

Bayangkan ketika kita mengisi form registrasi untuk pendaftaran sebuah situs web, lalu men-klik tombol submit, menunggu sekitar 20 detik untuk website memproses isian form tersebut, dan mendapati halaman yang menyatakan bahwa terdapat kolom form yang masih belum diisi.

Untuk keperluan seperti inilah JavaScript dikembangkan. Pemrosesan untuk mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan dari web server ke dalam web browser.

Dalam perkembangan selanjutnya, JavaScript tidak hanya berguna untuk validasi form, namun untuk berbagai keperluan yang lebih modern. Berbagai animasi untuk mempercantik halaman web, fitur chatting, efek-efek modern, games, semuanya bisa dibuat menggunakan JavaScript.

Java script from Fajar Baskoro

Materi

Java sfb from Fajar Baskoro

Contoh :

Javascript1 pdf from Fajar Baskoro

Referensi : 

1. Javascript Headfirst
2. Javascript Gold
3. https://github.com/javascript-indonesias/kodepos-indonesia-code/tree/master/src
4. https://belajarphp.net/tutorial-validasi-form-menggunakan-html-dan-javascript/
5. https://www.malasngoding.com/membuat-form-validasi-dengan-javascript/
6. https://www.w3schools.com/js/js_validation.asp
7. https://codekey.id/javascript/form-javascript/
8. https://codingwebsite.wordpress.com/2014/09/10/drop-down-list-dinamis-dengan-javascript/

Presentasi :

Latihan : 

1. Buatlah sebuah form registrasi yang terdiri dari nama mahasiswa, nim, mata kuliah, dan dosen. Form registrasi ini memiliki aturan sebagai berikut. Ketika pengguna sistem akan mengisikan data nama dengan memasukkan huruf tertentu maka akan muncul rekomendasi tertentu. Gunakan referensi di internet ataupun yang lainnya untuk memecahkan kasus tersebut.

2. Buatlah pencarian kode pos Indonesia dengan inputan Provinsi, Kabupaten/ Kota, Kecamatan, kemudian outputnya kode pos dan informasi daerah.

3. Membuat List Dropdown dinamis

Absensi

Monitoring

Form Monitoring Tugas

Hasil Monitoring

https://www.slideshare.net/slideshow/pemrograman-web-pengantar-javascript-pdf/283318205

https://www.slideshare.net/slideshow/pemrograman-web-pengantar-javascript-1-pdf/283318244

https://www.slideshare.net/slideshow/pemrograman-web-pengantar-javascript-2-pdf/283318243

Kuliah 22-9-2025

https://youtu.be/ptG5-7K1pcc