Raw Materi “Dasar Pemrograman Web untuk Pemula”

Photo by Jackson Sophat on Unsplash

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

Persiapan Belajar

  • Pengenalan git
  • Dasar-dasar git
  • Penggunaan Sublime

Dasar HTML

Dasar HTML

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