Web Dev Basics - HTML, CSS, JS

By Samsul Hadi

HTML CSS JavaScript Bootstrap Netlify SEO Accessibility (A11Y)

Kelas live untuk pemula yang memandu langkah demi langkah: HTML → CSS → JavaScript, lanjut case study, bikin portfolio, belajar Git/GitHub, dan deploy ke Netlify. Durasi 2 bulan, fokus praktik + review bareng.

Apa yang akan kamu capai

Memahami Dasar-dasar Pembuatan Website
Menulis Kode yang Rapi dan Terstruktur
Siap Berkolaborasi dalam Tim Pengembangan
Menggunakan Git untuk Versi Kontrol
Mampu Deploy Aplikasi ke Hosting / Server
Memahami Dasar-dasar HTML Hingga Tingkat Lanjut
Memahami Dasar-dasar CSS Hingga Tingkat Lanjut
Memahami Dasar-dasar Javascript Hingga Tingkat Lanjut
Mampu Membangun Proyek Website Pertama

Setelah kelas kamu mendapatkan

Tetap bisa belajar di Member Area (LMS)
Akses LMS untuk Rekaman dan Materi selama 2 tahun
Mendapatkan e-Certificate dengan nomor seri resmi dari SamsulHadi-ss
Kesempatan dihubungkan ke hiring partner (jika tersedia)
Akses ke komunitas alumni untuk diskusi & kolaborasi project
Bimbingan karier dan portofolio setelah kelas
Update materi terbaru jika ada perubahan teknologi
Diskon eksklusif untuk mengikuti kelas lanjutan atau lainnya

Peluang Karier

Frontend DeveloperConsultantUI/UX Designer

Fasilitas

8x Pertemuan Intensif via Zoom
Belajar Langsung dari Praktisi Berpengalaman
Sesi Konsultasi dengan Pemateri
Tugas Praktik Setiap Minggu
Materi Dimulai dari Dasar (Basic)
Pembuatan Final Project sebagai Portofolio
Sertifikat untuk Peserta yang Hadir Min. 50% & Selesaikan Tugas Akhir
Akses Rekaman Kelas Selamanya
Akses ke Learning Management System (LMS)

Untuk siapa kelas ini?

Mahasiswa atau Lulusan IT yang Ingin Memperkaya Skill SetPemula yang Ingin Memulai Karier di Web Development

Kurikulum

Introduction

Bagaimana Web Bekerja (HTTP, URL, Browser & DevTools)
Setup Tools: VS Code, Extensions, Live Server
Struktur Proyek Sederhana & Best Practice Folder

Html

HTML Dasar: Tag, Atribut, Elemen, Komentar
HTML Semantik: header, nav, main, section, article, footer
Form & Input (validasi dasar, aksesibilitas singkat)
Gambar, Video, Audio, dan Optimisasi Alt Text

Css

CSS Selectors, Spesifisitas, Cascade
Box Model, Margin/Padding/Border, Sizing
Layout dengan Flexbox (praktik umum)
Layout dengan CSS Grid (dasar)
Responsive Design: Breakpoints & Media Queries
Typography, Colors, Variables (Custom Properties)
Transition & Basic Animation (hover/focus states)

Javascript

JavaScript Dasar: Tipe Data, Variabel, Operator
Control Flow: Kondisi & Perulangan
Fungsi, Scope, dan Arrow Function
DOM Manipulation: Query, Events, ClassList
AJAX Modern: fetch(), JSON, async/await
Modular JavaScript (ES Modules) & Struktur File
LocalStorage/SessionStorage: Menyimpan Data di Browser

Git Deploy

Git Dasar: init, add, commit, log
Branching, Merge, & Simple Workflow
GitHub Remote: push, pull, PR simulasi (solo)
Deploy ke Netlify (drag-drop & GitHub connect)

Capstone

Capstone: Brief Project & Wireframe Sederhana
Build: Landing/Portfolio + Interaksi JS
Code Review & Refactor Ringan
Cek Lighthouse, SEO Dasar, & Final Deploy

Tools yang digunakan

JavaScript

Git

GitHub

Html

Css