Minggu, 12 Agustus 2018

Pemrograman javascript

Pemrograman javascript adalah membuat instruksi instruksi yang dimengerti oleh mesin komputer sehingga kita bisa memberi tugas tugas tertentu.

Javascript adalah sebuah bahasa pemrograman berorientasi objek atau disingkat OOP (object orientation program)
Disebut objek karena sebuah  program besar javascript sebenarnya terdiri dari kumpulan program program kecil yang sudah dan bisa diberi tugas lalu  melaporkan (callback) hasilnya jika sudah selesai (Asynchronous)

Pada awalnya javascript hanya dipakai di browser tapi kini sudah merambah ke bahasa pemrograman untuk server seperti node js, embedded sistem, raspberry  pi dan IOT. Javascript beken dengan inisial js termasuk ekstensi menggunakan *.js

Dalam arikel ini penulis akan mengurai dasar pemrograman javascript basic. Basic maksudanya kita akan belajar syntax yang dipakai javascript. Syntax berarti aturan aturan dasar bahasa atau text  yang sudah dimengerti oleh mesin komputer untuk kemudian dieksekusi.

Javascript adalah bahasa tingkat tinggi, artinya bahasa yang dipakai hampir bisa dimengerti oleh kita manusia. Semangkin kita gak faham bahasanya maka akan mendekati  bahasa  mesin seperti  biner 10011100  yang sulit dimengerti ( bahasa tingkat rendah).

Contoh syntax javascript:

var x, y;          // Deklarasi variabel x dan y
x = 5; y = 1;      // Mengisi variabel x=5 dan y=1

z = x + y;     // Proses aritmatika dan menyimpan nilai di y
console.log("Hasil x + y adalah " + z);  // hasilnya 6


Dalam syntax pemrograman komputer apapun bahasanya baik C++, Javascript, Visual basic memiliki konsep yang sama namun mungkin ada perbedaan di nama instruksi, keyword atau tanda bacanya. Berikut ini beberapa contoh keyword dari javascript untuk membentuk bahasa pemrograman javascript.


Variabel
Variabel adalah wadah atau tempat untuk menaruh nilai atau value sementara. Tanpa variabel kita bisa tetap melakukan eksekusi program hanya saja flexibiltasnya tidak ada berikut contoh percobaan untuk melihat salah satu manfaat variabel

  • Untuk melakukan percobaan ini dianggap sobat sudah memiliki browser Firefox yang sudah terinstall. Buka browser firefox :

 
  • Kemudian dari keyboard tekan CTRL + SHIFT + K secara bersamaan, akan tampil Development tools milik firefox yang akan kita pakai sebagai  mesin untuk menjalankan javascript.
 

Ketik syntax baris demi baris (enter setiap di akhir baris)

var i = 0
do 

i++ 
console.log("Hallo ke "+ i) 

while(i<10);


Hasilnya setelah enter terakhir seperti berikut:

 

Hasil cetak teks halo ke 1 s/d hallo ke 10 menggunakan counter yang disimpan di variabel "i" dan nilai dari counter "i" juga bisa ditampilkan. Dengan variabel kita dengan cepat dan mudah mencetak teks hanya dengan "hallo ke" + i
Cara kerjanya
Karena javascript bahasa manusia maka cara kerja script penghitung hallo sebenarnya masih cukup mudah dimengerti.

var i = 0
Var  adalah variabel, saat kita menuliskan var berarti kita telah mendeklarasikan sebuah wadah, dan "i" adalah nama wadahnya. Saat variabel i dibentuk maka isi dari wadah adalah "undefined". Oleh karenanya di setiap script variabel mesti diberi isi atau nilai. Dalam hal ini kita mengisinya dengan 0.

do
Do adalah keyword untuk melakukan sesuatu, apa yang harus dilakukan di arahkan ke isi didalam bracket {}. Do umumnya dipakai untuk looping proses.

{ i++ 
Ini adalah keyword untuk melakukan proses increment atau penambahan 1+1 ke dalam variabel i.

console.log("Hallo ke "+ i) 
Keyword ini umum dipakai sebagai penampil atau output dari isi variabel atau status. Ingat ya nama variabel tidak pernah diapit dengan tandai kutip " " seperti i akan tetap i tapi untuk hallo karena sebuah nilai bertipe string maka wajib di berikan kutip. Jika nilai dan nama variabel akan disandingkan maka wajib memakai keyword +. Seperti "hallo " + 1


while(i<10);
Keyword ini artinya selagi, dan berguna sebagai pemeriksa nilai dari variabel i. Tampak i di sanding dengan operator < artinya jika kurang dari nilai 10 maka proses loop di dalam bracket {} akan terus terjadi.
Tampak ada karakter semicolon ; biasa dipakai sebagai penutup di akhir sebuah proses.

Kita sudah coba menggunakan variabel. Variabel adalah wadah sementara yang bisa diisi dengan bebagai macam tipe data. Pada contoh sebelumnya kita membuat variabel "i" yang diisi dengan tipe data "number". selain itu masih ada tipe data lain yang bisa disimpan dalam variabel seperti number, string, boolean atau object.

Penulis membuat double slash "//" warna hijau ini adalah perintah untuk menyisipkan komentar yang tidak akan di eksekusi. Berikut ini contoh tipe tipe variabel sobat bisa menggunakan development tools firefox

var Umur = 3;                                                                         //Untuk tipe Number               
var Nama = "Anisa";                                                              // String
var Menikah = false;                                                              //Boolean
var Biodata = {Nama:"Anisa", Umur:3, Menikah:false};    // Object 


Tampak variabel objek Biodata berisi berbagai macam tipe data nama, umur dan menikah  properti umur, nama dan status pernikahan, jadi variabel tipe objek memudahkan kita menyimpan banyak value dengan beragam tipe data.

Cara melihat isi variabel hanya dengan mengetik nama variabelnya. Untuk tipe objek nama variabel beserta properti nya dipisah tanda titik, Hasilnya sbb.



Operator dan keyword
Operator dan arimatic adalah pembetuk dari instruksi instruksi bahasa javascript. Sebelumnya kita sudah melakukan percobaan syntax javascript







Berikut Keyword javascript:
  • var
    • Adalah variabel sebagai wadah penyimpanan data sementara. Contoh Variabel data misal:  var Nama =  "Budi"
  • if
    • Pernyataan pilihan misal : if  (2 < 3 ) { console.log("Benar")};
  • else
    •  Sangkalan misal : if  (2>3) { console.log("Benar") else console.log("Salah")}

Berikut Variabel javascript:
  • Global variabel
  • Local variabel

Berikut Tipe data javascript:
  • Number 
    • Angka, misal 2015
  • String
    • Huruf,  misal "Ibrahim"
  • Boolean
    • Hanya memiliki dua pilihan misal True atau False, lelaki atau perempuan
  • Object
    • Data berisi properti misal {Nama:" Anisa", Umur:3}
  • Function
    • Object
      • Sama dengan tipe object hanya saja dipanggil dalam bentuk fungsi
    • Date
      • 25 Maret 2018
    • Array
      • Data berbentuk array dan bisa dipanggil dalam bentuk fungsi misal "budi memili hobi olahraga yang lebih dari dua maka fungsi ditulis dalam bentuk array ["Berenang","Memancing","Arum jeram"]
Berikut Operator javascript:
  •  Operator aritmatika terdiri dari + - / x % -- ++
  • Operator logika or, and, not, xor && || !
  • Operator assignment = +- %=
  • Operator komparasi == === != >< ?



Function javascript
Javascript function adalah blok kode yang dibuat untuk melakukan instruksi khusus, function di javascript sangat penting sebagian besar isi dari pemrograman javascript berisi fungsi fungsi
Berikut ini adalah contoh fungsi yang mengubah suhu satuan fahrenheit menjadi derajat celcius

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}


untuk melihat hasilnya cukup memanggil nama fungsinya dan mengisi nilai parameternya contoh  toCelcius(77):

 
Demikian uraian singkat pemrograman javascript semoga membantu salam.. :)

Ref  https://www.w3schools.com


0 Please Share a Your Opinion.: