Interakcija čovek-računar

8 Questions

Koji su najčešće korišćeni CSS pretprocesori?

Sve navedene opcije

Sass je potpuno kompatibilan sa svim verzijama CSS-a.

True

Koji simbol Sass koristi uz naziv promenljive?

Koje su prednosti korišćenja CSS pretprocesora u odnosu na standardni CSS jezik? Postoje brojne prednosti kao što je čistiji kod sa komandama i varijablama za višekratnu upotrebu, štedi ___.

vreme

Koja vrsta vrednosti može biti čuvana u promenljivoj u Sass-u?

string, broj, boja, boolean, lista, null

Kako se definiše globalna promenljiva u Sass-u?

!global komandom

Koja vrsta komentara je podržana u Sass-u?

// comment

Povežite osnovne funkcije skriptovanja u Sass-u sa njihovim mogućnostima:

Aritmetičke operacije = Izračunavanje matematičkih izraza Kontrola toka = Upravljanje izvršavanjem skripte Neke korisne funkcije = Praktične funkcionalnosti za stilizaciju

Study Notes

CSS pretprocesori

Šta je CSS Pretprocesor?
- Pisanje CSS-a može postati prilično ponavljajuće
- CSS pretprocesor je u osnovi skriptni jezik koji proširuje CSS i zatim ga kompajlira u uobičajeni CSS
Najčešće korišćeni preprocesori su SASS, LESS, Stylus

Prednosti CSS pretprocesora

Postoje brojne prednosti za korišćenje pretprocesora u odnosu na standradni CSS jezik
Jedna od osnovnih je mogućnost da se ne ponavlja kod, drugim rečima, omogućava važenje koncepta bez ponavljanja koda
Čistiji kod sa komandama i varijablama za višekratnu upotrebu
Štedi vreme
Lakše za održavanje koda primenom koncepta snippets i biblioteka
Proračuni i logika
Organizovanije i lakše za podešavanje

SASS

SASS nije samo najpopularniji CSS pretprocesor na svetu, već je i jedan od najstarijih
Hampton Catlin ga publikovao 2006. godine
Napisan je na Ruby jeziku
SASS ukida ponavljanje CSS koda
SASS besplatan za preuzimanje i upotrebu

Kako SASS radi?

Veb čitač ne razume SASS kod, za razliku od CSS koda
Zbog toga je neophodno koristiti dodatni program tj. prevodilac, koji prevodi SASS dokument u standardni CSS dokument
Ovaj program se izvršava pre nego web čitač pristupi sajtu, pa se naziva pretprocesor za prevođenje SASS koda
Ovaj proces prevođenja naziva se i transpilacija

Sintakse SASS-a

SASS ima dve sintakse
Sintaksa koja se najčešće koristi je poznata kao "SCSS"
SCSS datoteke koriste ekstenziju .scss
Druga sintaksa, starija sintaksa, poznata je kao "uvučena" sintaksa (ili samo ".sass")
Inspirirana je Haml-ovim principom jednostavnosti, namenjena je onima koji više vole sažetost zbog sličnosti sa CSS-om

Promenljive

Promenljive čuvaju određeni podatak tj. informaciju koja se, po pravilu, koristi više puta
Sass koristi simbol $ uz naziv promenljive

Opseg važenja promenljivih

Sass promenljive su važeće u nivou gde su definisane
Preklapanje se može ostvariti promenljivom istog imena na sledećem nivou
Podrazumevano preklapanje se može promeniti primenom !global komande

Skriptovanje

Sass omogućava osnovne funkcije skriptovanja
Aritmetičke operacije
Kontrolu toka
Neki korisni funkcije