Pemrograman Web ~ JavaScript

Assalmualaikum warohmatulahi wabarokatu

Kembali lagi dengan sayaa, kali ini kita memasuki materi baru mengenai pemrograman web . kita akan mempelajari materi tentang JavaScript .

Apa itu JavaScript ?

JavaScript adlah bahasa yang bebentuk kumpulan skrip yang berjalan pada suatu dokumen HTML. Sepanjang sejarah internet bahasa ini adaah bahasa skrip pertama untuk web. 

Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahana terhadap bahasa Html dengan mengijinkan pengeksekusian perintah perintah disisi user, yang artinya disisi browser bukan disisi server web.

Sejarah JavaScript 

JavaScript atau Js diperkenalkan pertama kali oleh Brenden Eich yang bekerja di Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan "LiveScript" yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2.

Pada masa itu bahasa ini banyak dikritik karena kurang aman , pengembangannya yangterkesan terburu buru dan tidak ada pesan kesalhan yang ditampilkan setiap kali kita membuat kesalahan pada setiap menyusun program. Dan kemudian karena sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman"java") "LiveScript" berubah nama menjadi "JavaScript"

Perbandingan JavaScript dan Java 

Penulisan Coding Javascript 

• Js adalah bahasa yang "case sensitive" artinya membedakan penamaan variable dan fungsi yang menggunakan huruf besar dan huruf kecil
• Penulisan variable atau fungsi dengan mana TEST berbeda dengan variable dengan nama a test.
• Setiap instruksi dapat diakhiri dengan karakter titi koma (;)
• Menggunakan tag <Script> dengan format sebagai berikut :

<script languange="javascript">......</script>

• Menggunakan file eksternal : Menuliskan kode program JS dalam suatu file tejs dan kemudian file teks yang berisi kode JS dipanggil dari sisipkan kedalam dokumen Html adalah sebagai berikut :

<script languange="javascript" src="lokasi/file.js"></script>

• Menggunakan event tertentu : Event adalah sebutan dari suatu aksi yang dilakukan oleh user , contohnya seperti klik tombol mouse, pembahasan lebih lanjut akan ada diartikel selanjutnya.
• Kode dapat ditulis sebagai berikut :

<tag eventHandler="kode JS yang dimasukkan">

           dimana  eventHandler adalah nama dari event tersebut .

Variabel 

• Variable adalah suatu obyek yang berisi data , yanh mana dapat dimodifikasi selama eksekusi perogram. Di JS terdapat bebrapa kriteria untuk penamaan variable
• Nama Variabel harus dimalai oleh satu huruf (huruf besar maupun huruf kesil) atau satu kakter_(garis bawah).
• Nama Variabel bisa teridiri dari kombinasi huruf,angka atau karekter_dan $ (spasi kosong tidak diperbolehkan).
• Nama Variabel tidak boleh memakai nama-nama yang termasuk ke dalam kata kunci bahasa JS.
• Berikut ini merupakan daftar kata kunci yang ada di JS -->

Contoh Pemberian nama Variabel 

 Nama Variabel yang benar :

• umur
• namaLengkap
• luas_lingkungan
• jari2
• _7an
• $biaya

Nama Variable yang tidak benar :

• Nama Lengkap ==> ada spasi kosong
• 7ruangan ==>dimulai dgn angka
• email@website.com ==> terdapat kerakter @
• top-level-domain ==> terdapat karakte -
• function ==> termasuk kata kunci javascript

Format deklarasi variabel di JavaScript

Tipe Data

Di JS data yang dapat disimpan dalam variabel dikelompokkan menjadi 3 jenis , yaitu :

• Bilangan/numerik, bulat atau desimal , yang kita sebuah sebagai integer juga float
• kata/kalimat kita sebut string
• Boolean  : suatu variabel yang mempunyai dua nilai dan berfungsi untuk memeriksa suatu kondisi :

true = jika kondisi bener

false = jika kondisinya salah

Setelah memahami apa itu JavaScript dan bagaimana penggunaanya kita dapat membuat Codingan sederhana seperti ini :

See the Pen halojs by taufik (@fikmr) on CodePen.

Pada contoh diatas Codingan JS mebeikan notif /alert .

See the Pen Ubahstyle by taufik (@fikmr) on CodePen.

Selain dapat memberikan alert Js juga dapat membuat Color font berubah

See the Pen VariableonJS by taufik (@fikmr) on CodePen.

Kita juga dapat menggunakan var int dan melakukan proses perhitngan secara aritmatika

See the Pen Variabelonjs2 by taufik (@fikmr) on CodePen.

Selain mengisi value secara langsung kita juga dapat melakukan declar telebih dahulu

See the Pen Variabeltypedata by taufik (@fikmr) on CodePen.

Berikut contoh penggunaan Type data string yang harus menggunakan kutip dua (" ") , dan juga penggunaan komentar atau // dan /*....*/

Setelah mengetahui contoh pongcodingan menggunakan JavaScript , sekarang kita dapat membuat kalkulator sederhana yang memanfaatkan rumus artimatika yang diplementasikan ke dalam JavaScript. Selain penggunaan JavaScipt kita juga dapat menggunakan CSS agar tampilannya menarik , contohnya seperti berikut :

See the Pen Latquiz12 by taufik (@fikmr) on CodePen.

Kalian dapat membuat bentuk kalkulatornya dengan bentuk dan format yang berbeda.

Yaa cukup sekian saja materi kali ini mohon maaf bila ada kekurangan, jangan lupa tunggu artikel berikutnya minggu depann, see yaa

Wassalamuaikum warohmatulahi wabarokatu