Javascript adalah bahasa pemrograman yang wajib kamu pelajari jika ingin mendalami dunia web development. Show
Saat ini javascript tidak hanya digunakan di sisi client (browser) saja. Javascript juga digunakan pada server, console, program desktop, mobile, IoT, game, dan lain-lain. Hal ini membuat javascript semakin populer dan menjadi bahasa yang paling banyak digunakan di Github. Pada artikel ini, kita akan belajar Javascript dari dasar. Mulai dari pengenalan Javascript, hingga membuat program pertama dengan Javascript. Siap? Mari kita mulai… Apa itu javascript?Javascript adalah bahasa pemrograman yang awalnya dirancang untuk berjalan di atas browser. Namun, seiring perkembangan zaman, javascript tidak hanya berjalan di atas browser saja. Javascript juga dapat digunakan pada sisi Server, Game, IoT, Desktop, dsb. Javascript awalnya bernama Mocha, lalu berubah menjadi LiveScript saat browser Netscape Navigator 2.0 rilis versi beta (September 1995). Namun, setelah itu dinamai ulang menjadi Javascript. 1 Terinspirasi dari kesuksesan Javascript, Microsoft mengadopsi teknologi serupa. Microsoft membuat ‘Javascript’ versi mereka sendiri bernama JScript. Lalu di tanam pada Internet Explorer 3.0. Hal ini mengakibatkan ‘ perang browser’, karena JScript milik Microsoft berbeda dengan Javascript racikan Netscape. Akhirnya pada tahun 1996, Netscape mengirimkan standarisasi ECMA-262 ke Ecma International. Sehingga lahirlah standarisasi kode Javascript bernama ECMAScript atau ES. Saat ini ECMAScript sudah mencapai versi 8 (ES8). 2
Peralatan untuk Belajar JavascriptApa saja perlatan yang harus disiapkan untuk belajar Javascript?
Itu saja? Ya itu saja sudah cukup. Bila kamu ingin belajar Javacript dari Nodejs, silahkan baca: Pengenalan Nodejs untuk Pemula. Rekomendasi saya: belajar Javascript dari sisi client dulu. Nanti Nodejs belakangan. Mengenal Console JavaScriptAda yang mengatakan, belajar javascript itu susah, karena saat melihat hasilnya di web browser, pesan error-nya tidak tampil. Pendapat ini tidak benar. Karena kita bisa melihatnya melalui console. Console Javascript dapat kita buka melalui Inspect Element->Console. Di dalam console, kita bisa menulis fungsi atau kode-kode javascript dan hasilnya akan langsung ditampilkan. Misalnya, mari kita coba kode berikut:
Maka hasilnya: Jika kamu
menggunakan Nodejs, maka cara mengakses console adalah dengan mengetik perintah Setelah mencoba console Javascript, maka dapat kita simpulkan:
Membuat Program Javascript PertamaSudah paham cara membuka dan menggunakan console javascript? Bagus… Kalau begitu, mari kita buat program pertama dengan Javascript. Silahkan buka teks editor, kemudian buat file baru bernama
Jika kamu menggunakan teks editor VS Code, maka akan terlihat seperti ini: Silahkan disimpan dengan nama Maka hasilnya: Tunggu sebantar… Tadi kita menulis perintah:
Mengapa tidak ditampilkan? Karena perintah atau fungsi Sekarang coba saja buka console javascript. Maka kita akan melihat pesan Mantap… 👍 Kita sudah mengenal fungsi
Sekarang, yang perlu kita ketahui berikutnya adalah: Pada contoh di atas, kita sudah menulis kode javascript di dalam HTML. Cara tersebut merupakan cara penulisan embeded (ditempel). Masih ada beberapa cara lagi yang perlu kita ketahui:
Mari kita lihat contohnya… Baca juga: 4 Cara Penulisan Javascript dalam HTML 1. Penulisan Kode javascript dengan EmbedPada cara ini, kita menggunakan tag Contoh:
Mana yang lebih bagus, ditulis di dalam Banyak yang merekomendasikan menuliskannya di dalam 2. Penulisan Kode javascript InlinePada cara ini, kita akan menulis kode javascript di dalam atribut HTML. Cara ini biasanya digunakan untuk memanggil suatu fungsi pada event tertentu. Misal: saat link diklik. Contoh:
atau bisa juga seperti ini:
Hasilnya: Perhatikan… Pada atribut Atribut Pada contoh di atas, kita menjalankan fungsi Lalu pada atribut Atribut Karena kita ingin memanggil kode javascript di sana, maka alamat link tersebut kita ubah menjadi 3. Penulisan Kode javascript EksternalPada cara ini, kita akan menulis kode javascript secara terpisah dengan file HTML. Cara ini biasanya digunakan pada proyek-proyek besar, karena diyakini—dengan cara ini—dapat lebih mudah mengelola kode project. Mari kita lihat contohnya… Kita buat dua file, yaitu: file HTML dan Javascript.
Isi dari file
Isi dari file
Hasilnya: Pada contoh di atas, kita menulis kode javascript terpisah dengan kode HTML. Lalu, pada kode HTML… Kita menyisipkannya dengan memberikan atribut
Maka, apapun yang ada di dalam file Bagaimana kalau file javascriptnya berada di folder yang berbeda? Kita bisa menuliskan alamat lengkap foldernya. Contoh: Misal kita punya struktur folder seperti ini:
Maka untuk menyisipkan file
Karena file Kita juga bisa menyisipkan javascript yang ada di internet dengan memberikan alamat URL lengkapnya. Contoh:
Apa Selanjutnya?Selamat 🎉 Kamu sudah mengenal javascript dan sudah membuat program pertama dengan Javascript. Tentu ini belum cukup… Kita masih harus belajar banyak hal tentang Javascript. Karena itu, silahkan lanjutkan belajar tentang:
Selamat Belajar. Bagaimana cara memanggil fungsi di JavaScript?Cara Memanggil/Eksekusi Fungsi
Kita bisa memanggil fungsi di dalam kode Javascript dengan menuliskan nama fungsinya seperti ini: namaFungsi(); Contoh: // membuat fungsi function sayHello(){ console.log("Hello World!"); } // memanggil fungsi sayHello() // maka akan menghasilkan -> Hello World!
Bisakah JavaScript ditulis diluar file HTML?Menulis Javascript pada File Eksternal
Cara kedua, kita bisa menulis Javascript di File yang terpisah dengan HTML. Biasanya digunakan jika kita tidak ingin kode Javascript bercampur dengan kode HTML. Bagaimana caranya? Caranya, buatlah sebuah file yang berekstensi .js .
Bagaimana cara yang benar untuk menggunakan file JavaScript di HTML?Cara membuat JavaScript di HTML secara langsung
Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag <script></script> yang mencakup semua kode JS yang Anda tulis. Kode JS yang bisa ditambahkan: di antara tag <head>
Apakah JavaScript cocok untuk pemula?Sangat cocok untuk pemula, bukan? Tak hanya itu, JavaScript merupakan alat brilian untuk pemrogram pemula yang ingin memperluas wawasan dan meningkatkan kemampuan mereka pada bahasa lain. JavaScript mendukung keterampilan berharga, seperti fungsional, objek, dan gaya pemrograman imperatif.
|