WEB PROGRAMMING

JAVASCRIPT
------------ SESI 1 ------------
JAVASCRIPT
JAVASCRIPT adalah bahasa pemrograman yang digunakan
untuk menambahkan fitur interaktif pada website, seperti
ketika ingin membuat game, melakukan perubahan ketika
mengklik tombol, efek dinamik, animasi, dan masih banyak lagi.

VS

FAIZAL RIZA
JAVASCRIPT

Javascript adalah bahasa pemrograman yang dapat

dikolaborasikan dengan dokumen HTML dan
digunakan untuk membuat website yang interaktif.

Javascript diciptakan oleh Brendan Eich yang juga

merupakan co-founder dari Mozilla
project, MozillaFoundation dan Mozilla Corporation.

Javascript berjalan berbarengan

dengan HTML dan CSS.

FAIZAL RIZA
INDUSTRY OUTLOOK
PROGRAMMER ROADMAP
WEB PROGRAMMER ROADMAP
ANTARA JAVA DAN JAVASCRIPT

Pertama kali nama Javascript adalah Mocha, kemudian ketika

melakukan kerjasama dengan Netscape diganti nama menjadi
LiveScript, kemudian melakukan kerjasama dengan Sun
Microsystem sehigga diganti nama menjadi JavaScript dan
terakhir adalah ECMAScript.
 MULAI BELAJAR JAVASCRIPT
SMK Dinamika Pembangunan 1 Jakarta

Your Coffee Shop 8

CONSOLE

Untuk menjalankan Javascript di console, kita bisa membukanya

melalui browser, pilih Developer tools atau dengan cara lain adalah
klik kanan pada halaman browser lalu klik Inspect, maka akan keluar
bar dengan tab link console.

“ Sebagai catatan, untuk menampilkan console, bisa jadi berbeda

cara antara browser satu dengan lainnya. “
CONSOLE
Pada console tersebut kita bisa mencoba menuliskan kode Javascript dan tekan enter ketika hendak
menguji hasilnya.

Seperti di bawah ini, ketika kita tuliskan : alert("Saya sedang belajar Javascript") lalu menekan enter,
maka akan keluar notifikasi sesuai perintah.
BROWSER
Untuk menggunakan Javascript di browser, kita harus menulis kodenya di sebuah halaman HTML,
letakkan antara tag <script> dan </script>.

Pada contoh di atas, akan menghasilkan

notifikasi "Saya sedang belajar Javascript".
 VARIABEL DAN TIPE DATA JAVASCRIPT
SMK Dinamika Pembangunan 1 Jakarta

Your Coffee Shop 12

Pengertian Variabel
Variabel adalah suatu tempat yang digunakan untuk menampung data atau konstanta di
memori yang mempunyai nilai yang dapat berubah-ubah selama proses program.

Langkah Membuat Variabel

Untuk membuat variabel, kita bisa menuliskan dengan sintaks sebagai berikut.

var nama_variabel = nilaidata

Contoh :

var x = 5;
var y = 6;
var z = x+y;
Pengertian Tipe Data

Tipe data adalah sebuah cara yang digunakan untuk menentukan jenis
suatu data tersebut. Kata lain dari hal ini adalah "deklarasi variabel".

Tipe Data pada Javascript

Javascript mempunyai beberapa tipe data yang digunakan.

TIPE DATA CONTOH

String "Halo Dunia"
Boolean true/false
Number 10, 9.15
Array [1,2,3]
Object {halo:"dunia"}
Melakukan Pengecekan Variabel
Untuk melakukan pengecekan jenis tipe data apa yang dimiliki sebuah variabel, kita bisa
menggunakan sintaks berikut.
“ Pada Javascript, kita tidak
typeof nama_variabel perlu mendeklarasikan tipe
data terlebih dahulu, tipe data
Contoh :
otomatis dikenali saat kita
membuat variabel dan mengisi
var mobil = "Avanza"; nilai variabel tersebut. “
typeof mobil

Apabila kita mengetikkan kode di atas pada console

lalu klik enter, maka akan menghasilkan output
tipe data dari variabel mobil, yaitu string.
 OPERATOR PADA JAVASCRIPT

Pengertian Operator
Operator adalah simbol-simbol khusus yang digunakan untuk mengoperasikan
suatu nilai data (operand).

Jenis-Jenis Operator

1. Operator Aritmatika
2. Operator Assigment
3. Operator Penggabungan String (Concantenate)
4. Opertator Pembanding
5. Operator Logika
 OPERATOR ARITMATIKA

Operator aritmatika digunakan untuk melakukan aritmatika pada angka.

OPERATOR PENJELASAN CONTOH

+ Penambahan 1+1
Contoh :
- Pengurangan 1-1
* Pengalian 1*3 var a = 10;
/ Pembagian 10/2 var b = 20;
var ab= a + b;
% Modulus (sisa bagi) 7/2

++ Increment variable++
-- Decrement variable--

Untuk menguji contoh di atas, kita bisa mengetiknya

melalui console kemudian panggil variabel yang kita
butuhkan, lalu tekan enter untuk mengetahui
output.
 OPERATOR ASSIGMENT (PENUGASAN)

Operator aritmatika digunakan untuk melakukan aritmatika pada angka.

OPERATOR CONTOH KOMPATIBEL

= x=y x=y
+= x+=y x=x+y Contoh :
-= x-=y x=x-y
*= x*=y x=x*y var x = 10;
x += 25;
/= x/=y x=x/y

%= x%=y x=x%y

Untuk menguji contoh di atas, kita bisa mengetiknya

melalui console kemudian ketikkan kode yang dicontohkan,
lalu tekan enter untuk mengetahui output.
 OPERATOR PENGGABUNGAN STRING / CONCANTENATE

Operator "+" juga dapat digunakan untuk menggabungkan string.

Contoh :

var txt1 = "Saya suka";

var txt2 = "Nasi";
var txt3 = "Goreng";
var txt4 = txt1 + " " + txt2 +" " + txt3;

Untuk mengetahui outputnya, kita bisa mengetikkan

pada console lalu memanggil variabel yang
dibutuhkan dan tekan enter.
 OPERATOR PEMBANDING

Operator pembanding digunakan untuk melakukan perbandingan antar

variabel.

OPERATOR CONTOH
== Sama dengan isinya
=== Sama isinya dan sama tipenya
!= Tidak sama dengan isinya
!== Tidak sama isinya dan tidak sama tipenya
> Lebih dari
< Kurang dari
>= Lebih dari atau sama dengan
<= Kurang dari atau sama dengan
? Operator ternary (if else sederhana)
== Sama dengan isinya
 OPERATOR LOGIKA

Operator aritmatika digunakan untuk melakukan operasi logika

OPERATOR CONTOH

Logika And. Bernilai TRUE bila kedua kondisi

&&
bernilai TRUE.

Logika Or. Bernilai TRUE bila salah satu atau kedua

||
kondisi bernilai TRUE.

Logika Not. Logika Pembalik. Bernilai TRUE bila

!
kondisi FALSE, dan bernilai FALSE bila kondisi TRUE.
 THANK YOU!

contact us at:

FAIZAL RIZA

[email protected]

08132319933

Your Coffee Shop 22