📚

Belajar Dasar Bahasa Pemrograman JavaScript

Dec 20, 2024

Catatan Tutorial Dasar-dasar Bahasa Pemrograman JavaScript

Pendahuluan

  • Selamat datang di channel The Afrizal.
  • Tujuan: Belajar JavaScript dari nol, tanpa perlu ijazah formal.
  • Mengapa belajar JavaScript?
    • Banyak dicari di Indonesia.
    • Berguna untuk membuat aplikasi web, game, dan interaksi dinamis.

Materi yang Akan Dibahas

  1. Apa itu JavaScript?
  2. Penggunaan JavaScript dalam website.
  3. Penggunaan alert, prompt, log, dan comment.
  4. Variabel: cara mendeklarasikan dan mengisi nilai.
  5. Tipe data dan operator.
  6. Metode array JavaScript.
  7. Melakukan looping (for, while, do while).
  8. Conditional statements (if else, switch).
  9. Tugas kecil untuk latihan.

Apa Itu JavaScript?

  • Bukan hanya untuk UI, tetapi juga untuk:
    • Game Development.
    • Web server.
    • Membuat aplikasi interaktif.

Instalasi Alat yang Diperlukan

  • Download VS Code (Text Editor).
  • Pastikan memiliki browser (Google Chrome, Microsoft Edge, dll).

Membuat File HTML dan JavaScript

  1. Buat folder "Belajar JavaScript Dasar".
  2. Di dalam folder, buat file index.html dan main.js.
  3. Kode dasar untuk index.html: <!DOCTYPE html> <html> <head> <title>The Afrizal</title> </head> <body> <script src="main.js"></script> </body> </html>

Penggunaan Alert, Prompt, Log, dan Comment

  • Alert: Memunculkan pop-up.
  • Prompt: Meminta input dari pengguna.
  • Console.log: Untuk debugging, tidak memunculkan pop-up.
  • Comment:
    • Single line: //
    • Multi-line: /* ... */

Variabel

  • Deklarasi:
    • var, let, const.
    • Contoh: let usia = 30; const nama = "Dea";

Tipe Data

  • Tipe data di JavaScript:
    • String, Number, Boolean, Null, Undefined, Object.
  • Menggunakan typeof untuk mengecek tipe data.

Array

  • Deklarasi array: let namaGuru = ["Jody", "Bunga", "Rahman"];
  • Mengakses elemen:
    • namaGuru[0] untuk akses "Jody".
  • Menambah elemen:
    • namaGuru.push("Dea");
  • Menghapus elemen:
    • namaGuru.pop(); dan namaGuru.shift();

Looping

  1. For Loop: for (let i = 0; i < 10; i++) { console.log(i); }
  2. While Loop: let i = 0; while (i < 10) { console.log(i); i++; }
  3. Do While Loop: let i = 0; do { console.log(i); i++; } while (i < 10);

Conditional Statements

  1. If Else: if (usia > 18) { console.log("Dewasa"); } else { console.log("Anak-anak"); }
  2. Switch: switch (nilai) { case 1: console.log("Satu"); break; default: console.log("Tidak diketahui"); }

Tugas Kecil

  1. Menggunakan prompt untuk menghitung saldo akhir.
  2. Menentukan hari berdasarkan tanggal saat ini dengan new Date().

Penutup

  • Kata motivasi untuk siswa: Tetap semangat belajar, perhatikan detail, jangan ragu untuk bertanya, dan terus berlatih.
  • Subscribe untuk pembaruan tutorial berikutnya.

Full transcript