Semua paket
🌱

Paket Pemula Web

Mulai dari nol: bikin halaman web pertamamu dengan HTML, CSS, dan JavaScript dasar.

Progress: 0/122 modul0%
Lanjutkan belajar: Pengenalan Web: Cara Kerja Browser dan Server
1

Dasar HTML

Struktur halaman web dari nol. · 27 modul

Pengenalan Web: Cara Kerja Browser dan ServerPemula
HTML Pertama: Struktur DokumenPemula
Tag, Elemen, dan AtributPemula
Komentar dan Best PracticePemula
Entity dan Karakter SpesialPemula
Layouting Dasar: div, span, class, idPemula
Heading h1 sampai h6Pemula
Hierarki Heading dan SEOPemula
Paragraf dan Format TeksPemula
Format Teks Lanjutan: sub, sup, mark, codePemula
Block vs InlinePemula
List: ul, ol, liPemula
Description List: dl, dt, ddPemula
List BersarangPemula
Link Dasar: a hrefPemula
Link Lanjutan: Email, Telepon, AnchorPemula
Link Anchor dan Navigasi Satu HalamanPemula
Link pada Gambar dan TombolPemula
Gambar Dasar: img, src, altPemula
Gambar Lanjutan: figure, srcsetPemula
Memilih Format Gambar: JPG, PNG, SVG, WebPPemula
Alt Text MendalamPemula
Audio: Memutar SuaraPemula
Video: Menyematkan VideoPemula
Subtitle Video dengan trackPemula
iframe dan EmbedPemula
Favicon: Ikon Tab BrowserPemula
2

Dasar CSS

Bikin halamanmu cantik: warna, layout, responsif. · 30 modul

Pengenalan CSS dan Cara PakaiPemula
Sintaks Aturan CSSPemula
Selektor Dasar: Elemen, Class, IDPemula
Selektor KombinasiPemula
Selektor AtributPemula
Spesifisitas: Siapa yang MenangPemula
Cascade dan InheritancePemula
Satuan CSS: px, em, rem, %Pemula
Warna di CSSPemula
Box ModelPemula
Margin: Jarak LuarPemula
Padding: Jarak DalamPemula
BorderPemula
Border Radius: Sudut MembulatPemula
OutlinePemula
Box ShadowPemula
BackgroundPemula
Styling Teks DasarPemula
Font FamilyPemula
Ukuran dan Ketebalan FontPemula
Line Height dan SpasiPemula
Font KustomPemula
Text ShadowPemula
White Space dan Text OverflowPemula
Display: Block, Inline, Inline-BlockPemula
Menyembunyikan ElemenPemula
Position: Static dan RelativePemula
Media QueryPemula
Object Fit dan Object PositionPemula
Cheat Sheet CSSPemula
3

Dasar JavaScript

Bikin halaman interaktif: variabel, fungsi, DOM. · 36 modul

Pengenalan JavaScript: Bahasa yang Menghidupkan WebPemula
Cara Menjalankan JavaScriptPemula
Variabel: let dan constPemula
Tipe Data PrimitifPemula
Tipe Data Referensi: Array & ObjectPemula
Konversi Tipe DataPemula
Operator AritmatikaPemula
Operator Perbandingan & LogikaPemula
Percabangan if-elsePemula
Kondisi Bertingkat & Early ReturnPemula
Switch: Percabangan Banyak PilihanPemula
Ternary Operator: if Satu BarisPemula
Loop for: Pengulangan KlasikPemula
for...in vs for...ofPemula
Loop while & do-whilePemula
break & continuePemula
Fungsi: DasarPemula
Parameter & ArgumenPemula
Return Value: Mengembalikan NilaiPemula
Arrow FunctionPemula
Function Expression vs DeclarationPemula
Default & Rest ParameterPemula
Scope: Wilayah VariabelPemula
Hoisting: Kode DiangkatPemula
Closure: Fungsi yang MengingatPemula
Array: DasarPemula
Array: Tambah & Hapus ElemenPemula
Array.map: TransformasiPemula
Array.filter: MenyaringPemula
Array.find & findIndexPemula
Array.reduce: AgregasiPemula
Array.sort & reversePemula
forEach, some, every, includesPemula
Array MultidimensiPemula
Proyek Mini: Olah Data ArrayPemula
Timer di JavaScript: setTimeout & setIntervalPemula
4

Praktik Terpadu

Gabungkan HTML, CSS, dan JS: bangun komponen web nyata. · 29 modul

Setup Proyek Web: Struktur Folder yang RapiPemula
Membangun Navbar SederhanaPemula
Navbar Responsif dengan Menu HamburgerPemula
Hero Section yang MemukauPemula
Sidebar DashboardPemula
Form Login yang RapiPemula
Dropdown MenuPemula
Tabs InteraktifPemula
Accordion FAQPemula
Kartu Produk E-CommercePemula
Grid Galeri FotoPemula
Tombol dengan Animasi KerenPemula
Dark Mode TogglePemula
Scroll Progress BarPemula
Tombol Back to TopPemula
Jam Digital Real-TimePemula
Game Tebak AngkaPemula
Game Batu Gunting KertasPemula
Loading SkeletonPemula
Tabel Harga (Pricing Table)Pemula
Slider TestimoniPemula
Timeline VertikalPemula
Color Picker KustomPemula
Generator Kata SandiPemula
UI Generator QR CodePemula
Tabs VertikalPemula
Footer ModernPemula
Halaman 404 KreatifPemula
Preloader / Loading ScreenPemula