HTML, CSS, + Bootstrap 5

Categories: Programming
Wishlist Share

Course Description

Kursus HTML, CSS, dan Bootstrap 5 ini dirancang untuk membantu mahasiswa memahami dasar-dasar pengembangan web modern. Peserta akan belajar cara membangun halaman web dari nol menggunakan HTML untuk struktur, CSS untuk tampilan, serta Bootstrap 5 sebagai framework front-end yang memudahkan pembuatan desain responsif dan profesional.

Bagian 1 – Dasar HTML (Struktur Halaman Web)

  1. Pengenalan Web & Browser

  2. Dasar HTML: Tag, Elemen, dan Atribut

  3. Heading, Paragraf, Link, dan Gambar

  4. List (Ordered & Unordered)

  5. Tabel

  6. Formulir (Input, Select, Textarea, Button)

  7. Struktur Dokumen HTML5 (header, nav, section, article, footer)

Bagian 2 – Dasar CSS (Mengatur Tampilan Web)

  1. Pengenalan CSS (Inline, Internal, External)

  2. Selektor & Properti CSS

  3. Warna, Font, dan Text Styling

  4. Box Model (Margin, Border, Padding)

  5. Layout dengan Display, Position, dan Float

  6. Flexbox – Dasar Layout Modern

  7. Grid CSS – Membuat Layout Responsif

Bagian 3 – Bootstrap 5 (Framework CSS Modern)

  1. Pengenalan Bootstrap & Instalasi (CDN/NPM)

  2. Struktur Grid System di Bootstrap 5

  3. Typography & Utility Classes

  4. Membuat Navbar, Button, dan Card

  5. Formulir dengan Bootstrap (input, checkbox, radio, dll.)

  6. Komponen Populer (Carousel, Modal, Alert, dll.)

  7. Layout Responsif dengan Grid & Flex Bootstrap

Bagian 4 – Mini Project

  1. Membuat Halaman Landing Page Sederhana

  2. Membuat Form Registrasi Responsif

  3. Membuat Website Portofolio dengan Bootstrap 5

Show More