Belajar JavaScript Dasar untuk Pemula

Apr 12, 2025

Tutorial Belajar Bahasa Pemrograman JavaScript untuk Pemula di Indonesia dari 0

Pengantar JavaScript

  • Apa itu JavaScript?
    JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web interaktif.
  • Sejarah Singkat:
    • Diciptakan oleh Brendan Eich pada tahun 1995.
    • Awalnya bernama Mocha, kemudian menjadi LiveScript, dan akhirnya JavaScript.

Mengapa Belajar JavaScript?

  • Populer:
    Digunakan oleh banyak developer di seluruh dunia.
  • Kegunaan:
    • Untuk pengembangan front-end (misalnya, React, Angular).
    • Untuk pengembangan back-end (misalnya, Node.js).
  • Kompatibilitas:
    Dapat dijalankan di semua browser modern.

Instalasi Lingkungan Pengembangan

  • Editor Kode:
    • Gunakan editor seperti Visual Studio Code atau Sublime Text.
    • Instal ekstensi seperti ESLint untuk membantu penulisan kode.
  • Browser:
    • Gunakan browser modern seperti Chrome atau Firefox untuk pengujian.

Dasar-Dasar JavaScript

Sintaks Dasar

  • Variabel:
    • Gunakan var, let, atau const untuk mendeklarasikan variabel.
    • Contoh: let nama = 'John';
  • Tipe Data:
    • String, Number, Boolean, Array, Object.

Struktur Kontrol

  • Percabangan:
    • Menggunakan if, else if, dan else untuk pengkondisian.
  • Perulangan:
    • Menggunakan for, while, dan do while.

Fungsi

  • Definisi Fungsi:
    • Fungsi dapat didefinisikan menggunakan kata kunci function.
    • Contoh:
      function tambah(a, b) {  
          return a + b;  
      }  
      

DOM Manipulation

  • Apa itu DOM?
    Document Object Model, representasi struktur halaman web.
  • Mengakses Elemen:
    • Menggunakan document.getElementById, document.querySelector.
  • Mengubah Elemen:
    • Menggunakan innerHTML, style, dll.

Event Handling

  • Event:
    • Peristiwa yang terjadi di halaman web, seperti klik atau pengetikan.
  • Menangani Event:
    • Menggunakan addEventListener untuk menambahkan fungsi yang dijalankan saat event terjadi.

Kesimpulan

  • Praktik Terus Menerus:
    Latihan dengan proyek kecil untuk memperdalam pemahaman.
  • Sumber Belajar Tambahan:
    • Dokumentasi resmi JavaScript.
    • Tutorial online (Codecademy, freeCodeCamp).

Latihan

  • Cobalah untuk membuat aplikasi sederhana seperti kalkulator atau daftar tugas (to-do list) untuk mengaplikasikan pengetahuan yang telah dipelajari.