PANDUAN PRAKTIS

Membuat Website Pertama Kamu Live dengan Vibe Coding.

Dari ide menjadi website yang bisa dibuka siapa saja. Pelajari langkahnya satu per satu, mulai dari fondasi, praktik bersama AI, hingga website live dan siap kamu kembangkan sendiri.

Ramah pemula Praktik bertahap Website benar-benar live
IDEPROMPTBUILDPUBLISHLIVE
TENTANG PERJALANAN INI

Belajar sambil benar-benar membuat.

Di panduan ini, kamu belajar sambil membangun website pertama. Setiap tahap menjelaskan apa yang sedang kamu kerjakan dan bagaimana langkah itu membawa websitemu semakin dekat untuk bisa dibuka publik.

Kamu akan mulai dari halaman sederhana, lalu mengembangkan isi, tampilan, dan interaksinya. Dari situ, kamu punya fondasi untuk membuat website yang sesuai dengan kebutuhan dan gayamu sendiri.

TUJUAN AKHIR

Website buatanmu bisa dibuka publik, menggunakan domain milikmu sendiri jika kamu memilihnya, dan bisa kamu perbarui kapan saja.

PETA PERJALANAN

Sembilan bab.
Satu website pertamamu.

Mulai dengan mengenali cara kerja website, lanjutkan dengan praktik, lalu lihat hasilnya tumbuh di setiap bab. Ikuti urutannya agar setiap langkah terasa masuk akal.

PROGRES BELAJAR0 / 9 bab

Perjalananmu dimulai di sini ✳

Progres tersimpan di browser yang kamu gunakan.
FASE 01

Kenali & mulai

01—03
01Belum selesai
FONDASI

Memahami Apa Itu Website

Pahami bagaimana kode, hosting, dan domain bekerja bersama hingga website bisa dibuka di browser.

  • Hal utama yang perlu kamu ketahui
  • Materi tambahan · Opsional
Bab 01
02Belum selesai
FONDASI

Mengenal GitHub

Kenali tempat menyimpan file website, mencatat perubahan, dan menyiapkannya untuk dipublikasikan.

  • Apa itu GitHub
  • Hal utama yang perlu kamu ketahui
  • Materi tambahan · Opsional
Bab 02
03Belum selesai
PRAKTIK

Membuat Akun GitHub Pertama Kamu

Siapkan akun GitHub dan temukan menu yang kamu perlukan untuk mulai membangun website.

  • Sign up GitHub
  • Mengenal tampilan dan menu utama
  • Bagian tambahan untuk nanti
Bab 03
FASE 02

Buat & luncurkan

04—06
04Belum selesai
PRAKTIK

Membuat File Website Pertama Kamu

Buat repository, tulis halaman HTML sederhana, lalu simpan file pertamamu dengan commit.

  • Buat repository dan index.html
  • Simpan kode pertama dengan commit
Bab 04
05Belum selesai
CHECKPOINT 01 ✳

Membuat Website Live dengan GitHub Pages

Saatnya melihat hasil pertama: publikasikan file HTML menjadi website yang bisa dibuka orang lain.

  • Aktifkan GitHub Pages
  • Buka URL website pertamamu
🎉 Website pertama live
06Belum selesai
CHECKPOINT 02

Membuat Website Lebih Menarik

Dengan bantuan AI, lengkapi isi, percantik tampilan, dan tambahkan interaksi pada website.

  • index.html, style.css, script.js
  • Tambah file dan kembangkan visual
HTML + CSS + JavaScript
FASE 03

Jadikan milikmu

07—09
07Belum selesai
DOMAIN

Membeli Domain Kamu Sendiri

Ingin alamat yang lebih personal? Pilih domain sendiri dan ikuti langkah pembeliannya.

  • Pilih dan beli domain
  • Cek status dan pengaturannya
Bab 07
08Belum selesai
CHECKPOINT 03 ✳

Menghubungkan Domain dengan Website

Hubungkan domain pilihanmu ke website yang sudah live, lalu aktifkan koneksi HTTPS.

  • Hubungkan domain dan atur DNS
  • Konfigurasi HTTPS
🎉 Live dengan domain sendiri
09Belum selesai
LANJUT BERKREASI

Edit Website Sesuai Kreasi Kamu Sendiri

Ganti contoh latihan dengan cerita dan karyamu sendiri, lalu publikasikan versi terbarunya.

  • Prompt → edit → commit → deploy
  • Review dan terus perbaiki
Bab 09

Belajar sesuai ritmemu. Tandai bab yang sudah selesai, lalu lanjutkan saat kamu siap. Kamu selalu bisa kembali untuk mengulang materi.

LANJUTKAN PERJALANAN

Website pertamamu dimulai dari langkah pertama.

Mulai dari gambaran besarnya, lalu praktikkan satu langkah pada satu waktu. Di akhir perjalanan, kamu akan memahami cara membuat, mempublikasikan, dan memperbarui website sendiri.

Mulai dari Bab 01