๐Ÿ’ก Ikuti kami untuk mendapatkan update menarik lainnya Follow Now!

Pengenalan JavaScript

Pendahuluan

JavaScript atau sering disingkat JS, pertama kali dibuat tahun 1995.Oleh seorang programmer yang bernama Brandan Eich di Perusahaan Netscape yang bergerak di bidang pengembangan web browser, ia membuat sebuah bahasa pemrograman scripting untuk berjalan di Netscape Navigator Browser.
Pada awalnya namanya adalah Mocha, lalu berubah menjadi LiveScript, dan akhirnya menjadi JavaScript.

Versi awal bahasa JS hanya dipakai di kalangan Netscape beserta dengan fungsionalitas pun yang masih terbatas. Singkat cerita pada tahun 1996 JavaScript secara resmi dinamakan sebagai ECMAScript. ECMAScript 2 dikembangkan pada tahun 1998 yang dilanjutkan dengan ECMAScript 3 setahun kemudian. ECMAScript terus dikembangkan sampai akhirnya menjadi JavaScript atau JS hingga saat ini. Pada tahun 2016, 92% web diketahui telah menggunakan JavaScript. Itulah mengapa JavaScript atau JS terus berkembang.

JavaScript dibuat agar halaman website yang sudah kita buat menggunakan HTML dan CSS bisa lebih interaktif, Jadi disarankan sebelum belajar pastikan dahulu kalian telah memahami materi HTML dan CSS.


Alasan belajar Javascript

Untuk menjadi web developer salah satu bahasa yang wajib kita kuasai adalah JavaScript kenapa? Pada 2016 Hampir 92% pengembangan web menggunakan bahasa JS apalagi pada zaman sekarang ini, ini terbukti menurut presentase github javascript menduduki angka pertama bahasa pemrograman yang paling banyak di gunakan di github.

python
Source: Dicoding

Keunggulan JavaScript

  1. Multi fungsi
  2. Awalnya javascript hanya sebagai pendukung HTML dan CSS atau biasa kita sebut Client side(Browser), sekarang semenjak adanya teknologi NodeJS yang bisa digunakan untuk menjalankan JavaScript tanpa browser, sekarang akhirnya JavaScript juga banyak digunakan untuk membuat aplikasi di Server. Karena ini, akhirnya sekarang JavaScript dikenal dengan bahasa pemrograman FullStack (Backend dan Frontend) karena bisa digunakan untuk membuat aplikasi Backend dan aplikasi Frontend.

  3. Banyak dicari perusahaan IT
  4. Banyak sekali perusahaan yang mencari programmer yang memiliki skill javascript maupun frameworknya seperti react, vue dan angular dan sebagainya. JavaScript menempati urutan ke-4 soal gaji developer tertinggi di tahun 2018 dengan rata-rata pendapatan adalah $105,415 (Techrepublic).


  5. Komunitas yang besar
  6. Dengan kepopuleran seperti itu tentu saja komunitasnya tidak sedikit, jadi untuk belajar maupun bertanya akan sangat mudah kita dapat menemukan jawaban dengan cepat dengan bertanya di forum-forum online seperti stack oveerlow, facebook, discord, dll.

  7. Hampir seluruh perangkat browser mendukung JavaScript
  8. Kebanyakan fungsi logika pada web kebanyakan di buat dengan server side atau back end dengan javascript kita bisa menggabungkanya di client side.

    Dengan demikian browser dapat lebih memiliki sifat interaktif dan dinamis. Logika yang sebelumnya harus di-handle oleh sisi server, kini sepenuhnya dapat di-handle pada sisi client, semua berkat JavaScript.


Persiapan

Sebelum memulai membuat code di javascript ada hal-hal penting yang harus kita siapkan terlebih dahulu, antara lain yaitu :

  1. Text editor/IDE
  2. Text editor berfungsi untuk menuliskan program kita dan dapat membantu kita apabila ada syntax yang eror, terdapat banyak sekali text editor yang dapat kalian download di internet, dibawah ini adalah list text editor yang sering di gunakan.

    Visual Studio Code : http://code.visualstudiocode.com/

    Atom :https://atom.io/  

    Sublime : https://www.sublimetext.com/ 

    WebStorm : https://www.jetbrains.com/webstorm/ 

    Nodepad++ : https://notepad-plus-plus.org/ 

    Textmate : https://macromates.com/ 

    GNU Emacs : https://www.gnu.org/software/emacs/

    GEdit : https://wiki.gnome.org/Apps/Gedit

  3. Browser
  4. Karna javascript adalah bahasa untuk web development tentu saja kita perlu berowser untuk mengakses nya, di bawah ini adalah daftar browser yang sering di gunakan.

    Google Chrome : https://www.google.com/chrome
    Opera : https://www.opera.com/ 
    Firefox : https://www.mozilla.org/firefox
    Microsoft Edge : https://www.microsoft.com/edge 
    Safari : https://www.apple.com/safari/


Penulisan kode pada JavaScript

Dalam pembuatan kode JavaScript ada beberapa cara yang dapat di gunakan yaitu
1. Langsung di file html
2. Menuliskan di kode terpisa dengan menggunakan format .js (extensi khusus dari JavaScript), lalu file tersebut dapat kita penggil di dalam file HTML kita.
Mari kita bahsa satu persatu..

Penulisan JavaScript didalam file HTML

Untuk menuliskan kode JavaScript kita memerlukan sebuah tag <script>...</script> tag tersebut harus di tempatkan didalam tag <body>...</body> perhatikan langka-langkah dibawah ini.
  1. Bukalah Text Editor kalian kemudian buatlah sebuah file, kemudian simpan dengan format .html , Misalnya index.html
  2. Kemudian buatlah sebuah tag html sederhana seperti berikut:
  3. <html>
    <head>
      <meta charset="utf-8">
    
      <title>Belajar JS</title>
    </head>
    
    <body>
      <script>console.log('hello world');</script>
    </body>
    </html>
  4. Dengan demikian kita telah berhasil membuat program sederhana mencetak text hello world

Penulisan HTML diluar file HTML

Untuk penulisan diluar file html caranya sama saja seperti cara diatas akan tetapi kita akan menuliskan kode JavaScript di dalam file terpisah dari kode HTML yang akan kita buat, perhatikan cara pembuatannya dibawah.
  1. Buatlah dua buah file berbeda kemudia simpan dengan format .html & .js kemudian simpan di satu folder yang sama.
  2. folder
    ├── main.js
    └── index.html
  3. Kemudian buatlah kode HTML dan JavaScript, seperti dibawah. 
  4. <html>
            <head>
            <meta charset="utf-8">
    
            <title>Belajar JS</title>
            </head>
    
            <body>
            <script src= "main.js"></script>
            </body>
            </html>
    console.log('hello world');
  5. Perhatikan nama yang dituju sesuaikan dengan nama file yang di panggil dengan nama yang telah di buat sebelumnya, diatas saya membuat file dengan nama  main.js jadi kita harus memanggilnya dengan nama tersebut.
  6. Jika telah slesai maka kita telah berhasil membuat sebuah kode JavaScript mengunakan file terpisah.

Cara menjalankan kode JavaScript

Seteleh berhasil menuliskan kode sederhana menggunakan JavaScript kita juga harus tahu juga bagaimana cara menjalankan file tersebut, mari kita bahas langkah-langkahnya.
  1. Bukalah file .html yang telah kita buatkan kode javascriptnya, menggunakan Web browser.
  2. Untuk mengecek  apakah kode JS berjalan atau tidak, klik kanan pada halaman web > kemudian Inspect> lalu pilih tab Console. 
    Gampang bukan !!

Sekian dulu artikel kali ini semoga bermanfaat, dan jangan lupa kotak donasi ada dibawah ๐Ÿ˜€.
Happy learning ๐Ÿง .

Baca juga :

About the Author

Need more coffee ☕, If you want to support me to pay domain, you can donate via Donate or Trakteer

Posting Komentar

Komentar blog
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.