Lewati ke konten utama
pelatihan
.org
Belajar. Praktik. Berkembang.
Kategori
ID
Masuk
Daftar
Menu
Kurikulum SASS: 2 Bab, 15 Lesson — pelatihan.org
Beranda
/
Katalog
/
SASS
/
Kurikulum
Kurikulum
Kurikulum SASS
Belajar SASS online lewat 15 lesson terstruktur, contoh kode, dan 75 soal kuis.
15 lesson
2 bab
75 soal
Ringkasan dan poin kunci bisa dilihat gratis. Materi lengkap, contoh kode, dan kuis memerlukan langganan.
01
Sass Tutorial
8 lesson
01
Sass HOME
Sass (Syntactically Awesome Style Sheets) adalah preprocessor CSS yang menambahkan fitur seperti variabel, nesting, mixin, dan function ke dalam CSS biasa. Dengan Sass, kamu…
02
Sass Intro
Sass memperkenalkan konsep variabel, nesting rules, mixin, extend, dan function ke dalam penulisan stylesheet. Dukungan browser tidak langsung, karena file Sass harus dikompilasi…
03
Sass Installation
Sass dapat dipasang dengan beberapa cara tergantung alat kerja yang dipakai. Cara paling umum adalah memasang paket npm bernama sass lalu menjalankannya lewat CLI, namun tersedia…
04
Sass Variables
Variabel Sass menyimpan nilai seperti warna, font, atau spasi dalam satu tempat dengan awalan tanda dolar. Nilai tersebut dapat dipakai berulang dan diubah secara terpusat…
05
Sass Nesting
Nesting memungkinkan menulis selector di dalam selector lain mengikuti struktur HTML sehingga stylesheet terbaca lebih intuitif. Sass juga mendukung parent selector dengan tanda…
06
Sass @import
Sass menyediakan aturan @use dan @import untuk memecah stylesheet menjadi beberapa file partial. @use lebih direkomendasikan karena mengimpor modul sekali saja dan memberi…
07
Sass @mixin
Mixin adalah blok aturan CSS yang dapat didefinisikan sekali lalu disisipkan berkali-kali dengan @include. Berbeda dengan function, mixin menghasilkan deklarasi CSS seperti…
08
Sass @extend
Aturan @extend memungkinkan satu selector mewarisi seluruh aturan dari selector lain sehingga aturan tersebut dikelompokkan dalam satu daftar selector di CSS hasil. Cara ini…
02
Sass Functions
7 lesson
01
Sass String
Sass menyediakan banyak built-in function untuk bekerja dengan teks, termasuk unquote, quote, str-length, str-index, str-insert, to-upper-case, dan to-lower-case. Function string…
02
Sass Numeric
Function numerik Sass membantu perhitungan matematis dan pembulatan angka, misalnya percentage, round, ceil, floor, abs, min, dan max. Nilai persen sering dipakai pada layout…
03
Sass List
Sass memperlakukan sebagian nilai sebagai list, yaitu kumpulan item yang dipisah spasi atau koma. Built-in function list seperti length, nth, set-nth, join, append, index, dan…
04
Sass Map
Map adalah struktur data berpasangan kunci dan nilai yang memungkinkan akses data terorganisir, mirip dictionary. Built-in function map-get mengambil nilai berdasarkan kunci,…
05
Sass Selector
Function selector memungkinkan memanipulasi selector sebagai data string, misalnya selector-unify untuk menggabungkan dua selector, selector-append untuk menambahkan suffix, dan…
06
Sass Introspection
Function introspection membantu mengenali tipe dan struktur data saat ini, misalnya type-of untuk tipe data, unit untuk satuan angka, variable-exists untuk mengecek keberadaan…
07
Sass Color
Sass menyediakan banyak built-in function untuk mengubah warna seperti hue, saturation, lightness, lighten, darken, saturate, desaturate, dan adjust-hue. Function ini memudahkan…