Raw Materi “Dasar Pemrograman Web untuk Pemula”

Berikut ini, adalah raw materi “Dasar Pemrograman Web untuk Pemula” yang akan saya tulis didalam blog ini. semoga bermanfaat untuk rekan-rekan developer yang baru belajar.

Note : Penulisan artikel ini tidak terstruktur, saya buat dan sesuaikan dengan materi pengajaran yang akan saya berikan di kelas. jadi saya mohon maaf karena masih ada beberapa materi yang belum tersedia, Terima kasih.
(materi yang sudah tersedia, ditandai dengan hyperlink bergaris bawah)

Pengenalan HTML
Pengertian HTML
Perkembangan HTML
– Browser
– Editor

Persiapan Belajar
– Pengenalan git
– Dasar-dasar git
– Penggunaan Sublime

Dasar HTML
Elemen/Tag
Attribute
Headings
Paragraph
Formatting text
List
Hyperlink
Images
– Studi Kasus

CSS
Pengertian CSS
Inline CSS
Internal CSS
External CSS
Selector CSS dengan menggunakan ID, Clas, Tag
CSS Selector lanjutan
CSS Selector lanjutan bagian 2
Inline & Block Element
Perbedaan block dan inline pada elemen HTML
CSS Box Model
– Studi Kasus

Table
Pengertian Baris dan Kolom
Penggabungan Cell
Penerapan CSS dalam Table
– Studi Kasus

Form
– Pengertian Form
– Elemen-elemen Form
– Form Attribute
– Penerapan CSS dalam Form
– Studi Kasus pembuatan facebook registration page

Media
– Audio/Video
– Canvas
– SVG
– Studi Kasus

layouting
– Pengenalan Layout dan Grid
– HTML Table
– CSS Float Property
– Studi Kasus 1
– CSS framework
– CSS flexbox
– Studi Kasus 2

CSS Responsive
– Pengertian Responsive Webdesign
– Viewport dan Grid View
– Media Queries
– Studi Kasus

Pembuatan template
– Pengenalan Software Design
– Design & Slicing
– Menulis Kode HTML
– Menulis Kode CSS
– CSS Responsive
– Publish to git page

CSS Trick
– Dropdown Menu
– Penggunaan Google Font
– Membuat Background FullWidth
– Image Sprite