Skip to Content
Bareng Basic (B3) x Himaforka Frontend DevelopmentBelajar Bareng BASIC (B3) x HIMAFORKA - Frontend Development

Belajar Bareng BASIC (B3) x HIMAFORKA - Frontend Development

Selamat datang di dokumentasi materi Belajar Bareng BASIC (B3) x HIMAFORKA Frontend Development!

Tentang Program

Program ini merupakan kolaborasi antara BASIC dengan HIMAFORKA (Himpunan Mahasiswa Informatika) untuk memberikan pembelajaran frontend development yang komprehensif.

Materi Pembelajaran

HTML - HyperText Markup Language

Pelajari dasar-dasar HTML untuk membuat struktur halaman web, mulai dari elemen dasar hingga studi kasus pembuatan website portfolio.

Topik yang dibahas:

  • Pengenalan HTML dan struktur dokumen
  • Heading, paragraf, dan inline text
  • Link, gambar, dan list
  • Form dan input elements
  • Container div dan struktur semantik
  • Studi kasus: Website Portfolio

CSS - Cascading Style Sheets

Kuasai CSS untuk mengatur tampilan dan layout halaman web agar lebih menarik dan profesional.

Topik yang dibahas:

  • Pengenalan CSS dan sintaks dasar
  • Cara menambahkan CSS dan hierarki
  • Box model dan typography
  • Display properties dan layout (Flexbox & Grid)
  • Responsive design dengan media queries

JavaScript - Programming Language

Pelajari JavaScript untuk membuat website interaktif dan dinamis dengan logika pemrograman.

Topik yang dibahas:

  • Pengenalan JavaScript dan setup environment
  • Variabel, tipe data, dan operasi aritmatika
  • Object, array, conditional, looping, dan function
  • DOM manipulation, BOM, dan interaksi form

Git & GitHub - Version Control

Kuasai Git dan GitHub untuk mengelola kode, berkolaborasi dengan tim, dan deploy website.

Topik yang dibahas:

  • Pengenalan Git, GitHub, dan version control
  • Workflow dasar: init, add, commit, push, pull
  • Kolaborasi dengan branch dan pull request
  • Deploy website dengan GitHub Pages

Cara Menggunakan Dokumentasi

  1. Pilih materi yang ingin dipelajari dari sidebar
  2. Ikuti materi secara berurutan untuk hasil terbaik
  3. Praktikkan setiap contoh kode yang diberikan
  4. Jangan ragu untuk bereksperimen!

Kontak & Dukungan

Jika ada pertanyaan atau butuh bantuan, silakan hubungi:


Last updated on