Pemrograman Dasar Javascript

Apa Sih Javascript?

Dengan Javacsript kita dapat membuat website yang interaktif yang tidak dapat kita lakukan menggunakan HTML dan CSS.

Pada tutorial kali ini kita akan belajar tentang array, objek, fungsi, loop, pernyataan if/else, dan masih banyak lagi.

Lets Do It!

1. Membuat komentar

Kita akan membuat komentar, komentar dapat memudahkan kita untuk mengingat setiap part kode yang kita buat.

2. Membuat variable javascript

Cara menulis variabel yang benar

●     Jika kita mendeklarasikan variabel dengan let, kita masih dapat merubah valuenya

●     Jika kita mendeklarasikan variabel dengan const, kita tidak dapat merubah valuenya

 

3. Tipe Data Javascript

Tipe data number

●        Integer (ex:1,2,3)

●        Float (ex: 2.5 ; 6.1 ; 3.3)

Tipe data boolean, ex:

Apakah kamu mahasiswa?

(true/false merupakan value dari boolean)

Tipe data string

●        Kata (ex: buah kelas sepatu)

●        Angka dalam string (ex: 1 23)

Tipe data null artinya tidak ada apa-apa

Tipe data undefined yang artinya belum diberikan value

Tipe data symbol hasil dari pemanggilan fungsi symbol() yang menghasilkan nilai unik

Tipe data object kumpulan dari properti dan nilai

 

4. Operator Javascript

●        Operator Aritmatika

Penjumlahan

Pengurangan

Perkalian

Pembagian

Eksponen

Modulus

Increment

Decrement

●        Assignment Operator

Assignment =

Addition assignment +=

Subtraction assignment -=

Multiplication assignment *=

Division assignment /=

Modulus assignment %=

Exponent assignment **=

●        String Operator

Operator +

Operator +=

●        Operator Perbandingan

Operator == (loose equality)

Operator === (strict equality)

Operator !=

Operator !==

Operator >

Operator <

Operator >=

Operator <=

Operator Ternary

Untuk memberikan nilai pada variabel yang sesuai

●        Operator Logika

Operator AND

Hanya akan mengeluarkan output true apabila operand bernilai true

Operator OR

Hanya akan mengeluarkan output true apabila salah satu operand bernilai true

Operator NOT

Hanya akan mengeluarkan output true apabila operand bernilai false, dan sebaliknya.

 

5. Fungsi Javascript

●        Bagaimana cara mendeklarasikan fungsi?

     

Artinya, value yang direturn adalah Hallo, nama saya Virna. Dan console.log berfungsi untuk menampilkan informasi di dalam tab console.log

●        Apa itu Parameter dan Argument?

Angka1 dan angka2 sebagai parameter, note: parameter harus bertipe number

2 dan 6 sebagi argument.

●        Function Hoisting

Artinya, dengan menggunakan function hoisting kita dapat memanggil fungsi operasi perkalian di dalam console.log meskipun ditulis setelah console.log

Namun, fungsi ini tidak berlaku jika dideklarasikan dalam variabel

●        Apa itu Lingkup Global dan Lokal?

Variabel di dalam lingkup global dapat diakses dari mana saja. Sedangkan pada lingkup lokal variabel bisa diakses berdasarkan blok kode tertentu.

Contoh lingkup global

Contoh lingkup lokal

 

6. Objek Javascript

●        Bagaimana Cara Mendeklarasikan Object Javascript

Ada juga cara yang lebih simpel dengan menggunakan kata kunci new

●        Bagaimana Cara Mengakses Object

Dapat diakses dengan 2 cara:

Do Notation

Bracket Notation, jika ingin mengakses secara dinamis

Maksud dinamis disini bagaimana?

ketika kita menggunakan nama dari suatu variabel sebagai nama properti saat mengakses properti objek tersebut.

●        Bagaimana Cara Menambah Properti Baru?

●        Bagaimana Cara Menghapus Properti?

●        Object Method

 

7. Array Javascript

●        Bagaimana Cara Mendeklarasikan Array

Ada dua cara untuk mendeklarasikan array

Array literal

Me

nggunakan kata kunci new

●        Index dan jumlah array data

Jadi, array dimulai dari 0

●        Ada 3 cara mengakses array

Mengakses elemen tunggal

Mengakses elemen terakhir array

Mengakses seluruh elemen array

●        Mengubah elemen/data array

Jika pada pembahasan sebelumnya hanya let yang dapat diubah, namun berbeda dengan array. Karena aturan tsb tidak berlaku pada array dan object

●        Array method

Ada banyak hal yang bisa kita lakukan dengan array method

Mengubah elemen array menjadi string

Menggabungkan elemen array

Menambah dan menghapus elemen array

●        pop() untuk menghapus elemen terakhir

●        push() untuk menambah elemen terakhir

●        shift() untuk menghapus elemen pertama

●        unshift() untuk menambah elemen pertama

Menambah, menghapus, dan mengganti elemen array

Menggabungkan lebih dari satu elemen

Mengambil elemen array

Mengurutkan array

Cara 1 dengan short()

Cara 2 dengan reverse()

8. Javascript Conditional

Apa perbedaan if, else if, dan else?

Artinya:

●     Jika nilai Andi memenuhi syarat utama yaitu >80 maka outputnya sangat memuaskan

●     Jika nilai Andi tidak memenuhi syarat 1 tapi memenuhi syarat 2, maka outputnya memuaskan

●     Jika tidak memenuhi kedua syarat sebelumnya, maka outputnya jangan menyerah, coba lagi.

Bagaimana cara menggunakan switch dan case?

Misalnya, siswa harus menggunakan seragam kemeja putih dan bawahan merah pada hari senin-kamis.

 

9. Javascript Loop

●        For Loop

●        For/In Loop

●        For/Of Loop

●        While Loop

●        Do While Loop

Tugas

Buatlah sebuah formulir dengan beberapa inputan seperti nama, email, nomor telepon, dan pesan. Kemudian, buat fungsi validasi yang akan memastikan bahwa semua inputan sudah diisi dengan benar sebelum data tersebut dikirimkan.