Dalam tutorial pertama tentang JavaScript di Duniailkom ini, kita akan bahas Pengertian dan Fungsi JavaScript di web programming serta bagaimana perkembangan JavaScript hingga saat ini.
Pengertian JavaScript
Dalam pengertian sederhana, JavaScript adalah bahasa pemrograman web yang digunakan untuk memanipulasi element HTML dan membuat interaksi.
Sebagai contoh, apa yang terjadi ketika sebuah tombol di klik? Bagaimana membuat gambar muncul bergantian secara otomatis (slider), atau bagaimana cara mengubah warna kotak dari merah ke biru setelah tampil selama 1 menit? Inilah yang bisa kita lakukan dengan JavaScript.
JavaScript menambahkan aspek “interaktif” ke dalam HTML dan CSS. Misal, jika sebuah tag <h1> di klik, tampilkan isi seluruh artikel yang terdiri dari 10 tag <p>, atau jika sebuah gambar di klik, tukar class CSS-nya dari .normal menjadi .warning.
JavaScript yang akan kita pelajari dalam tutorial duniailkom ini termasuk kelompok bahasa pemrograman web berbasis client (client side programming language). Artinya, JavaScript di proses dalam web browser yang sama seperti kode HTML dan CSS. Ini berbeda dengan bahasa PHP yang diproses di server (server side programming language).
Mari kita simak pengertian JavaScript dari wikipedia:
“JavaScript is a high-level, dynamic, untyped, and interpreted programming language. It has been standardized in the ECMAScript language specification. Alongside HTML and CSS, it is one of the three core technologies of World Wide Web content production.“
Terjemahan bebasnya:
“JavaScript adalah bahasa pemrograman yang memiliki ciri-ciri: tingkat tinggi (high-level), dinamis, tidak bertipe dan diproses secara interpreted. JavaScript menggunakan standar spesifikasi ECMAScript. Bersama HTML dan CSS, JavaScript menjadi salah satu teknologi inti dari pembuatan konten halaman web (World Wide Web).“
Kita akan bahas pengertian yang “sangat teknis” ini.
JavaScript disebut sebagai bahasa pemrograman tingkat tinggi atau high-level programming language karena kodenya sudah mirip dengan bahasa inggris sehari-hari.
Dalam bahasa pemrograman tingkat tinggi, kita tidak lagi dipusingkan dengan pengaturan dasar seperti alokasi memory, register, garbage collection, dan hal teknis lain yang umumnya ada di dalam bahasa pemrograman tingkat rendah seperti bahasa assembly. Hampir semua bahasa pemrograman modern sudah termasuk high level programming language seperti PHP, Pascal, C++, Python dan JAVA.
JavaScript memiliki fitur dinamis, tidak bertipe dan diproses secara interpreted. JavaScript mirip bahasa PHP dimana kita tidak perlu menetapkan sebuah variabel harus bertipe integer, float, maupun string. Setiap variabel di dalam JavaScript bisa diisi dengan tipe data apa saja dan kapan saja sepanjang kode program (bersifat dinamis).
Ini berbeda dengan bahasa pemrograman seperti Pascal, C++ maupun JAVA yang setiap variabelnya hanya bisa diisi tipe data yang sudah ditetapkan, ini dikenal sebagai typed programming language. Dalam bahasa pemrograman jenis ini, jika sebuah variabel sudah ditetapkan bertipe integer (angka bulat), maka sepanjang kode program tidak bisa diisi dengan tipe data string (teks) maupun float (angka desimal).
JavaScript menggunakan standar spesifikasi ECMAScript. Maksudnya, yang membuat dan mengembangkan JavaScript adalah ECMA. ECMA merupakan singkatan dari European Computer Manufacturers Association, sebuah lembaga standarisasi Eropa khusus komputer. Jika ingin disamakan, ini mirip seperti SNI kalau di Indonesia (Standar Nasional Indonesia).
Bersama-sama dengan HTML dan CSS, JavaScript menjadi teknologi inti dari pembuatan konten halaman web (World Wide Web). Ketiga teknologi ini memiliki peran masing-masing. HTML dipakai untuk membuat struktur dan isi dari halaman web (content). CSS untuk mempercantik tampilan website (design). Dan Javacript berfungsi menangani interaksi (behavior). Sebutan kerennya: “HTML for content, CSS for presentation and JavaScript for behavior“.
Jika pengertian dari wikipedia ini terasa membingungkan, jangan khawatir. Anda cukup pahami bahwa JavaScript adalah bahasa pemrograman web yang dipakai untuk memprogram HTML. Dengan JavaScript, kita bisa membuat halaman web menjadi lebih interaktif.
Samakah JavaScript dengan JAVA?
Nama JavaScript memang sering membuat bingung programmer pemula. Ini karena terdapat bahasa pemrograman populer lain yang bernama JAVA. Tidak sedikit yang beranggapan bahwa JavaScript adalah versi “ringan” dari JAVA, atau JavaScript adalah bahasa pemrograman JAVA yang digunakan khusus membuat web.
JavaScript sepenuhnya berbeda dari JAVA. Penamaan yang mirip ini tidak lepas dari sejarah dan ide marketing oleh Netscape Communications, selaku perusahaan yang pertama kali mengembangkan JavaScript.
Sekitar tahun 1990an, Netscape (yang saat itu sedang bersaing dengan Microsoft) berusaha mendapatkan pangsa pasar web browser, yakni persaingan antara web browser Netscape Navigator dengan Internet Explorer. Era ini dikenal juga dengan era “browser war”.
Supaya lebih “menjual”, Netscape mengubah bahasa pemrograman yang dibuatnya dari “LiveScript” menjadi “JavaScript” dengan harapan bisa mengikuti kepopuleran bahasa pemrograman JAVA yang saat itu sedang booming di kalangan programmer.
Walaupun sepenuhnya berbeda, banyak syntax dan aturan penulisan JavaScript mirip dengan JAVA, ini karena keduanya sama-sama terinspirasi dari format penulisan bahasa C dan C++. Bahasa pemrograman PHP juga turunan dari C dan C++. Jika sebelumnya anda sudah pernah mempelajari PHP, aturan penulisan kode program di JavaScript akan terasa sangat mirip.
Fungsi JavaScript Dalam Pemograman Web
Pada awal dikembangkan, JavaScript berfungsi untuk membuat interaksi antara user dengan web menjadi lebih cepat. Sebelum ada JavaScript, setiap interaksi dari user harus diproses ke server.
Bayangkan ketika kita mengisi form registrasi untuk pendaftaran sebuah situs web, lalu men-klik tombol submit, menunggu sekitar 5 detik untuk website memproses form tersebut, dan mendapati ada kolom form salah.
Untuk keperluan seperti inilah JavaScript dikembangkan. Pemrosesan untuk memeriksa form bisa dipindahkan dari web server ke dalam web browser.
Dalam perkembangan selanjutnya, JavaScript tidak hanya bisa dipakai untuk validasi form, namun juga berbagai keperluan yang lebih modern. Berbagai animasi untuk mempercantik halaman web, fitur chatting, efek-efek modern, games, semuanya bisa dibuat menggunakan JavaScript.
Akan tetapi karena sifatnya yang dijalankan di sisi client yakni di dalam web browser yang digunakan oleh pengunjung, user sepenuhnya dapat mengontrol eksekusi JavaScript. Hampir semua web browser menyediakan fasilitas untuk mematikan JavaScript, atau bahkan mengubah kode JavaScript yang ada, sehingga kita tidak bisa bergantung sepenuhnya kepada JavaScript.
Modern JavaScript
Beberapa tahun belakangan, JavaScript berkembang dengan sangat pesat, terutama sejak kehadiran Nodejs. Dengan Nodejs, JavaScript bisa berjalan sebagai bahasa pemrograman server (menggantikan peran PHP).
Selain itu bermunculan framework front-end JavaScript seperti Angular, Vue, dan React. Framework jenis ini mempermudah pembuatan web SPA (Single-page Application). Contoh dari web SPA seperti Gmail, GDrive, atau Google Doc. Di web tersebut, halaman yang di akses cukup satu, tidak butuh reload seperti layaknya sebuah website. Ini lebih mirip seperti aplikasi desktop.
JavaScript juga berevolusi menjadi bahasa multi-platform, tidak hanya di lingkungan web saja. Sekarang kita bisa membuat aplikasi desktop dengan framework Electron, membuat aplikasi mobile dengan React Native, serta juga tersedia library/framework JavaScript untuk perangkat IOT (Internet of Things).
Semakin luasnya dunia JavaScript, membuka peluang besar bagi yang ingin fokus di bahasa yang satu ini. Dalam tutorial selanjutnya, kita akan berkenalan dengan Sejarah dan Perkembangan versi JavaScript.
Ternyata beda ya dengan Java, aku kira sebelumnya sama ternyata malah beda fungsi :D
Betul gan, penamaan ini membuat bingung banyak programmer pemula.
Web browser Netscape yang pertama kali mengembangkan JavaScript mengambil nama "Java" agar mengikut ketenaran bahasa pemrograman Java. Padahal sama sekali berbeda. Mungkin ada sedikit kesamaan cara penulisan, karena keduanya merupakan 'turunan' dari bahasa C.
Nama resmi JavaScript adalah EcmaScript, tp memang kurang populer, dan tetap umum disebut sebagai JavaScript.
Mas Andre mau sedikit masukkan tentang typo di kalimat "Fungsi JavaScript Dalam Pemograman (yang saya tahu harusnya Pemrograman) Web"
Hehe, betul gan. Terimakasih untuk koreksinya. Langsung diperbaiki :)
sebuah awal untuk menjadi programmer adalah dengan belajar coding salah satunya JavaScript
Siip, lanjut gan :)
ane ngeklik iklan 2 diwebsite ini… biar website ini tetep hidup… terimakasih ya gan…..
Hehe, sama2 gan… saya akan terus usahakan duniailkom bisa terus hadir sebagai salah satu situs referensi web programming di indonesia :)
walau masih baca baca inshallah bisa praktik dah amin bismillah
nice
kalau imacros itu pakai bahasa pemrograman apa ya ? punya refrensi untuk pemula om ? trima kasih infonya
Saya belum pernah coba imacros juga nih gan.. Mungkin mirip2 JavaScript.
Gan ,saya newbie nih dan tertarik dunia progremer .. Yang perlu di pelajari paling penting di js itu apa ya? Tolong penjelasannya .????
Kalau baru mulai, sebaiknya dari HTML dan CSS dulu gan, baru lanjut ke JavaScript. Bahkan kalau perlu coba belajar bahasa pemrograman dasar lain dulu seperi Pascal. JS lumayan rumit untuk pemula, karena sudah masuk ke pemrograman berbasis object.
mas andre salam kenal ya bisa mintak no WA biar bisa lebih enak kalo tanyak tentang pemrograman
Makasih gan. Sangat bermanfaat
bang ane masih pemula ,kalo bisa bang setiap pembahasan tentang pembelajaran program dikasih contohnya bang,soalna ane mau praktek jdi bingung nulis script na dimana ,trus kek mana jadinya yg benar dll
juga bang ajarin ane bang bedain html javascript ,css, bahasa program cmd ,nih bang email ane
ibnu229392@gmail.com
Jika baru mulai belajar web programming, harus dari HTML dulu, jangan langsung ke JavaScript. Penjelasannya saya bahas disini: https://www.duniailkom.com/ingin-belajar-web-programming-harus-mulai-dari-mana/
Pembahasan materi yang lebih dalam saya bahas di buku2 duniailkom. Silahkan apabila berminat…
,Thanks gan, ini sangat bermanfaat sekali bagi para pemula untuk belajar programmer dan saya sangat senang sekali
Bang abis Belajar css belajar apalagi ya
tolong sarannya?
Jika sudah HTML dan CSS, sebenarnya bisa pilih antara PHP dengan JavaScript (bisa yang mana saja). Tapi kalau tidak ada background programming, saya lebih mengarahkan ke PHP karena programmingnya relatif lebih mudah dibandingkan JavaScript.
Bang disini tersedia pembahasan HTML Dan CSS gak? Gua mau belajar bang bener2 orang awam Gua di dunia programing
Yup ada, bisa cek ke bagian menu di web Duniailkom ini. Disitu ada link untuk daftar tutorial HTML dan CSS.
band andre mau nanya dong, hal yang terpenting yang harus dipelajari di pemrograman website menurut bang andre itu apa??? Terimakasih bang aku harap jawabannya bisa memuaskan hehehehhe:)
Kalau dilihat dari skill dasar, jawabannya sama seperti bidang pemrograman lain, misalnya punya skill algoritma yang kuat, punya kemampuan bahasa inggris (karena sumber ilmu programming masih di eropa / amerika) dan sering2 latihan program.
Kalau yang ditanya itu bahasa pemrograman, web programming ini sangat luas dan semua saling berhubungan. Misalnya untuk belajar JavaScript ini, harus punya basic HTML dan (sedikit) CSS dulu. PHP dan MySQL diperlukan untuk pemrograman di server. Belum lagi materi advanced seperti framework. Lebih jauh bisa dibaca2 kesini: https://www.duniailkom.com/ingin-belajar-web-programming-harus-mulai-dari-mana/
Sya awam dlm dunia internet dan komputer,uraian penjelasan ini,cukup berarti,hanya kurang detail serta elaborasi.Perkembangan tek.modern ini,tdk dpt dielakan atau diabaikan,baik oleh org yg lansia apalagi org muda.Terus terang,adanya situs semacam ini sgt meenncerahkan dan sgt membantu,terima kasih sepenuhnya,wasalam.
Gan saya sudah cukup menguasai html dan css nih. Saya juga belajar apa yg ada di html5 dan css3. Saya udah bikin website sederhana murni html + css. Nah, sekarang saya sudah siap belajar bahasa pemrograman belum gan?? Kalo udah rekomendasi bahasa yg mudah bagi pemula apa gan?? Dan kalo saya udah tau dasar satu pemrograman misalnya Javascript, saya tuh harus pahami bener2 baru belajar bahasa lain ya??Maaf gan saya belajar otodidak, jadi bingung urutan belajar yg bener kek gimana??
Tergantung tujuan akhirnya ingin belajar apa. Kalau web programming, urutannya bisa seperti ini: HTML -> CSS -> PHP -> MySQL -> JavaScript. Saya arahkan ke PHP dulu karena programmingnya sedikit lebih mudah dibandingkan JavaScript.
Alternatifnya bisa juga seperti ini: HTML -> CSS -> JavaScript -> PHP -> MySQL.
Usahakan untuk setiap bahasa dipelajari secara keseluruh, minimal sampai bisa membuat aplikasi sederhana. Lalu baru lanjut ke bahasa lain. Setelah paham kelima materi dasar ini, bisa coba2 buat web yang utuh dengan menggabungkan seluruh materi yang sudah dipelajari.
Mas tanya apah javascript itu pungsinya sebagai pembuat popup pa bukan atau mirip spt html dn php pungsinya . butuh pencerahan
Yup, JavaScript bisa dipakai untuk membuat jendela pop up. Secara sederhana JavaScript berfungsi untuk membuat efek2 interaktif di website. Jika sebuah tombol di website di klik dan terjadi "sesuatu" (tanpa halaman tersebut refresh), maka besar kemungkinan itu dibuat dengan JavaScript.
Terima kasih om, sekarang pun sudah ada framework bernama node.js untuk javascript agar javascript dapat berjalan di sisi server
Siip, terimakasih tambahannya…
ASK ?
ketika focus ke javascript apakah perlu belajar PHP ?
Tidak perlu, untuk ke JavaScript hanya butuh dasar HTML dan CSS. Untuk PHP hanya akan ketemu jika sudah masuk ke materi yang lebih advanced seperti Ajax (gabungan JavaScript dan PHP)
postnya Bermanfaat untuk teman teman yg bru belajar v
Mas mau tanya, kalau mau bikin Dark Mode di wordpress bisa menggunakan bahasa apa ya ?
Soalnya themenya belum ada fitur Dark-Mode.
Kurang tau juga… kemungkinan besar itu sudah bawaan theme-nya. Jadi bisa cari theme yang menyediakan fitur tersebut.
Blog saya kok gambar thumnailnya rusak apa perkaranya bang? Maaf klo ngrepotin! kubayar.blogspot.com
Itu pakai CDN statically.io ya? mungkin servernya sedang ada masalah… bisa tes gambarnya dipindah ke server lain atau input ke blogspot saja (tidak perlu pakai CDN)
masih tidak bisa bang, saya pakek template kompiflexybel agak bingung ama html, plis bantu
Mau tanya mas, kalau mau bikin Dark Mode di wordpress bisa menggunakan bahasa apa ya ?
Soalnya themenya belum ada fitur Dark-Mode.
Itu tidak mudah karena harus merombak total theme yang dipakai (harus paham HTML, CSS, PHP dan fungsi2 bawaan WordPress). Lebih praktis ganti theme yang sudah ada darkmode bawaan saja, atau tidak pakai darkmode juga g masalah. Selama kontennya menarik, akan banyak pengunjung kok.