Belajar JavaScript Dasar (Pengenalan JavaScript) -Praktikum 12

Assalamualaikum WR.WB

Hai,ketemu lagi dalam blog saya.Pada postingan kali ini saya akan memberi tutorial coding menggunakan JavaScript.Pada postingan postingan sebelumnya kita menggunakan HTML dan CSS,Nah sekarang kita akan menggunakan JavaScript
Sebelum kita ke materi kita akan mengenal lebih dalam dulu tentang JavaScript.

1. Sejarah dan pengertian Javascript

Sejarah awal mula javascript dimulai pada tahun 1994, pada saat itu perkembangan internet dan website sedang mengalami perkembangan yang sangat pesat, dan pembuatan website pada saat itu umumnya menggunakan bahasa pemrograman PERL. Pemrograman PERL termasuk kedalam bahasa pemrograman Server Side, dimana semua proses hanya bisa dilakukan di web server.

Karena pada saat itu rata-rata koneksi internet yang terbatas, dan setiap instruksi dari user harus dikirim terlebih dahulu kepada web server, kemudian baru ditampilkan lagi ke dalam web browser. Hal tersebut dipandang kurang efesien, karena cukup memakan waktu.

Hingga pada tahun 1995, Seorang programmer Netscape yang bernama Brendan Eich, mulai mengembangkan sebuah bahasa pemrograman script yang bernama Mocha. Pada saat itu Netscape merupakan sebuah perusahaan software yang ternama yang mengembangkan web browser Netscape Navigator.

Bahasa pemrograman Mocha pada saat itu bisa digunakan dalam 2 sisi, yaitu disisi client (Client Side) dan Server (Server Side). Perkembangan selanjutnya nama Mocha dirubah menjadi Livescript dan Liveware, dimana Livescript merupakan bahasa pemrograman untuk Client Side, sedangkan Liverware untuk Server Side.

Ketika bahasa pemrograman tersebut akan dirilis bersamaan dengan web browser Netscape Navigator 2. Netscape melakukan sebuah kerjasama dengan Sun Microsystems untuk melakukan kerjasama dalam pengembangan Livescript. Kemudian Netscape merubah nama Livescript menjadi Javascript 1.0.

Pengertian JavaScript

Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman client side. Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit.

2. Perbedaan JS dan Java

Perbedaan Java dan JavaScript antara lain adalah :

Javascript biasanya dalam penggunaanya digabungkan dengan HTML, tujuannya adalah memperkaya HTML supaya bisa lebih interaktif, oleh karena itu java script sangat tergantung dengan browser yang digunakan. Jika browser tidak mengijikan(disable) untuk menggunakan javascript makan aplikasi yang menggunakan javascript tidak maksimal, bahkan bisa saja error. Java adalah bahasa pemogramam berorientasi object(OOP) dimana aplikasi yang dibuat bisa langsung di eksekusi, tentu saja dengan melakukan compiler terlebih dahulu. Bahasa java mirip dengan .Net nya Microsoft, namun java bersifat terbuka, berbeda dengan .Net yang penggunaanya membutuhkan lisensi.
JavaSript hanya merupakan bahasa scripting, sedangkan Java bahasa pemrograman yang multifungsi dan platform independent. Java bisa digunakan untuk membuat aplikasi desktop dan juga server (SDK dan EE) ada juga untuk pemrograman mobile (ME), sedangkan JavaSript berbasis client side hanya bisa dijalakan dengan browser dan dieksekusi di komputer klien.
Selain itu Java juga bisa digunakan untuk membuat aplikasi desktop yang dijalankan di Browser dengan menggunakan Applet, sedangkan JavaScript hanya bisa berjalan bila dikombinasikan dengan HTML.
JavaScript adalah suatu script (text) yg dibaca oleh browser, kemudian diterjemahkan menjadi sekumpulan perintah. Kemudian perintah itu dijalankan di browser. JavaScript (umumnya) disisipkan dlm HTML. Java adalah suatu program yg dihasilkan (dicompile) di server, kemudian dijalankan di browser (kalo dia Java Applet) atau dijalankan di server (kalo dia Java Server Pages). Baru hasilnya ditampilkan di browser. Program Java harus diambil dari server.
Perbedaan utama antara Jaca Script dengan Java adalah cara suatu program dieksekusi. Dengan java sendiri penggunakaannya bisa lebih luas, JME –> untuk pengembangan aplikasi pada handphone, JDK –> pengembangan aplikasi pada desktop dan JEE –> untuk pengembangan aplikasi yang besar (enterprise)

3. Penulisan code di JS

> Tag <script>

Cara yang umum yang dipakai adalah menuliskanya dalam tag <script>. Tag <script> bisa dibuat di dalam tag <head>, mauapun di dalam tag <body>.

Oke,diatas merupakan penegenalan sedikit mengenai JavaScript,kita langsung ke materi nya!

1.Penggunaan elemen JavaScript pada HTML

Codingan :

Pembahasan:

Ini salah satu contoh penggunaan JavaScript, yaitu element Alert. Alert itu merupakan semacam Pop Up pada Browser kita ,berikut merupakan output codingan diatas:

2.Penggabungan Elemen HTML dengan Javascript

Codingan:

Pembahasan:

Pada codingan ini tampilan web kita akan berubah menjadi merah,ketika mengkli "Click Me!"
jadi tampilan web tidak lagi statis alias diam.Berikut output codingan diatas:

3.Penggunaan variabel pada JavaScript

Codingan:

Pembahasan:

Pada Javascript kita bisa menambahkan kata kunci var untuk menyatakan bahwa itu adalah sebuah variabel. Dan kita tidak perlu menyatakan tipe datanya karena secara otomatis Javascript akan mengenalinya.Berikut output codingan diatas:

4.Penggunaan Variabel pada Javacript 2

Codingan:

Pembahasan:

Codingan ini menggunakan operasi aritmatika,Berikut output codingan diatas:

5.Cara Penggunaan Variabel Pada Javascript

Codingan:

<!DOCTYPE html>
<html>
 <head>
  <title>AMMAR TARADIFA XI RPL 3</title>
  <style type="text/css">
   #id1 {
    font-family: comic sans ms;
    text-align: left;
    margin-top: 20px;
    font-size: 60px;
    color: cyan;
    text-shadow: 2px 3px 5px black;
   }
   #id2,p#demo {
    font-family: comic sans ms;
    font-size: 20px;
    color: cyan;
    text-shadow: 2px 3px 5px black;
   }
  </style>
 </head>
 <body bgcolor="gainsboro">
  <h1 id="id1">
Javascript Variables Dengan Tipe Data</h1>
<p id="id2">
Deklarasi Strings Harus Disertai Tanda Kutip("")</p>
<p id="id2">
Deklarasi Angka tidak Perlu Disertai Kutip("")</p>
<p id="id2">
Cobalah Dengan tanda Komentar</p>
<p id="demo">
</p>
<script type="text/javascript">
   var pi = 3.14;
   var person = "John Doe";
   var answer = 'Yes I am!';

//document.getElementById("demo").innerHTML = pi;
   document.getElementById("demo").innerHTML = person;
   //document.getElementById("demo").innerHTML = answer;
  </script>
 </fieldset>
</body>
</html>

Pembahasan:

Dalam Javascript setiap tipe data memiliki cara masing-masing untuk di deklarasikan :
- String, Diapit dengan kutip dua.
- int,float,double, dinyatakan dengan menuliskan angka secara langsung tanpa tanda kutip dua
Berikut output codingan diatas:

6.Quiz!

Aplikasi sederhana mengitung operasi aritmatika,yang saya buat menggunakan HTML,CSS,dan JavaScript.Pada program ini kalian tinggal memasukan angka dan mengklik tombol tombol yang ada pada program tersebut dan hasilnya akan muncul di form hasil.
Berikut output codingan diatas:

Cari Blog Ini

Tamvan Bloggers