Apa itu Bahasa Pemrograman JavaScript dan bagaimana cara kerjanya di situs web?
Sebagian besar dari kita, saat ini, pasti pernah mendengar bahasa pemrograman yang dikenal sebagai JavaScript . Ini cukup populer dan sebagian besar digunakan untuk mengembangkan situs web. Jika browser web Anda tidak mendukung JavaScript atau ada ekstensi yang memblokirnya , sebagian besar situs yang Anda kunjungi tidak akan dimuat dengan benar.
JavaScript berbeda dengan Java . Saat bahasa pemrograman ini digunakan, internet menjadi lebih interaktif dan dinamis, yang pada akhirnya memberikan pengalaman yang menarik bagi pengguna. Sekarang, aspek paling awal dari JavaScript muncul pada masa pemerintahan browser Web Netscape Navigator.
Sebelumnya, halaman web kekurangan animasi dan konten adaptif, tetapi ketika JavaScript turun di tempat, semuanya berubah.
Kami memahami bahwa selama bertahun-tahun, hanya sedikit browser web yang mendukung JavaScript, tetapi banyak hal telah berubah banyak hari ini. Semua browser web utama seperti Firefox, Chrome, dan Edge, sepenuhnya didukung oleh bahasa tersebut, itulah sebabnya web sangat responsif saat ini dibandingkan dengan 15 tahun yang lalu.
- Jadi, bagaimana cara kerja JavaScript?
- Apa yang dilakukan JavaScript di halaman Anda
- Bagaimana cara menambahkan JavaScript ke halaman web Anda
Mari kita bicarakan ini lebih detail.
1] Jadi, bagaimana cara kerja JavaScript?
Dalam kebanyakan kasus, JavaScript dikenal sebagai skrip sisi klien. Artinya, ini sangat bergantung pada perangkat klien seperti tablet atau smartphone untuk berjalan dengan baik. Perangkat lunak yang terletak di server jarak jauh akan mengirim data ke perangkat, dan dari sana, data ditampilkan di layar melalui browser web.
Sekarang, karena ini adalah skrip sisi klien, tidak membutuhkan server untuk beroperasi. Misalnya, jika halaman web sudah dimuat ke dalam browser web, tetapi karena alasan tertentu internet segera menghilang, pengguna harus dapat berinteraksi dengan situs web tersebut.
Jelas, Anda tidak akan dapat menavigasi ke halaman baru, hanya berinteraksi dengan data yang sudah dimuat di halaman saat ini.
Mari kita lihat beberapa hal yang mengaktifkan JavaScript di browser:
- Menu dropdown dan efek rollover
- Kemampuan untuk memutar audio dan video
- Muat konten segar tanpa harus memuat ulang halaman web
- Elemen halaman animasi
- Dan belum lagi, Pelengkapan Otomatis
Meskipun merupakan bahasa pemrograman skrip sisi klien, kami harus mengatakan bahwa ia melakukan pekerjaan terbaiknya ketika berkomunikasi dengan server jarak jauh. Pada dasarnya, skrip berkomunikasi dengan server di latar belakang tanpa mengganggu apa yang dilakukan pengguna di latar depan.
2] Apa yang dilakukan JavaScript di halaman Anda
Skrip melakukan banyak hal di halaman web, dan dalam banyak kasus, aspek tertentu dari halaman tidak akan terlihat sebagus sekarang tanpa JavaScript. Misalnya, alat ini terutama digunakan untuk memodifikasi HTML dan CSS secara dinamis. Kode yang sedang berjalan akan memperbarui antarmuka pengguna melalui API Model Objek Dokumen.
Selanjutnya, kode dijalankan pada halaman dalam urutan kemunculannya. Sekarang, ketika berbicara tentang JavaScript, HTML dan CSS harus dijalankan terlebih dahulu, atau mungkin ada kesalahan.
3] Bagaimana menambahkan JavaScript ke halaman web Anda
Ketika harus menambahkan JavaScript ke halaman web Anda, tugasnya tidak sulit sama sekali. Cukup pahami bahwa ini berlaku untuk halaman HTML Anda dengan cara yang sama seperti CSS dan Anda akan baik-baik saja.
Anda lihat, CSS menggunakan elemen <link> untuk mengimplementasikan stylesheet eksternal, dan elemen <style> untuk menambahkan stylesheet internal. HTML sedikit berbeda karena bergantung pada elemen <script>.
Kode JavaScript internal: Untuk menambahkan kode internal, harap salin dan tempel kode berikut setelahnya </head> tag: <script>
// JavaScript ada di sini</script>
Tambahkan skrip ke file eksternal: Kapan pun Anda merasa perlu menambahkan JavaScript ke file eksternal, sebaiknya ubah <script>elemen saat ini menjadi <script src="script.js" defer></script>.