Belajar membangun halaman website dari nol bersama trainer: struktur HTML, desain dengan CSS, layout responsif, sampai website siap dipublikasikan. Tersedia kelas reguler dan privat, online maupun tatap muka.
Cek apakah tujuan, level, dan kesiapan Anda sudah sesuai sebelum memilih paket.
Gambaran, Tujuan & Ruang Lingkup Kursus
Kursus ini mengajarkan fondasi pembuatan website: HTML sebagai kerangka halaman dan CSS sebagai pengatur tampilan. Ibarat membangun rumah, Anda lebih dulu memahami bata dan semen sebelum menata interior. Dengan fondasi yang benar, Anda bisa membuat halaman web sendiri, mengubah tampilan template, dan lebih mudah mempelajari JavaScript atau framework berikutnya.
Ruang lingkup inti mencakup 26 topik HTML dan CSS yang disusun bertahap, dari pengenalan web sampai publikasi website. Praktik dilakukan langsung di laptop peserta.
💡 Tips: Konsultasikan Kebutuhan JavaScript
Ingin menambah JavaScript dasar seperti interaksi tombol, validasi formulir, atau menu responsif? Tuliskan kebutuhan Anda pada kolom catatan di formulir Cek Jadwal. Tim Raya School akan menginformasikan ketersediaan materi dan trainer untuk paket Privat atau Business Class.
Cocok untuk Siapa
🌱Pemula
Belum pernah menulis kode dan ingin memahami cara kerja website dari awal.
🏪Pemilik Bisnis & UMKM
Ingin mengelola halaman website atau landing page bisnis tanpa selalu bergantung pada pihak lain.
🎨Desainer & Content Creator
Ingin menerjemahkan desain menjadi halaman web dan merapikan tampilan konten.
📣Digital Marketer
Ingin menyesuaikan landing page, memahami struktur halaman, dan berkomunikasi dengan developer.
🎓Pelajar & Career Switcher
Membangun dasar front-end sebelum belajar JavaScript atau framework.
🏢Tim Perusahaan
Membutuhkan pelatihan privat atau in-house sesuai proyek website perusahaan.
Prasyarat Keterampilan
Tidak perlu pengalaman coding sebelumnya, kursus dimulai dari dasar.
Mampu mengoperasikan komputer atau laptop dan browser.
Membawa laptop pribadi (Windows, macOS, atau Linux) untuk praktik.
Tidak perlu software berbayar, cukup code editor gratis dan browser modern.
💡 Tips: Persiapan Mental Belajar
Sebelum kelas dimulai, buka 2–3 website favorit Anda dan catat bagian yang ingin dipelajari (menu, tombol, kartu, atau layout). Contoh nyata membuat praktik lebih terarah.
Kompetensi yang Dipelajari
Menyusun struktur halaman web dengan HTML5 yang rapi dan semantik.
Membuat tautan, gambar, tabel, daftar, dan formulir HTML.
Mengatur warna, tipografi, jarak, dan tampilan elemen dengan CSS.
Memahami selector, specificity, dan box model.
Menyusun layout dengan posisi, Flexbox, dan Grid.
Membuat tampilan responsif untuk desktop dan mobile.
Menambahkan efek hover, transisi, dan animasi dasar.
Mengenal Sass dan mempublikasikan website melalui Netlify.
Kurikulum
Apa Saja Kurikulumnya?
28 topik HTML dan CSS dalam 8 modul, dari fondasi web sampai publikasi website.
Ringkasan Modul dan Durasi
Kurikulum disusun dalam 8 modul berisi topik bertahap. Trainer menyesuaikan kecepatan dan alokasi topik per sesi dengan level peserta.
01Fondasi Web & Persiapan
Pengenalan Web dan Cara Kerja Browser
Persiapan Code Editor dan Struktur Folder Proyek
02Dasar HTML
Struktur Dokumen HTML5
Teks, Heading, Paragraf, dan Daftar
Tautan, Gambar, Tabel, dan Formulir
03Dasar CSS & Gaya Tampilan
Cara Menghubungkan CSS ke HTML
Warna, Latar Belakang, dan Tipografi
Ukuran, Satuan, dan Border
Styling Teks, Tautan, dan Daftar
04Selector, Specificity & Box Model
Selector Class, ID, dan Elemen
Pseudo-class dan Pseudo-element
Specificity dan Cascade
Box Model: Margin, Padding, dan Border
05Layout & Posisi
Display dan Positioning
Float dan Clear
Flexbox
CSS Grid
Menyusun Halaman Lengkap
06Desain Responsif
Viewport dan Media Query
Gambar dan Layout Fleksibel
Pendekatan Mobile-First
07Efek, Transisi & Animasi
Hover dan Transition
Transform
Keyframe Animation
08CSS Modern, Sass & Publikasi
Variabel CSS dan Teknik CSS Modern
Pengenalan Sass
Optimasi Dasar dan Struktur CSS yang Rapi
Publikasi Website dengan Netlify
Paket
Sesi
Durasi per Sesi
Total Durasi
Masterclass Reguler
4 sesi
3 jam
12 jam
Masterclass Privat
3 sesi
3 jam
9 jam
Business Class Privat
4 sesi
4 jam
16 jam
💡 Tips: Sesuaikan Alokasi Waktu
Pembagian topik per sesi dapat disesuaikan. Jika Anda sudah menguasai HTML dasar, sampaikan saat cek jadwal agar waktu belajar lebih banyak untuk layout, responsif, dan proyek akhir.
Alat dan Software yang Dipelajari
📝Code Editor
Menulis dan merapikan kode HTML dan CSS. Editor gratis seperti Visual Studio Code direkomendasikan.
🌐Browser & Developer Tools
Menguji tampilan, memeriksa elemen, dan memperbaiki kode secara langsung.
🎛️Sass
Menulis CSS lebih rapi dan mudah dipelihara dengan variabel dan struktur modular.
🚀Netlify
Mempublikasikan website hasil praktik secara online dengan layanan hosting statis.
💡 Tips: Siapkan Peralatan
Instal code editor dan satu browser modern (misalnya Chrome atau Firefox) sebelum sesi pertama. Persiapan ini menghemat waktu kelas untuk praktik.
Contoh Materi Praktik
🧱Halaman Profil
Menyusun halaman profil pribadi atau bisnis dengan heading, gambar, tautan, dan daftar.
📬Formulir Kontak
Membuat formulir kontak dengan input, label, dan tombol yang rapi.
📐Layout Responsif
Menata kartu dan galeri dengan Flexbox dan Grid agar tampil baik di mobile dan desktop.
✨Efek Interaktif
Menambahkan hover, transisi, dan animasi ringan pada tombol dan kartu.
📄Landing Page
Menggabungkan semua materi menjadi satu landing page sederhana.
🌍Publikasi Online
Mengunggah hasil karya ke Netlify agar bisa dibuka lewat tautan.
Unduh Silabus
Unduh silabus lengkap untuk membaca ringkasan modul, topik, dan ketentuan program secara offline.
Pilih belajar online dari mana saja atau tatap muka dengan pendampingan langsung, sesuai kebutuhan Anda.
Format dan Platform Belajar
🏢Tatap Muka (Offline)
Di kantor Raya School, Condet Raya, Jakarta Timur, atau di kantor/lokasi domisili Anda di kota-kota di seluruh Indonesia sesuai ketersediaan jadwal dan trainer.
Format ini direkomendasikan karena praktik coding lebih mudah dipandu langsung dan disesuaikan dengan kebutuhan Anda.
💻Online (Live)
Belajar interaktif secara langsung dari mana saja melalui platform meeting online. Tautan akses dikirim tim Raya School sebelum sesi pertama.
Cocok untuk peserta di luar Jakarta atau dengan jadwal padat.
💡 Tips: Biaya Kelas di Luar Kantor Raya School
Jika trainer dikirim dari kantor Raya School Jakarta ke lokasi Anda di luar kota, kemungkinan ada tambahan biaya akomodasi trainer. Tim akan menginformasikannya sebelum pembayaran.
Kirim permintaan jadwal minimal 1–2 pekan sebelum tanggal yang diinginkan agar trainer dan ruang kelas dapat dipersiapkan dengan baik.
Persiapan Sebelum Kelas
Siapkan laptop dengan baterai atau charger, serta koneksi internet stabil.
Instal code editor gratis dan browser modern.
Buat satu folder khusus proyek kursus di laptop Anda.
Konfirmasi jadwal, tautan atau lokasi kelas, dan materi pra-kelas dari tim Raya School.
Kumpulkan logo, foto, atau teks bisnis Anda jika ingin berlatih dengan konten sendiri.
Dukungan Belajar dan Tanya Jawab
🎥Materi Video & PDF
Materi pembelajaran dapat dipelajari ulang setelah sesi live.
💬Tanya Jawab
Pertanyaan selama proses belajar dapat disampaikan melalui trainer dan tim Raya School.
🤝Konsultasi Lanjutan
Konsultasi setelah kelas tersedia sesuai ketentuan paket yang dipilih.
Instruktur
Siapa Instrukturnya?
Kurikulum disusun oleh educator berpengalaman dan dipandu tim trainer profesional.
Profil dan Pengalaman
Wahyu Dian Purnomo
Educator Kurikulum
5.0Rating
3.809Ulasan
11.202Siswa
20Kursus
Wahyu Dian Purnomo adalah Founder dan Chief Educator Raya School sekaligus Educator Kurikulum Kursus HTML, CSS, JS. Beliau menyusun arah dan standar kurikulum agar materi mudah dipraktikkan, bukan sekadar banyak teori.
Latar belakangnya mencakup lebih dari 20 tahun di dunia IT, web, dan pemasaran digital: dari .NET Developer, Software Development Specialist, dan Senior Developer, IT Project Manager, hingga mendirikan Wahyu Studio (2014) dan Raya School (2021).
Pengalaman proyek IT pada institusi seperti Bank Indonesia, OJK, BEI, dan Bank ANZ.
Pengalaman mengajar peserta dari UMKM, komunitas, individu, hingga ekspatriat PBB.
Kredensial: Adobe Certified Associate (Photoshop), ClickMinded Digital, Content, dan Email Marketing Certification, serta Google Ads Certified.
"Kurikulum yang baik bukan yang paling banyak materinya, tapi yang paling bisa langsung dipraktikkan."
Kelas dibawakan oleh tim trainer profesional Raya School. Trainer yang bertugas diinformasikan sesuai ketersediaan jadwal dan trainer pada paket yang Anda pilih.
Dokumentasi Praktik Mengajar
Pengalaman staf trainer Raya SchoolSertifikat internasional tim pengajar
Sebelum mendaftar, tonton video pengajaran di kanal YouTube Wahyu Dian Purnomo untuk merasakan gaya mengajar dan kecepatan penjelasan, lalu pastikan sesuai dengan cara belajar Anda.
Investasi & Fasilitas
Berapa Biaya dan Apa Fasilitasnya?
Tiga pilihan paket dengan harga jelas. Pilih yang paling sesuai dengan tujuan dan jadwal Anda.
Bandingkan tujuan Anda dengan paketnya. Reguler cocok untuk belajar terjadwal dengan biaya efisien. Privat cocok bila Anda ingin tempo dan materi menyesuaikan kebutuhan. Business Class cocok untuk tim atau proyek website bisnis yang butuh pendampingan lebih intensif.
Yang Sudah Termasuk
Kelas live bersama trainer Raya School.
Materi pembelajaran dalam format video dan PDF.
E-Certificate (Sertifikat Kehadiran).
Konsultasi lanjutan sesuai ketentuan paket.
Makan siang dan snack pada kelas tatap muka di kantor Raya School.
Yang Belum Termasuk
Laptop atau komputer pribadi dan koneksi internet peserta.
Biaya domain dan hosting berbayar (praktik publikasi menggunakan layanan gratis).
Biaya transportasi dan akomodasi trainer untuk kelas di luar kantor Raya School bila trainer dikirim dari Jakarta.
Metode Pembayaran
🏦Transfer Bank
Transfer Bank Mandiri tersedia sebagai salah satu metode pembayaran.
🗓️Cicilan
Opsi cicilan melalui partner pembiayaan tersedia sesuai ketentuan dan paket yang berlaku.
💳Kartu Kredit
Kartu kredit tersedia sebagai salah satu pilihan pembayaran pada proses pendaftaran.
💡 Tips: Konfirmasi Sebelum Membayar
Sebelum membayar, konfirmasi paket, harga yang berlaku, jadwal, format online atau tatap muka, serta instruksi pembayaran resmi kepada tim Raya School melalui WhatsApp.
Investasi & Fasilitas
Berapa Biaya dan Apa Fasilitasnya?
Tiga pilihan paket dengan harga jelas. Pilih yang paling sesuai dengan tujuan dan jadwal Anda.
Bandingkan tujuan Anda dengan paketnya. Reguler cocok untuk belajar terjadwal dengan biaya efisien. Privat cocok bila Anda ingin tempo dan materi menyesuaikan kebutuhan. Business Class cocok untuk tim atau proyek website bisnis yang butuh pendampingan lebih intensif.
Yang Sudah Termasuk
Kelas live bersama trainer Raya School.
Materi pembelajaran dalam format video dan PDF.
E-Certificate (Sertifikat Kehadiran).
Konsultasi lanjutan sesuai ketentuan paket.
Makan siang dan snack pada kelas tatap muka di kantor Raya School.
Yang Belum Termasuk
Laptop atau komputer pribadi dan koneksi internet peserta.
Biaya domain dan hosting berbayar (praktik publikasi menggunakan layanan gratis).
Biaya transportasi dan akomodasi trainer untuk kelas di luar kantor Raya School bila trainer dikirim dari Jakarta.
Metode Pembayaran
🏦Transfer Bank
Transfer Bank Mandiri tersedia sebagai salah satu metode pembayaran.
🗓️Cicilan
Opsi cicilan melalui partner pembiayaan tersedia sesuai ketentuan dan paket yang berlaku.
💳Kartu Kredit
Kartu kredit tersedia sebagai salah satu pilihan pembayaran pada proses pendaftaran.
💡 Tips: Konfirmasi Sebelum Membayar
Sebelum membayar, konfirmasi paket, harga yang berlaku, jadwal, format online atau tatap muka, serta instruksi pembayaran resmi kepada tim Raya School melalui WhatsApp.
Testimoni Alumni
Apa Kata Alumni?
Lihat dokumentasi dan pengalaman belajar bersama Raya School.
Testimoni Peserta
Pengalaman peserta dapat berbeda sesuai latar belakang, tujuan, dan penerapan materi setelah kelas. Lihat dokumentasi kelas dan cerita peserta Raya School langsung dari kanal resmi kami.
Saat menghubungi tim, minta contoh pengalaman peserta dengan latar belakang yang mirip dengan Anda (pemula, pemilik bisnis, atau desainer) agar ekspektasi belajar lebih realistis.
Hasil Karya dan Studi Kasus
🧑💼Halaman Profil Pribadi
Hasil akhir berupa halaman profil responsif yang dapat dibagikan lewat tautan.
🏪Landing Page Bisnis
Satu halaman promosi sederhana berisi penawaran, manfaat, dan tombol kontak.
📸Galeri Responsif
Galeri foto dengan layout Grid yang rapi di mobile dan desktop.
💡 Tips: Bangun Portofolio Sejak Hari Pertama
Simpan semua hasil praktik dalam satu folder dan unggah ke Netlify. Anda akan memiliki portofolio online sejak selesai kelas.
Pendaftaran & Ketentuan
Bagaimana Cara Mendaftar dan Apa Ketentuannya?
Lima langkah sederhana dari memilih paket sampai sesi pertama.
Langkah Pendaftaran
Pilih Paket KelasTentukan Reguler, Privat, atau Business Class sesuai kebutuhan Anda.
Isi Formulir Cek JadwalLengkapi nama, email, paket, dan rencana mulai belajar. Kolom lain bersifat opsional.
Konfirmasi via WhatsAppTim Raya School menginformasikan jadwal, trainer, format, dan instruksi pembayaran.
Lakukan PembayaranBayar sesuai instruksi resmi setelah semua detail dikonfirmasi.
Mulai BelajarTerima tautan atau lokasi kelas dan materi persiapan, lalu mulai sesi pertama.
Kebijakan pengembalian dana mengatur periode pengajuan, persyaratan, dan mekanisme pengembalian. Pengajuan refund dapat dilakukan dalam 7 hari sejak pembayaran dikonfirmasi, dengan ketentuan yang berlaku untuk jenis program yang diikuti.
💡 Tips: Pahami Kebijakan Sebelum Membayar
Baca ketentuan refund dan tanyakan hal yang belum jelas kepada tim sebelum membayar. Simpan bukti pembayaran dan konfirmasi paket Anda.
Ketentuan Kelas
🗓️Penyesuaian Jadwal
Perubahan tanggal dapat diajukan melalui tim administrasi sebelum sesi dimulai, sesuai ketentuan yang berlaku.
🏢Lokasi Kelas
Tatap muka di kantor Raya School atau di lokasi Anda sesuai ketersediaan jadwal dan trainer. Biaya akomodasi trainer dapat berlaku untuk luar kota.
💻Perangkat Peserta
Peserta membawa laptop sendiri dan memastikan koneksi internet stabil untuk kelas online.
FAQ
FAQ (Pertanyaan yang Sering Diajukan)
Jawaban singkat untuk pertanyaan yang paling sering diajukan calon peserta.
Seputar Materi dan Belajar
Apakah kursus HTML, CSS, JS ini cocok untuk pemula?
Ya. Kursus dimulai dari dasar dan tidak mensyaratkan pengalaman coding. Materi disusun bertahap dari struktur HTML sampai layout responsif dan publikasi website.
Apa saja yang dipelajari di kursus ini?
Anda mempelajari 26 topik HTML dan CSS, mencakup struktur halaman, formulir, selector, box model, Flexbox, Grid, desain responsif, animasi, pengenalan Sass, dan publikasi dengan Netlify.
Apakah JavaScript diajarkan?
Kurikulum inti pada halaman ini berfokus pada HTML dan CSS. Jika Anda membutuhkan JavaScript dasar, sampaikan kebutuhan Anda pada formulir Cek Jadwal agar tim dapat menginformasikan ketersediaan materi pada paket Privat atau Business Class.
Apakah perlu software berbayar?
Tidak. Anda cukup menggunakan laptop, browser modern, dan code editor gratis. Publikasi praktik memakai layanan hosting gratis.
Apakah belajar bisa online dan tatap muka?
Bisa. Kelas tatap muka dapat dilaksanakan di kantor Raya School atau di lokasi Anda di kota-kota di seluruh Indonesia sesuai ketersediaan jadwal dan trainer. Kelas online dapat diikuti dari mana saja.
Apakah saya bisa berkonsultasi setelah kelas selesai?
Peserta dapat berkonsultasi lanjutan sesuai ketentuan paket yang dipilih. Detailnya dikonfirmasi oleh tim Raya School saat pendaftaran.
Seputar Biaya dan Pendaftaran
Berapa biaya Kursus HTML, CSS, JS?
Masterclass Reguler Rp 999.000 (4 sesi × 3 jam), Masterclass Privat Rp 1.999.000 (3 sesi × 3 jam), dan Business Class Privat Rp 3.999.000 (4 sesi × 4 jam).
Apa saja yang sudah termasuk dalam biaya?
Kelas live bersama trainer, materi video dan PDF, E-Certificate, dan konsultasi lanjutan sesuai ketentuan paket. Kelas tatap muka di kantor Raya School termasuk makan siang dan snack.
Apakah ada biaya tambahan?
Untuk kelas tatap muka di luar kantor Raya School, mungkin ada tambahan biaya akomodasi trainer jika trainer dikirim dari Jakarta. Tim akan menginformasikannya sebelum pembayaran.
Bagaimana cara mendaftar?
Isi formulir Cek Jadwal pada halaman ini, lalu lanjutkan konfirmasi melalui WhatsApp. Tim Raya School akan membantu jadwal, trainer, dan instruksi pembayaran.
Apakah ada opsi pembayaran cicilan?
Opsi cicilan tersedia melalui partner pembiayaan sesuai ketentuan dan paket yang berlaku. Konfirmasikan kepada tim sebelum membayar.
Bagaimana kebijakan pengembalian dana?
Pengajuan refund dapat dilakukan dalam 7 hari sejak pembayaran dikonfirmasi dengan ketentuan yang berlaku. Tanyakan detailnya kepada tim sebelum membayar.
Cek Jadwal & Konsultasi
Cek Jadwal Kelas Kursus HTML, CSS, JS
Isi 4 kolom wajib, kolom lainnya opsional. Ringkasan Anda akan dikirim ke WhatsApp Raya School.
🧑💻 Praktik langsung bersama trainer
