Program Silabus Tools Penilaian Final Project Daftar Gratis →

Memuat silabus...

PareLabs Academy

Kampung Inggris Pare, Kediri, Jawa Timur · Code Lab

Parelabs Academy
Firebase Studio
VS Code
GitHub
MDN Web Docs

Copyright 2026 · PT Parelabs Academy Indonesia

✦ Kurikulum Lengkap

Silabus Web Dev

20 pertemuan · 4 phase · 90 menit per sesi. Klik pertemuan untuk melihat detail materi, latihan, dan tugas.

Phase 1 — HTML

Pengenalan Web & HTML Dasar

HTML Fundamentals

Cara kerja webPeran HTML (Struktur), CSS (Struktur dokumen HTMLTag heading h1–h6, paragraf

Teks, Link & Gambar

HTML Fundamentals

Format teksHyperlinkLink absolut vs relatifGambar

HTML Fundamentals

Unordered list <ul> dan <li>Ordered list <ol> dengan atrNested list (list bersarang)Tabel

HTML Fundamentals

Tag <form>InputRadio, checkbox, select (droTextarea dan tombol submit/r

Semantic HTML & Struktur Halaman

HTML Fundamentals

Pentingnya semantic HTML untTag strukturalTag kontenTag pendukung

P06 · 🌐 ⭐ Mini Project

HTML Lanjutan & Mini Project HTML

HTML Fundamentals

Embed videoEmbed audioiFrameFavicon

Phase 1.5 — Git

Git & Version Control

Git & Version Control

Apa itu Git dan Version ContInstalasi Git & konfigurasi Perintah dasarBranching

Phase 2 — CSS

Pengenalan CSS & Selector

CSS Fundamentals

Cara menghubungkan CSSSelector dasarSelector kombinasiPseudo-class

Warna, Tipografi & Unit CSS

CSS Fundamentals

Format warnaCSS VariablesProperti tipografiGoogle Fonts

CSS Fundamentals

Komponen box modelbox-sizingShorthand margin dan paddingBorder

Layout: Display & Positioning

CSS Fundamentals

displaypositionz-index dan stacking contextCentering

CSS Fundamentals

Flex container (parent) vs fflex-directionjustify-contentalign-items

CSS Grid & Responsive Design

CSS Fundamentals

Grid containergap (row-gap, column-gap), gfr unitrepeat(auto-fill, minmax(250

P14 · 🎨 ⭐ Mini Project

CSS Lanjutan & Mini Project CSS

CSS Fundamentals

Pseudo-classPseudo-elementTransisiAnimasi

Phase 3 — JS

Pengantar JavaScript

JavaScript Dasar

Cara menyisipkan JSconsole.log(), console.errorTipe dataVariabel

String, Number & Operator Lanjutan

JavaScript Dasar

String methodString method lanjutanTemplate literalNumber

Kondisi & Perulangan

JavaScript Dasar

if, else if, elseTernary operatorswitch statement dan breakfor loop

JavaScript Dasar

Function declaration vs exprParameter & argumen, defaultreturn valueArray

JavaScript Dasar

Object literalDot notation (obj.key) vs brDestructuringDOM

P20 · ⚡ 🏆 Final Project

Event, Interaksi & Final Project

JavaScript Dasar

Event listenerEvent typesclassListelement.style untuk mengubah

Parelabs Academy - Kursus Bahasa Inggris Terbaik Offline & Online