Js itu apa sih?

Assalamualaikum temen temen....

    Hai bertemu lagi dengan mimin, kali ini ada yang beda lhoo...
hari ini kita akan membahas tentang javascript yee,Oke jangan basa-basilangsung saja kita ke pembahasannya yaitu:
> Sejarah dan pengertian JS
> Perbedaan JS dan Java
> Penulisan code di JS
> Variable dan tipe data
> Part bonus
    Oke gengs yuk capcuss kita ke pembahasan pertama yaitu:

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.

Lalu apasih JS?

    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>. Contoh:

<!DOCTYPE html>
<html>
<head>
<title>Javascript</title>
<link rel="stylesheet" href="">
</head>
<body>
<script>
alert("Hello My name is Annisa !");
</script>
</body>
</html>

Hasilnya akan menjadi:

> File Eksternal
    Cara menghubungkannya hampir sama ya dengan css, dengan cara dipanggil tapi kalau js tuh meggunakan tag <script> dengan atribut src untuk menentukan lokasi file Javascriptnya.
Nih contoh file Html nya:

<!DOCTYPE html>
<html>
<head>
<title>Javascript</title>
</head>
<body>
Ini adalah js
<script type="text/javascript" src="hello.js"></script>
</body>
</html>

Nah kalau yang ini JS nya gengs:

alert("Hello ini contoh External js!");

Hasilnya akan menjadi:

> Atribut Event

Cara yang ketiga ini sering digunakan untuk memanggil fungsi pada event terentu. Misalnya ketika suatu elemen diklik, maka jalankan fungsi Javascript. Contohnya:

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<h1 id="id1">Ini heading aku</h1>
<button type="button" onclick="document.getElementById('id1').style.color = 'red'">Klik ini!!</button>
</body>
</html>

Hasilnya akan menjadi:

4. Variabel dan tipe data

Contohnya:

<!DOCTYPE html>
<html>
<head>
<title>Js Variable</title>
<link rel="stylesheet" href="">
</head>
<body>
<h1>Js Variable</h1>
<p>Di contoh ini x, y, z adalah variable</p>
<p id="demo"></p>
<script>
var x = 5;
var y = 6;
var z = x+y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>

Hasilnya adalah:

Contoh ke 2:

<!DOCTYPE html>
<html>
<head>
<title>Variable on JS 2</title>
<link rel="stylesheet" href="">
</head>
<body>
<h1>JS Variable 2</h1>
<p id="demo"></p>
<script>
var price1=5;
var price2=6;
var total=price1+price2;
document.getElementById("demo").innerHTML = "Totalnya adalah: " +total;
document.getElementById("demo").innerHTML = "Totalnya adalah: " +total;
</script>
</body>
</html>

Hasilnya:

Contoh 3 (Variable+Tipe data):

<!DOCTYPE html>
<html>
<head>
<title>JS Variable</title>
</head>
<body>
<h1>JS Variable dengan tipe data</h1>
<p>Deklarasi string harus disertai tanda kutip</p>
<p>Deklarasi angka tidak perlu memakai kutip</p>
<p>Cobalah dengan tanda komentar //</p>
<p id="demo"></p>
<script>
var pi = 3.14;
var person = "John Lenon";
var answer = 'Who am i!!';

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

Hasilnya akan jadi:

5. Part bonuzz

Nah kali ini mimin dikasi tugas untuk buat kalkulator tapi pake JS ini dia cekidottt

   
    Mungkin itu saja ya gengs yang bisa mimin bahas kali ini, mohon maaf bila banyak typo typo karena mimin bukan robot yaa. Oke sampai jumpa dilain waktu yaa..

Seinstan instannya mie instan pasti harus dimasak selama 3mt, begitu juga dengan kehidupan,tak ada yang instan...

Wassalamualaikum...