Web Development
Jadilah developer profesional dengan menguasai coding web sesungguhnya! Pelajari HTML, CSS, JavaScript, dan PHP untuk membangun website modern dari nol.
Apa yang Akan Dipelajari?
Siswa akan menguasai keahlian teknis dan logika pemrograman melalui aktivitas interaktif yang menyenangkan.
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, dirancang bertahap untuk memastikan siswa memahami setiap konsep dengan baik.
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
JavaScript & Interaksi
- Dasar JavaScript: variabel, tipe data & operator
- 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
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
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