Tutorial Cara Menjalankan Kode Program JavaScript

17 September 2019 by Maressa Anastasya
Cara Menjalankan Kode Program JavaScript

JavaScript merupakan bahasa pemrograman web yang bersifat Client Side Programming Langguage. Client Side Programming Language merupakan tipe bahasa pemrograman yang prosesnya dilakukan client. Aplikasi client yang dimaksud adalah lebih kepada Google Chrome dan juga Mozilla Firefox.

Bahasa pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti PHP dimana server side semua kode pemrograman dilakukan di server. Untuk menjalankan JavaScript, anda hanya butuh aplikasi text editor dan juga web browser. JavaScript mempunyai beberapa fitur seperrti client side, loosely tiped, high level programming language dan juga berorientasi objek.

Fungsi JavaScript Pada Pemrograman Web

Pada awalnya, JavaScript berguna untuk membuat interaksi antar user dengan situs web agar menjadi lebih cepat tanpa harus menunggu pemrosesan pada web server. Sedangkan sebelum ada JavaScript, maka interaksi dari user harus diproses oleh web server.

Bisa dibayangkan jika anda mengisi form registrasi pendaftaran di sebuah situs web kemudian klik pada tombol submit dan menunggu sekitar 20 detik supaya website bisa memproses isi form yang tentu membutuhkan proses yang lama.

Untuk kebutuhan seperti itulah, JavaScript kemudian semakin dikembangkan dan proses untuk memeriksa apakah form sudah terisi atau tidak, maka bisa dipindahkan dari web server ke dalam web browser. Seiring perkembangan, JavaScript tidak hanya dapat digunakan untuk validasi form akan tetapi juga untuk banyak kebutuhan yang lebih modern. Dari mulai berbagai animasi untuk memperindah halaman web, efek modern, fitur chatting, games dan lainnya semua bisa dibuat memakai JavaScript.

Namun karena sifatnya dijalankan di sisi client yaitu di dalam web browser yang dipakai pengunjung situr, maka user sepenuhnya bisa mengontrol eksekusi JacaScript. Hampir semua web browser menyediakan fasilitas untuk mematikan JavaScript atau mengubah kode JavaScript yang ada, sehingga anda tidak bisa bergantung pada JavaScript dengan sepenuhnya.

Perkembangan JavaScript Sekarang

JavaScript dalam perkembangannya mengalami masalah yang serupa seperti kode pemrograman web yang bersifat client side seperti CSS yaitu bergantung pada implementasi web browser. Kode JavaScript yang anda buat bisa saja tidak bekerja pada Internet Explorer sebab web browser tidak mendukung. Untuk itu, programmer harus bekerja lebih giat dalam membuat kode program supaya bisa mengakali dukungan web browser.

Karena itulah JavaScript awalnya masuk dalm bahasa pemrograman yang sulit sebab harus dibuat beberapa kode program untuk banyak web browser. Akan tetapi beberapa tahun ini, JavaScript kembali naik sebab kemudahan yang diberikan komunitas programmer yang membuat Library JavaScripy sepertu Query.

Library tersebut akan memudahkan anda untuk membuat program JavaScript untuk semua browser sekaligus untuk membuat berbagai fitur canggih yang sebelumnya memerlukan ribuan kode program menjadi lebih sederhana.

Selanjutnya, JavaScript juga tetap akan menjadi kebutuhan programmer khususnya karena situs sekarang ini juga mewajibkan memiliki banyak ditur modern yang digunakan sebagai standar.

Cara Menjalankan Kode JavaScript

Karena JavaScript adalah bahasa script yang berjalan di web browser, maka program yang diperlukan untuk menjalankan JavaScript adalah aplikasi text editor dan juga web browser seperti Mozilla Firefox dan juga Google Chrome.

Untuk aplikasi text editor, anda bisa memakai aplikasi notepad bawaan Windows atau memakai aplikasi khusus text editor seperti Notepad++ yang ringan dan gratis. Jika aplikasi Notepad++ dan web browser sudah siap, maka anda bisa mencoba menjalankan aplikasi JavaScript pertama.

Untuk cara penulisan JavaScript hampir sama dengan penulisan bahasa pemrograman web lain seperti CSS dan PHP yaitu dengan menyisipkan kode JavaScript dalam HTML. Silahkan anda buka aplikasi text editor kemudian silahkan ketik kode berikut ini:

Cara Menjalankan kode JavaScript

Save kode HTML tersebut dengan nama belajar_js.html dan bisa disimpan di folder mana saja sebab anda tidak harus meletakkannya dalam folder web server seperti file PHP. Untuk menjalankan file ini, maka sama seperti HTML biasa yakni double click pada belajar_js.html dan hasilnya akan terlihat pada web browser.

Cara Menjalankan kode JavaScript

Untuk uji kode JavaScript yang sudah dibuat, anda bisa klik tombol “Semangat..!!” sebanyak beberapa kali dan kalimat baru nantinya akan ditambahkan pada akhir halaman web.

Cara Menampilkan Pesan Error JavaScript

Meski menjalankan JavaScript bisa dengan mudah dilakukan dengan web browser, namun ternyata juga memberikan permasalahan tersendiri bagi programmer. Umumnya ketika membuat program, bisa saja anda melakukan kesalahan dalam penulisan program seperti salah menulis fungsi atau lupa untuk menambahkan tanda “;”  sebagai penutup baris. Umumnya, pesan kesalahan nantinya akan langsung ditampilkan dan anda hanya perlu mengoreksinya.

Namun pesan error untuk JavaScript tidak akan langsung ditampilkan pada web browser. Web browser sebenarnya merupakan aplikasi untuk menampilkan halaman web dan secara default web browser akan menyembunyikan masalah coding halaman web yang ditampilkan. Ini bertujuan untuk pengguna baru yang pasti akan merasa bingung ketika melihat pesan error di halaman web.

Khusus untuk programmer, anda membutuhkan hal yang sebaliknya yakni supaya web browser bisa menampilkan pesan error dari program yang sudah dibuat. Beberapa tahun lalu, untuk kebutuhan debugging ini anda harus memakai plugin tambahan yang diinstal di web browser. Akan tetapi untuk sekarang, web browser sudah menyediakan fitur bawaan untuk menampilkan error dan juga proses debugging untuk programmer web khususnya JavaScript.

Menu Developer Tool Pada Google Chrome

Apabila anda memakai Google Chrome, maka pada web browser ini ada fitur bernama Developer Tools dan juga JavaScript Console. Seperti namanya, Developer Tools merupakan fasilitas yang dirancang khusus untuk pengembangan web. Dengan fitur tersebut, anda bisa menampilkan pesan errror JavaScript, HTML, CSS dan juga melihat efeknya secara real time.

Untuk mengakses fitur tersebut, anda bisa klik tombol setting Google Chrome di bagian kanan atas lalu cari menu Tools dan pilih salah satu Developer Tools atau JavaScript Console. Developer Tools juga bisa dibuka dengan shortcut tombol keyboard: ctrl+shift+i. Supaya bisa lebih nyaman, anda bisa menghafal tombol shortcut itu sebab nantinya akan sering digunakan. Berikut adalah tampilan menu di Google Chrome:

Ketika menu Developer Tools ditampilan, maka anda akan melihat ada banyak tab yang tersedia untuk kebutuhan debugging. Akan tetapi untuk sekarang, anda hanya perlu fokus pada tab console dan berikut adalah tampilan pesan error JavaScript:

Untuk mencoba, anda bisa edit contoh halaman belajar_js.html sebelumnya. Hapus beberapa hurus dari JavaScript yang ada kemudian jalankan dengan jendela Developer Tools dalam kondisi terbuka sehingga anda bisa melihat error program ditampilkan pada tab console lengkap dengan baris kode tersebut mengalami error.

Web Developer Firebug

Sebelum web browser menyediakan menu web browserr, Plugin Firebug menjadi aplikasi plugin yang wajib diinstal web programmer. Plugin ini memberikan banyak fasilitas lengkap untuk menulis program, debugging dan juga edit JavaScript dalam waktu bersamaan.

Plugin Firebug disediakan untuk Mozilla Firefox dan juga Google Chrome. Anda bisa menginstall plugin tersebut untuk melihat fitus apa saja yang disediakan Firebug. Plugin ini adalah alternatif pilihan untuk menggantikan menu web developer bawaan web browser.

Komentar

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.
Bidang yang harus diisi ditandai *

WhatsApp
IDprogrammer
IDprogrammer
Office

Kota Malang
- Jl. Laksda Adisucipto G.22 (Graha Cipta Residence Blok B.5)

Blitar
- Jl. Jendral Sudirman, Kecamatan Ponggok / Ruko Pojok No 8, Kab Blitar

About Us
IDprogrammer merupakan perusahaan IT yang fokus melayani jasa pembuatan Website dan Aplikasi Profesional
Office

Kota Malang
- Jl. Laksda Adisucipto G.22 (Graha Cipta Residence Blok B.5)

Blitar
- Jl. Jendral Sudirman, Kecamatan Ponggok / Ruko Pojok No 8, Kabupaten Blitar

About Us
IDprogrammer merupakan perusahaan IT yang fokus melayani jasa pembuatan Website dan Aplikasi Profesional
© Copyright 2019 IDprogrammer. All rights reserved.