JavaScript adalah bahasa pemrograman yang banyak digunakan dalam pengembangan website, aplikasi, dan game.Dengan menguasai bahasa pemrograman ini, Anda bisa membuat tampilan website yang menarik atau mengembangkan game online berbasis web yang populer.
Bagaimana? Tertarik untuk mempelajari JavaScript? Jangan khawatir, karena di artikel ini Anda akan belajar tentang pengertian JavaScript, fungsi, kelebihan, dan juga cara kerjanya. Tanpa perlu berlama-lama, yuk simak pembahasannya!
Apa itu Javascript?
JavaScript adalah bahasa pemrograman populer yang digunakan untuk membuat situs dengan konten website yang dinamis. Faktanya, ada lebih dari 67,7 persen developer yang menggunakan JavaScript, lho!
Konten dinamis artinya konten dapat bergerak atau berubah di depan layar tanpa perlu mereload halaman. Misalnya saja, fitur slideshow foto, gambar animasi, pengisian poling, dan lainnya.
JavaScript sendiri sebenarnya biasanya dikolaborasikan dengan HTML dan CSS. Di mana HTML digunakan untuk membuat struktur website dan CSS untuk merancang style halaman website. Lalu, JavaScript berperan menambahkan elemen interaktif untuk meningkatkan engagement pengguna.
Sebagai contoh, ketika Anda memberikan like dan komentar di Twitter. Anda bisa melihat munculnya jumlah like dan komentar yang terus bertambah secara real time, tanpa direload.
Fungsi JavaScript
- Membuat website interaktif
Bosan dengan tampilan website yang terlalu kaku? Nah, penggunaan JavaScript ini memungkinkanmu untuk membuat situs yang dinamis dan interaktif lho!
Fungsi utama JavaScript bisa dibilang untuk membuat website terlihat menarik dengan konten-kontennya yang dinamis. Konten website yang bisa bergerak dengan otomatis tanpa perlu direload berkali-kali adalah salah satu pengaplikasian JavaScript.
- Mengembangkan aplikasi mobile
Bukan hanya website, JavaScript juga banyak digunakan untuk mengembangkan aplikasi di HP. Developer semakin dimudahkan membuat aplikasi mobile untuk dua sistem operasi sekaligus (Android dan iOS) berkat adanya framework JavaScript khusus untuk aplikasi mobile, React Native misalnya.
- Menciptakan game berbasis web
Kamu tentunya pernah bermain game online dari browser. Game berbasis web tersebut menggunakan JavaScript dalam pembuatannya.
Kalau tadi sudah disebutkan fungsi JavaScript untuk membuat konten yang dinamis, dengan hal ini kamu pun bisa menciptakan game berbasis web. Pengembangan game di JavaScript didukung dengan framework khusus seperti Panda.js dan Playground,js.
- Menjalankan web server
Tidak hanya bekerja untuk sisi browser/frontend saja, JavaScript juga mampu dijalankan di sisi server dengan bantuan Node.js.
Semenjak ada Node.js, JavaScript bisa kamu gunakan di luar dari browser, misalnya untuk mengembangkan back-end (server), console, program desktop, mobile, game, dan lain sebagainya.
Cara kerja JavaScript pada website
Cara kerja JavaScript adalah tidak memerlukan compiler. (Sumber: Pexels)
Untuk menjalankan JavaScript, browser harus mendukung JavaScript. Karena JavaScript bukan merupakan compiled language, maka untuk menjalankan JavaScript tidak memerlukan compiler. Oleh karena itu, kode dari JavaScript bisa langsung diterjemahkan oleh web browser.
Sebelum menulis JavaScript, penting untuk mengetahui cara kerjanya. Ada dua bagian penting untuk dipelajari yaitu cara kerja browser web dan Document Object Model (DOM). Browser web memuat halaman web, mem-parsing HTML, dan membuat apa yang dikenal sebagai Document Object Model (DOM) dari kontennya. DOM menyajikan tampilan langsung halaman web ke kode JavaScript-mu. Browser kemudian akan mengambil semua yang terkait dengan HTML, seperti gambar dan fileCSS. Informasi CSS berasal dari pengurai CSS.
HTML dan CSS disatukan oleh DOM untuk membuat halaman web terlebih dahulu. Kemudian, mesin JavaScript browser memuat file JavaScript dan kode sebaris tetapi tidak segera menjalankan kode tersebut melainkan menunggu HTML dan CSS untuk menyelesaikan pemuatan.
Setelah ini selesai, JavaScript dijalankan sesuai urutan penulisan kode. Ini menghasilkan DOM yang diperbarui oleh kode JavaScript dan di-render oleh browser. Urutan di sini penting. Jika JavaScript tidak menunggu HTML dan CSS selesai, maka tidak akan dapat mengubah elemen DOM.
Editor by : Flqyrd