DVD Seminggu Menjadi Master Modern Web Design Dengan Teknologi SASS

Sass adalah tools yang biasa digunakan oleh para front-end developer masa kini untuk membuat CSS yang mudah untuk dikembangkan, dirawat serta dimodifikasi.

Dalam istilah teknisnya, Sass tergolong kedalam preprocessor CSS, Dengan Sass, kita dapat menggunakan beberapa fungsi yang memudahkan kita untuk membuat CSS.

** Daftar Pembahasan **

Instalasi development environment
Setup Development Environment
Setup EMMET pada Sublime Text
Tips Praktis Menulis Code Dengan Emmet
Pseudo Class Selector dasar

Membuat Proyek Landing Page
Membuat Header Pada Halaman Landing Page Yang Menarik
Membuat Button Action Menarik Pada Halaman Landing Page
Membuat Desain Header Menjadi Bentuk Poligon Dengan Clip Path
Membuat Animasi Text Ketika Halaman Landing Page Diakses

Impelemtasi SASS Dasar Dalam Proyek Landing Page
Konversi Satuan Px Ke Rem
Pengenalan SASS
Pengenalan Variables pada SASS
Pengenalan Nesting pada SASS
Pengenalan Mixin pada SASS
Penginstallan NPM
Penginstallan Paket Live Server
Manajemen Struktur Folder Project
Konversi SASS Ke CSS
CSS ke Nesting SASS

Impelemtasi SASS Lanjut Dalam Proyek Landing Page
Pengenalan Custom Grid
Membuat Custom Grid
Membuat Section About
Membuat Section Features
Membuat Component Card
Membuat Section Testimonial
Membuat Form Booking - Bagian 1 (Membuat Layout)
Membuat Form Booking - Bagian 2 (Membuat Solid Gradient Colors)
Membuat Form Booking - Bagian 3 (Customize Form)
Membuat Form Booking - Bagian 4 (Menggunakan Sibling Selector Css)
Membuat Form Booking - Bagian 5 (Efek Label Form)
Membuat Form Booking - Bagian 6 (Membuat Radio Button Sendiri, Dan Penyelesaian)
Membuat Footer Dan Navigation
Membuat Popup dengan SASS

Membuat Landing Page Menjadi Resposive
Membuat Media Query
Membuat Media Query dengan Mixin
Mengatur Root Font Size
Membuat Website Responsive
Membuat Responsive Image
Mengoptialkan Website pada Browser yang berbeda
Membuat Production Code