KSM PBW

Persiapan Tools

Untuk mempermudah proses ngoding sangat disarankan untuk menggunakan Code Editor, sangat direkomendasikan untuk menggunakan Visual Studio Code. Setalah download dan menginstallnya, berikut beberapa extension yang cukup membantu untuk ngoding

1. Beutify, untuk merapikan code secara otomatis
2. indent-rainbow, memberikan warna pada identasi
3. Mithrill Emmet, memberikan shortcut untuk membuat tag html
4. open in browser
5. Live Server
6. Bracket Pair Colorizer
7. IntelliSense for CSS
8. Material Theme

Materi HTML

Struktur Dasar dari Tag HTML

1. Validator HTML
2. HTML Element Reference
3. HTML Global Attributes
4. HTML Attribute Reference
5. HTML Block and Inline Elements
6. Video HTML Dasar

Materi CSS

Struktur dari CSS

Box Model

1. CSS Selector Reference
2. CSS Properties
3. CSS Specificity
4. Video CSS Dasar
5. Video CSS Layouting
6. Video CSS Flexbox
7. Video CSS Grid
8. CSS Attribute Selectors

Materi JavaScript

1. JavaScript Math Object
2. JavaScript HTML DOM
3. HTML DOM Events
4. Video Javascript Dasar
5. Video DOM
6. Video JavaScript Lanjutan