Belajar Membuat Internet site Blog dari Nol, Cocok untuk Pemula!

Di video ini kita membuat website blog site sederhana bernama “MyBlog” langkah demi langkah memakai HTML, CSS, dan Bootstrap 5 dengan VS Code. Tidak perlu pengalaman coding sebelumnya, cukup ikuti dari awal sampai akhir.

Yang kamu pelajari:
✅ Menyiapkan struktur folder task
✅ Membuat halaman Home, Gallery, About, dan Contact
✅ Navbar, card, carousel, dan footer dengan Bootstrap 5
✅ Mengatur tampilan dengan CSS kustom
✅ Membuat form kontak dan tombol sosial media
✅ Shortcut VS Code yang mempercepat pekerjaan

MODUL & FILE LATIHAN
Download modul di sini: https://www.image2url.com/r2/default/files/1793962833336-070f40bb-19fc-4a3c-9ad9-bbe2913fdbb5.md

⏱ DAFTAR ISI (perkiraan, sesuaikan dengan videonya).
00:00 Pembukaan & persiapan folder project.
00:30 Halaman Home (struktur & card).
03:30 Shortcut VS Code & Prettier.
04:30 Footer & manuscript Bootstrap.
05:30 Halaman Gallery (navbar & carousel).
07:30 CSS Bootstrap & style kustom.
08:30 Halaman Contact (form & information kontak).
10:00 Link sosial media.
11:30 Halaman About.
13:00 Photo collection di Gallery.
14:30 Uji coba form & hasil akhir.

Devices yang dipakai:.
– Visual Studio Code.
– Bootstrap 5.3.
– Browser + Live Server.

Extention yang di perlukan.
1. auto relabel tag (wajib).
2. bracket pair colorizer 2 (opsional).
3. shade emphasize (opsional).
4. css flexbox cheatsheet (opsional).
5. css peek (opsional).
6. css-auto-prefix (opsional).
7. emphasize matching tag (wajib).
8. photo preview (wajib).
9. indent-rainbow (opsional).
10. live-server (wajibbbbb).

Ada pertanyaan? Tulis di kolom komentar, nanti saya bantu jawab!
Kalau video ini bermanfaat, jangan lupa Like, Subscribe, dan aktifkan lonceng notifikasi.

Ikuti saya:.
Instagram: https://www.instagram.com/r_aafi.s?stkn=MXdpbXg3cWw3MXp4Zg==.
LinkedIn: https://www.linkedin.com/in/rafi-shiddiq-82b778348.

#HTML #CSS #Bootstrap 5 #BelajarCoding #WebsiteUntukPemula #VSCode #TutorialWebsite.