WEB DEVELOPMENT

Basic Javascript and JQuery

Hidupkan halaman website menjadi dinamis, interaktif, dan responsif dengan JavaScript modern (ES6+).

Program lanjutan front-end web design untuk menghadirkan interaktivitas penuh. Menguasai fundamental JavaScript modern (ES6+), Document Object Model (DOM) manipulation, event handl...

Tersedia: Online + Offline (Bali, Surabaya, Jember, Banyuwangi)
Basic Javascript and JQuery
Durasi 16–24 Pertemuan (1.5–2 Jam / pertemuan)
Ukuran Kelas Small Group (Maks. 8 peserta)
Metode Offline / Online Interaktif
Tools JavaScript ES6+, DOM API, Fetch API, LocalStorage, VS Code, Browser DevTools

Untuk Siapa Kelas Ini?

  • Peserta yang telah menguasai HTML dan CSS serta ingin menambahkan fungsionalitas logika ke website mereka.
  • Calon front-end developer yang ingin mendalami JavaScript murni (Vanilla JS) sebelum mempelajari React, Vue, atau Next.js.
  • Desainer web yang ingin membuat popup modal interaktif, slider custom, filtering katalog, dan integrasi API cuaca/kurs.

JavaScript adalah bahasa pemrograman nomor satu yang menggerakkan seluruh web interaktif di dunia saat ini.

Apa yang Akan Dipelajari?

1

Modul 1: JavaScript Modern Fundamentals (ES6+)

Let/Const, Arrow Functions, Template Literals, Destructuring, Spread/Rest Operator, Array Methods (map, filter, reduce).

2

Modul 2: DOM Manipulation & Event Handling

Memilih dan memanipulasi elemen HTML (querySelector), manipulasi kelas CSS dinamis, menangani event klik/input/submit, dan validasi form.

3

Modul 3: Asynchronous JS, Fetch API & Local Storage

Memahami Promise dan Async/Await, mengambil data eksternal via Fetch API (JSON), dan menyimpan preferensi pengguna (Dark Mode, Todo list) di LocalStorage.

HASIL YANG AKAN DIDAPAT

Hasil yang Akan Didapat

Keahlian Vanilla JavaScript Modern

Mampu menulis kode JavaScript fungsional dan modular tanpa bergantung pada plugin berat pihak ketiga.

Manipulasi Antarmuka Web Dinamis (DOM)

Mampu membuat fitur interaktif seperti kalkulator dinamis, modal dialog, tab navigasi, dan filter pencarian real-time.

Integrasi Web Service Asynchronous

Mampu menghubungkan website statis dengan live data REST API publik (misal: API berita, film, e-commerce mockup).

Biaya Kelas

Informasi Biaya Kelas

Informasi paket dan rincian investasi kelas untuk program ini dapat dikonsultasikan secara langsung bersama tim Koding Akademi.

Konsultasi Biaya

Pertanyaan yang Sering Diajukan

Ya, pemahaman dasar struktur HTML dan styling CSS sangat dibutuhkan agar dapat memanipulasi elemen web dengan lancar.
Ya, peserta diajarkan teknik inspeksi menggunakan Chrome/Firefox DevTools (Console, Breakpoints, Network tab).
Tepat sekali. Penguasaan ES6+ di kelas ini adalah prasyarat mutlak sebelum belajar framework front-end modern seperti React atau Vue.
KELAS LAINNYA

Kelas Terkait Lainnya

MARI MULAI BERSAMA

Investasi Terbaik untuk Masa Depan Anak Anda

Daftarkan sekarang untuk trial class atau konsultasi dengan tim kami.

Coba Trial Class Konsultasi dengan Tim Kami
Logo Koding Akademi

Koding Akademi

Online

Today
Start Chat