Interakcija čovek-računar
8 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

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

  • LESS
  • Sve navedene opcije (correct)
  • SASS
  • Stylus

Sass je potpuno kompatibilan sa svim verzijama CSS-a.

True (A)

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 ___.

<p>vreme</p> Signup and view all the answers

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

<p>string, broj, boja, boolean, lista, null</p> Signup and view all the answers

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

<p>!global komandom (C)</p> Signup and view all the answers

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

<p>// comment</p> Signup and view all the answers

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

<p>Aritmetičke operacije = Izračunavanje matematičkih izraza Kontrola toka = Upravljanje izvršavanjem skripte Neke korisne funkcije = Praktične funkcionalnosti za stilizaciju</p> Signup and view all the answers

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, već 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

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

ICRPredavanje-1.pdf

Description

Kurs o interakciji čovek-računar koji obuhvata predavanja, vežbe, projekte i testove.

More Like This

Use Quizgecko on...
Browser
Browser