Selamat datang di panduan belajar JavaScript! Dokumen ini memberikan langkah-langkah dasar untuk memahami JavaScript.
- Pengenalan JavaScript
- Dasar-Dasar JavaScript
- Manipulasi DOM
- Asynchronous JavaScript
- AJAX dan Fetch API
- ES6 dan Fitur Terbaru
- Proyek Mini
- Referensi dan Sumber Belajar
- Berkontribusi
JavaScript adalah bahasa pemrograman tingkat tinggi yang digunakan untuk membuat halaman web interaktif. ini adalah salah satu teknologi utama dalam pengembangan web
Definisi Singkat: JavaScript adalah bahasa pemrograman yang digunakan untuk membuat tampilan dinamis pada situs web dan berinteraksi dengan pengguna.
- Variabel: Tempat penyimpanan nilai.
- Tipe Data: String, Number, Boolean.
- Kondisional: if, else.
- Perulangan: for, while.
- Definisi Fungsi: Mendefinisikan blok kode yang dapat dipanggil.
- Parameter dan Argumen: Menangani input fungsi.
- Array: Kumpulan nilai dalam urutan tertentu.
- Objek: Kumpulan pasangan kunci-nilai.
- Aritmetika: +, -, *, /, % (modulo).
- Penugasan: =, +=, -=, *=, /=, %=.
- Perbandingan: == === !=, !==, >, <, >=, <=.
- Logika: && (AND), || (OR), ! (NOT).
- Ternary: (condition) ? expression-if-true : expression-if-false.
- Log: console.log(), console.info(), console.warn(), console.error().
- Interpolasi String: console.log(
Hello, ${name}!
). - Grouping: console.group(), console.groupEnd().
- Timing: console.time(), console.timeEnd().
- Undefined: Variabel yang dideklarasikan tetapi tidak diinisialisasi.
- Null: Variabel yang sengaja diberi nilai null.
- Ternary Operator: Pengganti dari bentuk if-else yang sederhana.
- var: Variabel dengan skop fungsi.
- let: Variabel dengan skop blok.
- const: Variabel yang nilainya tetap (konstan).
- Implicit Conversion: Dilakukan oleh JavaScript secara otomatis.
- Explicit Conversion: Melalui fungsi seperti Number(), String().
- DOM (Document Object Model): Representasi struktur halaman web.
- Node: Elemen dalam struktur DOM.
- Seleksi Elemen: getElementById, getElementsByClassName, querySelector.
- Manipulasi Konten dan Atribut: InnerHTML, innerText, value.
- Event Listener: Mendengarkan dan menanggapi interaksi pengguna.
- Event Object: Mengakses informasi event.
- Callback: Fungsi yang dipassing sebagai argumen.
- Promise: Representasi nilai yang mungkin akan tersedia di masa depan.
- then() dan catch(): Menangani hasil atau error dari promise.
- Async Function: Fungsi yang mengembalikan promise.
- await: Menunggu hingga promise diselesaikan.
- XMLHttpRequest: Objek untuk melakukan permintaan HTTP.
- fetch(): Fungsi modern untuk permintaan HTTP.
- Promise di Fetch: Menangani respons HTTP.
- let, const: Variabel dengan skop block.
- Arrow Functions: Cara singkat mendefinisikan fungsi.
- Destructuring Assignment: Menangani nilai array atau objek secara singkat.
- Class: Cara baru mendefinisikan konstruktor.
- Module: Membagi kode ke dalam modul terpisah.
- Manipulasi DOM: Menambah, menghapus, dan menyimpan tugas.
- Local Storage: Menyimpan data secara lokal.
Jika Anda menemui masalah atau memiliki saran, silakan berkontribusi pada rencana ini dengan melakukan fork repositori dan mengirim pull request.
Selamat belajar! ๐