Usia 11 – 17 Tahun

Web Development

Jadilah developer profesional dengan menguasai coding web sesungguhnya! Pelajari HTML, CSS, JavaScript, dan PHP untuk membangun website modern dari nol.

HTML CSS JavaScript PHP
90 menit / pertemuan
Offline & Online
Max 4 Siswa / Kelas
Web Development — Robocode Education

Apa yang Akan Dipelajari?

Kuasai teknologi web dari dasar hingga mahir — dari membuat halaman statis hingga membangun aplikasi web dinamis yang interaktif.

HTML — Struktur Web

Pelajari cara membuat struktur halaman web dengan HTML5 semantik, form, tabel, dan multimedia.

CSS — Desain & Layout

Desain tampilan website yang menarik dengan CSS3, Flexbox, Grid, animasi, dan responsive design.

JavaScript — Interaksi

Buat website interaktif dengan JavaScript: DOM manipulation, event handling, dan logika pemrograman.

PHP — Backend & Database

Bangun aplikasi web server-side dengan PHP, koneksi ke database MySQL, dan kelola data secara dinamis.

Kurikulum & Level

Jalur pembelajaran terstruktur — dari dasar HTML hingga membangun aplikasi web fullstack dengan PHP.

Level 1

Frontend Fundamentals

  • Pengenalan HTML5 & struktur halaman web
  • Tag semantik, form, tabel & multimedia
  • CSS3 styling: warna, font, box model
  • Layout dengan Flexbox & CSS Grid
  • Responsive design & media queries
  • Animasi CSS & transisi
  • Proyek akhir: Website Portfolio Personal
Level 2

JavaScript & Interaksi

  • Dasar JavaScript: variabel, tipe data & operator
  • Dasar JavaScript: variabel, tipe data & operator
  • Conditional, looping & Function
  • Conditional, looping, error handling, & Function
  • DOM manipulation & event handling
  • Array, object, map, set, spread operator, rest operator
  • Form validation & interaksi UI dinamis
  • Fetch API, OOP, asynchronous, & testing
  • Proyek akhir: Aplikasi Web Interaktif
Level 3

PHP & MySQL (Backend Development)

  • Pengenalan PHP & setup environment
  • Variabel, array & fungsi di PHP
  • Form handling & HTTP methods
  • Koneksi database MySQL & operasi CRUD
  • Session, cookie & autentikasi user
  • Upload file & manajemen gambar
  • Relational Database Management Systems (RDBMS) concepts.
  • Primary keys, foreign keys, and indexes.
  • Writing queries: SELECT, INSERT, UPDATE, DELETE.
  • Filtering and sorting: WHERE, ORDER BY, GROUP BY, HAVING.
  • Database normalization (1NF, 2NF, 3NF).
  • Table relationships and Joins (INNER, LEFT, RIGHT).
  • Proyek akhir: Website Dinamis Fullstack
Level 4

Project & Portfolio

  • Perencanaan & desain UI/UX proyek akhir
  • Implementasi frontend responsif
  • Backend logic & database design
  • Integrasi frontend + backend
  • Testing, debugging & deployment
  • Presentasi proyek & code review
  • Proyek akhir: Aplikasi Web Lengkap

Jadwal & Info Kelas

Fleksibel, menyenangkan, dan terstruktur — dirancang untuk pengalaman belajar terbaik.

Durasi Kelas

60 menit per pertemuan, 1x seminggu

Periode

Per term (3 bulan / 12 pertemuan)

Kapasitas

Maksimal 4 siswa per kelas untuk bimbingan intensif

Peralatan

Laptop/tablet disediakan di kelas atau bawa sendiri

Mengapa Pilih Robocode?

Kami memastikan setiap siswa mendapatkan pengalaman belajar yang menyenangkan, bermakna, dan berdampak.

Instruktur Berpengalaman

Guru kami adalah web developer aktif yang berpengalaman mengajar anak-anak dengan pendekatan yang menyenangkan.

Real Text Coding

Siswa menulis kode nyata langsung, bukan drag-and-drop — membangun skill yang relevan dengan industri.

Proyek Portfolio

Setiap level menghasilkan proyek nyata yang bisa ditampilkan sebagai portfolio pribadi siswa.

Sertifikat Resmi

Setiap siswa yang menyelesaikan program akan mendapatkan sertifikat kompetensi.

Kurikulum Industri

Materi disusun berdasarkan teknologi yang digunakan dunia kerja: HTML, CSS, JS, dan PHP.

Fun & Engaging

Pendekatan "learning by doing" yang membuat siswa antusias membangun website setiap pertemuan.

Siap Menjadi Web Developer?

Daftarkan anak Anda untuk trial class GRATIS dan rasakan sendiri serunya belajar membangun website bersama Robocode!