Belajar Web Dasar
Dengan perkembangan AI yang saat ini semakin pesat dan tidak terkendali, tools AI-generated dan agent AI
makin banyak digunakan secara instan. Hanya dengan prompt sederhana,
sebuah website bisa langsung jadi.
Hal ini sering kali membuat pemula
tergiur untuk 'skip' atau melewati tahapan belajar fundamental
secara mendalam. Akibatnya, muncul sebuah ilusi kompetensi, dimana seseorang merasa bahwa dirinya sudah bisa atau bahkan 'jago' web
development, padahal ia belum memahami apa yang sebenarnya diketik dan
dihasilkan oleh AI.
Tentang course
Benefit yang akan kamu dapatkan
Akses Selamanya Seluruh Video Yang Tersedia
Sertifikat Berbasis Blockchain Yang Dapat Ditelusuri Keasliannya
Fitur Diskusi Eksklusif di Platform Belajar
Teknologi Standar Industri Sesuai Top IT Company
Mentor Expert Yang Mengajar Sesuai Bidangnya
80+ Video Pembelajaran
Mentor expert yang akan membimbing kamu
Materi yang akan kamu pelajari
Materi kurikulum ini dibagi menjadi beberapa fase rilis.
Saat ini (Fase 1), materi yang ada akan fokus membahas fundamental HTML dan CSS secara mendalam dan berurutan, mulai dari Chapter 1 - Introduction sampai Chapter 15 - Advanced Layouting.
- Jika kalian bergabung dan membeli kelas di Fase 1 ini, kalian akan mendapatkan update seluruh materi di fase-fase berikutnya secara GRATIS.
- Saat materi Fase berikutnya sudah dimasukkan nanti, harga kelas akan dinaikkan.
Introduction
- Selamat Datang di Kursus! + Perkenalan Mentor
- Penjelasan Course & Learning Outcome
- Untuk Siapa Saja Course Ini?
- Cara Mengakses Code, Slide dan Materi Course
Mindset & Roadmap
- Selamat Datang di Era AI 2026
- Roadmap, Fakta & Fenomena Web Development
- Teknologi Internet & Cara Kerja Website
- Front-End, Back-End & Full-Stack
- Etika AI
Persiapan Environment
- Sistem Operasi
- Instalasi VS Code & Environment Pendukung
- Setup & Konfigurasi VSCode
- Theme & Extensions
- Instalasi AI Asistant (Windsurf)
HTML Dasar
- Intro HTML
- Tag HTML
- Tag Text
- Latihan HTML 1: Artikel
- List
- Latihan HTML 2: Resep
- Link
- Image
- Audio & Video
Git & GitHub
- Intro Version Control Sytem
- Instalasi Git & GitHub
- Latihan Git 1: My First Commit
- Latihan Git 2: My First Repo
- Latihan Git 3: Commit Best Practice
HTML Semantic
- Apa & Kenapa Semantic?
- Tag-tag Semantic
- Latihan Semantic: Before & After
HTML Table & Form
- Table Introduction
- Styling Table
- Table Merging
- Latihan Table 2: Jadwal Turnamen
- Form, input, label & button
- Required, Autofocus, Autocomplete, Checkbox & Radio
- Select & textarea
- Form + Table
Studi Kasus 1 - HTML
- Studi Kasus - Brief & Struktur HTML
- Studi Kasus - Implementasi CSS
CSS Dasar
- Pendahuluan CSS
- Anatomy CSS
- CSS Selectors
- CSS Placements
- Font Styling
- Font Styling 2
- Latihan 1 CSS - Typography
- Text Styling
- Text Styling 2
- Latihan 2 CSS - Text Styling
- CSS Colors + Latihan 3 CSS - Colors
- CSS Background
- CSS Background 2
- Latihan 4 CSS - Background
CSS Selector
- Simple Selectors
- Pseudo Selectors 1 - Pseudo Class
- Pseudo Selectors 2 - Pseudo Element
- Pseudo Selectors 3 - Smart Selector
- Complex Selectors
The C-S-I
- Cascade
- Specificity
- Inheritance
CSS Box Model
- Block vs Inline Display & overflow
- Box Model, Margin & Padding
- Border, Outline & Box Sizing
- Latihan CSS Box Model: The Product Card (commit & push)
Studi Kasus 2 - CSS Dasar
- Studi Kasus - Intro & Struktur HTML
- Studi Kasus - Implementasi CSS
CSS Basic Layouting
- Brief History CSS Layouting
- Float
- Position
- Fixed, Sticky & z-index
- Latihan Position - Streamers Profile - Brief & Struktur HTML
- Latihan Position - Streamers Profile - CSS
Advanced Layouting
- Apa Itu Flexbox?
- Flex-Direction
- Justify-Content
- Flex-Wrap
- Align-Items
- Align-Content & Align-Self
- Latihan Advanced Layouting 1: The Holy Grail Navbar (commit & push)
- Flex-Basis, Grow, & Shrink
- Penulisan Singkat Properti Flex (Shorthand)
- Latihan Advanced Layouting 2: Pricing Card (commit & push)
- Grid singkat saja
- Latihan Advanced Layouting 3: Image Gallery (commit & push)
Studi Kasus 3 - CSS Layouting
- Studi Kasus - Intro & Struktur HTML
- Studi Kasus - Implementasi CSS
Fase 2 - Modern Interaction, Transition & Animation
- TBA
Fase 2 - Responsive Web Design
- TBA
Fase 2 - Modern CSS
- TBA
Fase 3 - CSS & UI Frameworks
- TBA
Preview materi yang akan kamu dapat
Biaya terjangkau untuk masa depan kamu
Akses Selamanya Seluruh Video Yang Tersedia
Sertifikat Berbasis Blockchain Yang Dapat Ditelusuri Keasliannya
Fitur Diskusi Eksklusif di Platform Belajar
Teknologi Standar Industri Sesuai Top IT Company
Mentor Expert Yang Mengajar Sesuai Bidangnya
80+ Video Pembelajaran
Rp 950.000
Rp 299.250
*Diskon sampai dengan 2 Mei 2026, harga akan naik setelahnya!
Gabung SekarangPunya pertanyaan seputar course
Apa saja persyaratan untuk mengikuti course ini?
Tidak ada persyaratan khusus untuk mengikuti course ini. Course ini dirancang untuk pemula yang ingin belajar web development dari nol, jadi kalian tidak perlu memiliki pengalaman atau pengetahuan sebelumnya di bidang IT atau pemrograman untuk bisa mengikuti course ini.
Apakah pembelajaran dilakukan secara online?
Benar, pembelajaran dilakukan sepenuhnya secara online berbasis video.
Apakah saya akan mendapatkan sertifikat setelah menyelesaikan course ini?
Ya, kalian akan mendapatkan sertifikat kelulusan berbasis Blockchain yang dapat ditelusuri melalui jaringan Polygon sehingga dapat dibuktikan keasliannya setelah menyelesaikan semua materi course yang diberikan.
Bagaimana jika saya mengalami kesulitan dalam memahami materi atau mengerjakan proyek?
Jangan khawatir! Kalian bisa bertanya, berdiskusi, dan mendapatkan bantuan melalui fitur diskusi eksklusif pada platform.
Bagaimana cara mendaftar dan melakukan pembayaran?
Kalian dapat mendaftar melalui tombol gabung sekarang di halaman ini. Kami menyediakan berbagai opsi pembayaran yang aman dan mudah.
Kapan course ini akan dimulai?
Course ini bersifat self-paced, artinya kalian dapat memulai kapan saja dan belajar sesuai dengan kecepatan kalian sendiri, saat coursenya sudah dirilis.
Apakah ada batas waktu untuk menyelesaikan course ini?
Tidak ada batas waktu yang ketat. Kalian dapat menyelesaikan course ini sesuai dengan waktu luang dan kemampuan belajar kalian.
Apakah saya bisa mendapatkan akses seumur hidup ke materi course?
Ya, kalian akan mendapatkan akses seumur hidup ke semua materi course, termasuk video pembelajaran, kode sumber, dan update materi di masa mendatang.
Konsultasi Program Gratis
Apabila kamu memiliki pertanyaan dan ingin berkonsultasi langsung dengan team WPU Course
Kang APIP WPU
Asisten Pintar & Interaktif Platform WPU