WEB PROGRAMMING

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 90 menit / pertemuan
Ukuran Kelas Maks. 5 siswa

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
Benefit Kelas
  • ✓ 90 menit / pertemuan
  • ✓ Maks. 5 siswa
  • ✓ Laporan harian
  • ✓ Feedback mentor
  • ✓ Sertifikat resmi

Kisah Mereka

Made Emy
“

Koding Akademi adalah pilihan yang tepat untuk mempersiapkan anak menghadapi masa depan. Saya percaya diri mengikutsertakan putra saya di kelas robotika karena sistem belajarnya menyenangkan dan tempatnya juga sangat bersih.

— Made Emy

Orang Tua Siswa

Vicky Christian
“

Saya sangat menyukai kurikulumnya! Proyek coding seperti membuat chatbot dan melakukan prapemrosesan data dengan Python sangat praktis serta dijelaskan langkah demi langkah dengan baik. Sangat direkomendasikan bagi siapa pun yang ingin mengembangkan keterampilan teknologi nyata!

— Vicky Christian

Siswa

Asrul Firdaus
“

Saya mengikuti kelas Full Stack Web Developer pada Maret 2024 tanpa latar belakang IT, jadi coding benar-benar baru bagi saya. Awalnya terasa sulit, tetapi para mentor dengan sabar menjelaskan dari dasar. Kurikulumnya rinci dan mengikuti perkembangan teknologi terkini. Perjalanan belajarnya sangat berharga, kelas ini sepadan dengan setiap waktu yang saya jalani.

— Asrul Firdaus

Siswa

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.

Konsultasi dengan Tim Kami
Logo Koding Akademi

Koding Akademi

Online

Today
Start Chat