PIA - PRVI KOLOKVIJUM Flashcards

html, css, js

1
Q

HTML je skracenica za sta?

A

HyperText Markup Language

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Sta je hipertekst?

A

Hipertekst je tekst koji sadrži veze ili linkove ka drugim dokumentima ili na samog
sebe

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Sta radi HTML, sta je njegova glavna funkcija?

A

HTML koristi oznake (tagove) da opiše različite elemente aplikacije.
HTML opisuje logičku strukturu veb dokumenta

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Kako se cita HTML?

A

Ne linearno, hipertekst se čita prateći
hiperveze u tekstu.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Sta definise svaki HTML element?

A

Svaki HTML element definiše skup atributa kojima se može okarakterisati.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Sta definise svaki atribut HTML dokumenta?

A

Svaki atribut definiše domen iz kojeg se mogu uzimati vrednosti tog atributa

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Navedi genericke atribute svakog html dokumenta

Ima ih 5

A

class, id, style, title, lang

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Sta predstavlja linija <!DOCTYPE html> ?

A

Deklaracija dokumenta <!DOCTYPE html> predstavlja posebnu vrstu elementa
kojom se definiše verzija HTML dokumenta koja se koristi. Konkretno, ovom
deklaracijom navodimo da ćemo koristiti verziju 5 HTML standarda

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Iz koja dva elementa se sastoji svaki html dokument?

A
  1. Zaglavlje (head ili header) sadrži informacije o samom dokumentu, kao i linkove ka
    definicijama stilova (CSS) i programskih elemenata (JavaScript).
  2. Telo (body) sadrži vizuelne elemente koji će biti prikazani korisniku. Sve što se
    nalazi u telu dokumenta je vidljivo u okviru veb pregledača.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Cemu sluzi element title ?

A

Element title služi za davanje semantičkog naslova
dokumenta.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Koja je oznaka za naslov i koliko naslova moze biti u okviru jednog html dokumenta?

A

od <h1> do <h6>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Sta koristimo da bismo u tekst uneli novi red? Da li je to zatvoren tag?

A

<br></br>, nije zatvoren tag

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Koja je oznaka za paragraf?

A

<p>
</p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Koj atribut u elementu img daje informacije o lokaciji slike koju zelimo da dodamo u dokument?

A

src = “…”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Pomocu kog elementa se u HTML dokument unose slike?

A

<img></img>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Koje liste postoje u HTML-u?

A

Nenumerisane liste
Numerisane liste
Opisne liste

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Kojim elementom se obelezavaju nenumerisane liste?

A

<ul> za listu + <li> element liste </li>
</ul>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Kojim elementom se obelezavaju numerisane liste?

A

<ol> za listu + <li> element liste </li>
</ol>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Koji je tag za opisne liste?
Koji je tag za pojam?
Koji je tag za opis tog pojma?

A

<dl>
dt obeležava sam pojam koji se opisuje (engl. data term)
dd obeležava opis tog pojma (engl. data description).
</dl>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Da li je moguce ugnezditi liste?

A

Moguće je ugnežđavati bilo koju
listu (unutrašnja lista) u bilo koju
drugu listu (spoljašnja lista)
jednostavnim umetanjem celog
sadržaja unutrašnje liste u okviru
sadržaja jedne stavke li spoljašnje
liste.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Sta su veze, linkovi?

A

Veze su linijski elementi koji služe za povezivanje resursa na vebu, mahom veb strana ili
njihovih fragmenata.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Koj tag se koristi za umetanje linka u html dokument?

A

<a></a>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Da li je href obavezan atribut za element <a> ?</a>

A

Da, atribut href predstavlja putanju do resursa koji će biti uvezan sa tekućim
dokumentom.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

sta odredjuje vrednost atributa target?

A

Vrednost atributa target određuje na koji način će veza ka resursu biti otvorena u veb
pregledaču.
i_blank kaze veb pregledaču da uvezeni veb resurs prikaže u novoj kartici.
_self kaze veb pregledaču da resurs prikaže u tekućoj kartici

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

Koliko tipova veze postoji i koji su?

A

Postoje dva tipa veza:
 Spoljašnje veze
 Unutrašnje veze

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

Objasni sta su spoljasnje veze?

A

U spoljašnje veze spadaju one veze koje vode do veb resursa van tekućeg
dokumenta.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

Objasni unutrašnje veze

A

Unutrašnje veze koriste se za povezivanje delova istog veb dokumenta.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

CSS je skracenica za…

A

Cascading Style Sheets

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

Objasni sta je CSS i cemu sluzi?

A

CSS predstavlja jezik koji služi za stilizovanje HTML
elemenata.

CSS se služimo da bismo opisali na koji način se elementi HTML logičke strukture
prikazuju.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

CSS jezik se sastoji od niza pravila (engl. rule). Svako pravilo je oblika…

A

selektor {
svojstvo1: vrednost;
svojstvo2: vrednost;
}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

Kako se navode komentari u css-u?

A

Komentari se u jeziku CSS navode između /∗ i ∗/

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

Navedi i objasni sva tri načina na koja možemo specifikovati pravila za stilizovanje

A
  1. Spoljni kaskadni listovi -izdvajanje
    CSS pravila u posebnu datoteku sa ekstenzijom css.
  2. Element style - putem HTML elementa style. Ovaj
    element se navodi isključivo u sadržaju elementa head
  3. Atribut style - korišćenjem atributa style nad
    pojedinačnim HTML elementima.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q

Navedi dva svojstva koja mozemo koristiti za dodeljivanje boje elementu u CSS jeziku

A

color - menja boju teksta
background-color menja boju elementa

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

Navedi svojstva koja mozemo koristiti za stilizovanje teksta u CSS jeziku

A
  1. font-size podešava veličinu slova
    Vrednosti ovog svojstva su dužine.
    2, font-style kontroliše iskošenost slova. Vrednosti su: normal, italic i oblique
  2. font-weight kontroliše podebljavanje slova. Vrednosti su: normal, bold, bolder, lighter ili brojevi u rasponu od 100 do 900
  3. text-align kontroliše horizontalno poravnanje teksta.
  4. letter-spacing podešava rastojanje između slova. Vrednosti su: normal ili dužine
  5. word-spacing podešava rastojanje između reči. Vrednosti su: normal
    ili dužine.
  6. text-indent kontroliše „uvlačenje“ prve linije teksta. Vrednosti su dužine.
  7. text-shadow dodaje senku tekstu elementa kome postavljamo svojstvo.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q

Ukoliko želimo da specifikujemo familiju fontova za neki tekstualni sadržaj, na
raspolaganju nam je CSS svojstvo…

A

font-family: ImePorodice;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q

Koje svojstvo se koristi za pozicioniranje elemenata i koja svojstva moze uzeti?

A

Za određivanje tipa pozicioniranja koristi se svojstvo position. Moguće vrednosti
ovog svojstva su: static, relative, absolute i fixed.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

Koja svojstva se koriste za definisanje precizne pozicije elementa ?

A

za definisanje precizne pozicije elementa koriste se neki od
svojstava top, right, bottom i left.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
38
Q

Objasni staticko pozicioniranje elemenata?

A

-Elementi se ređaju na stranici jedan nakon drugog, u skladu sa njihovim
dimenzijama i drugim karakteristikama.
-Podrazumevan način pozicioniranja elemenata. Postavljanje vrednosti za
neko od svojstava top, right, bottom ili left nema uticaja na poziciju elementa sa statičkim pozicioniranjem.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
39
Q

Objasni relativno pozicioniranje elementa?

A

Pri relativnom pozicioniranju “ivica” od koje
se element pomera je ivica tog elementa pri statičkom pozicioniranju.
Postavljanje vrednosti za svojstva top, right, bottom i left pomeriće element u odnosu na njegovu statičku poziciju

40
Q

Objasni apsolutno pozicioniranje elementara u css-u?

A

Apsolutno pozicioniranje je najzahtevnije.
Pri apsolutnom pozicioniranju “ivica” od koje se element pomera je
ivica prvog pretka tog elementa u DOM stablu koji nije statički pozicioniran.

41
Q

JavaScript engine sadrži tri bitna dela. Navedi ih.

A

JavaScript engine sadrži tri bitna dela:
1. Syntax Parser
2. Lexical Scope
3. Execution Context

42
Q

Sta je funkcija JavaScript interpreter-a?

A

JavaScript interpreter tumači naš napisan izvorni kod i izvršava
prevedene instrukcije u okviru veb pregledača.

43
Q

Sta je Syntax Parser?

A

Syntax Parser - čita karakter po karakter i proverava sintaksnu ispravnost koda

44
Q

Sta je Lexical Scope?

A

Lexical Scope - okruženje gde se kod smešta

45
Q

Sta je Execution Context?

A

Execution Context - kontejner u kom se upravlja kodom koji se trenutno izvršava. Ovde
je takođe bitan i pojam execution stack

46
Q

U okviru kog HTML elementa se uvozi JS kod?

A
<script>

</script>
47
Q

Gde se element

 moze naci?
A

Element script se može naći bilo gde u sadržaju elemenata head ili body.

48
Q

Da li mozemo imati vise script elemenata u okviru jednog HTML dokumenta i kakva je njihova interakcija?

A

Mozemo, oni se samo nadovezuju jedni na druge.

49
Q

Koja je oznaka za komentare u JS?

A

// - linijski komentari
/* */ - blok komentari

50
Q

Objasni komandu alert()
Sta je njen argument?

A

alert() je metoda koja prikazuje
poruku u vidu popup prozora koja na sebi ima samo OK taster.
kao argument prima poruku koja će biti prikazana u iskačućem prozoru

51
Q

koji selektor dodaje stil prvom redu tabele?

A

table tr:first-child {

52
Q

Da li je Java Script dinamicki jezik? Da li je neophodno navesti tip promenljive pri deklaraciji?

A

JavaScript je dinamički tipiziran jezik i ne zahteva navođenje tipa podataka pri deklaraciji (ili definiciji) promenljivih.

53
Q

Ključnim rečima ____ i ____ definišemo promenljive čije vrednosti kasnije možemo
promeniti.

A

var i let

54
Q

Objasni kljucnu rec const

A

Ključnom reči const definišu se konstante čija se vrednost dalje ne može menjati.
Preciznije, konstantama nije moguće dodeliti druge vrednosti.

55
Q

U JavaScript-u postoji 5 tipova podataka koji mogu sadržati vrednosti. Navedi ih.

A
  1. brojevi - celi i racionalni (number)
  2. niske - niz karaktera (string)
  3. logički - bulovske vrednosti true/false (boolean)
  4. objekti - object
  5. funkcije – function
56
Q

U JavaScript-u postoje 3 tipa objekata. Navedi ih.

A

Postoji 3 tipa objekata:
1. objekti -(Object)
2. datumi - (Date)
3. nizovi - (Array)

57
Q

Sintaksa naredbe za proveru nekog uslova - napisi i objasni

A

imePromenljive = (uslov) ? vrednost1:vrednost2
ukoliko je uslov ispunjen (tačan = true, različit od nula, null i undefined) - uzima se vrednost1, inače vrednost2

58
Q

Koji je najčešće korišćen način pisanja uslovnih naredbi?

A

najčešće korišćen način pisanja uslovnih naredbi je upotreba naredbe IF

59
Q

Sta je definicija funkcije u JS?

A

funkcija je segment koda koja ima određenu namenu, odnosno izvršava određeni zadatak.

60
Q

U JS postoje dva tipa opsega:

A

Lokalni i globalni

61
Q

Objasni pojam sencenje (shadowing)

A

ukoliko postoji globalna promenljiva i lokalna promenljiva u okviru neke funkcije sa istim imenom, prednost ima lokalna promenljiva. Ukoliko pozovemo promenljivu sa tim imenom, dobićemo lokalnu promenljivu - lokalna promenljiva
sakriva globalnu

62
Q

Objasni Hoisting

A

Hoisting (dizanje) je osobina JavaScript-a da deklaracije podiže na vrh - trenutnog
opsega izvršenja - skripte ili funkcije
posledica ove činjenice je da moguće koristiti promenljivu i pre njene deklaracije.

63
Q

Objasni JS metodu push()

A

Metoda push() u JavaScriptu se koristi za dodavanje jednog ili više elemenata na kraj niza (array). Ova metoda menja originalni niz i vraća novu dužinu niza nakon što su novi elementi dodati.

64
Q

Objasni JS metodu unshift()

A

Metoda unshift() u JavaScriptu se koristi za dodavanje jednog ili više elemenata na pocetak niza (array). Ova metoda menja originalni niz i vraća novu dužinu niza nakon što su novi elementi dodati.

65
Q

Objasni JS metodu concat()

A

Metoda concat() u JavaScriptu se koristi za spajanje dva ili više nizova (arrays) u jedan novi niz. Ova metoda ne menja originalne nizove, već vraća novi niz koji sadrži elemente svih nizova koji su prosleđeni metodi.

66
Q

Objasni JS metodu join()

A

Metoda join() u JavaScriptu se koristi za spajanje svih elemenata niza u jedan string. Elementi niza se spajaju koristeći separator koji je prosleđen kao argument metodi,a default je zarez.

67
Q

kako se postavlja vrednost elementa sa odredjenim IDom u JS?

A

document.getElementById(‘mySelect’).value = ‘NOVA VREDNOST’;

67
Q

Kada postavljamo sliku kao pozadinu nekog objekta i koristimo background-size u css-u : objasni auto

A

Slika nece biti skalirana - bice prikazana u svojoj originalnoj velicini.

67
Q

Kada postavljamo sliku kao pozadinu nekog objekta i koristimo background-size u css-u : objasni 100%

A

slika ce biti skalirana tako da odgovara navedenoj dimenziji
background-size: sirina % visina %

68
Q

Kada postavljamo sliku kao pozadinu nekog objekta i koristimo background-size u css-u : objasni contain

A

skalira sliku tako da ona zauzme punu velicinu elementa ali je ne sece

69
Q

Objasni JS metodu map()

A

Kreira novi niz sa rezultatima poziva funkcije za svaki element u izvornom nizu.

70
Q

Objasni JS metodu filter()

A

Kreira novi niz sa svim elementima koji zadovoljavaju uslov iz funkcije.

71
Q

Objasni JS metodu reduce()

A

Primeni funkciju za akumulaciju vrednosti u niz (npr. sumiranje).

72
Q

Objasni JS metodu includes()

A

Proverava da li niz sadrži određeni element

73
Q

Objasni JS metodu sort()

A

Sortira elemente niza u rastućem ili opadajućem redosledu.

74
Q

Objasni JS metodu reverse()

A

Menja redosled elemenata u nizu na obrnuti.

75
Q

Kada postavljamo sliku kao pozadinu nekog objekta i koristimo background-size u css-u : objasni cover

A

Skalira sliku tako da pokriva celu povrsinu elementa
slika moze biti isecena ako se proporcije ne uklapaju

75
Q

Kada postavljamo sliku kao pozadinu nekog objekta i koristimo background-size u css-u : objasni inherit

A

Nasledjuje osobine i ponasanja za ovo svojstvo (background-size) od parent elementa.

76
Q

Sta je callback funkcija u java scriptu?

A

Callback funkcija u JavaScript-u je funkcija koja se prosleđuje kao argument drugoj funkciji i koja se potom poziva (izvršava) unutar te funkcije.

77
Q

Koja je razlika između null i undefined?

A

null je eksplicitna vrednost koja označava “nema vrednosti”, dok je undefined vrednost koja označava da nešto nije inicijalizovano.

77
Q

Šta je razlika između == i ===?

A

== je slabija komparacija koja izvršava konverziju tipova, dok === je stroga komparacija koja poredi i vrednosti i tipove bez konverzije.

78
Q

Šta je razlika između for i forEach?

A

for je klasična petlja koja se koristi za iteraciju preko indeksa, dok forEach metoda iterira preko elemenata niza.

79
Q

Šta je prototip objekta u JavaScript-u?

A

Prototip objekta je objekat od kojeg drugi objekti mogu naslediti metode i osobine.

80
Q

Šta je default u switch izrazu u JavaScript-u?

A

default je grana u switch izrazu koja se izvršava ako nijedna od case vrednosti ne odgovara.

80
Q

Šta je typeof operator u JavaScript-u?

A

typeof operator se koristi za dobijanje tipa podatka neke vrednosti (kao što su “string”, “number”, “object” itd.).

81
Q

Šta je razlika između slice() i splice() metoda?

A

slice() se koristi za izdvajanje podniza bez modifikacije originalnog niza, dok splice() menja originalni niz dodajući, uklanjajući ili zamenjujući elemente.

82
Q

Šta je “callback hell” u JavaScript-u?

A

“Callback hell” se dešava kada se više callback funkcija ugnježdi jedna unutar druge, što može otežati čitanje i održavanje koda.

82
Q

Šta je super ključna reč u JavaScript-u?

A

super se koristi u klasama za pozivanje konstruktora ili metoda roditeljskih klasa.

83
Q

Šta je try…catch blok u JavaScript-u?

A

try…catch blok se koristi za obraditi greške u asinhronom kodu i omogućava izvršavanje koda čak i kada dođe do greške.

84
Q

Šta je new operator u JavaScript-u?

A

new operator se koristi za kreiranje novih instanci objekata i pozivanje konstruktora funkcije.

85
Q

Šta je constructor u JavaScript-u?

A

constructor je specijalna funkcija u JavaScript-u koja se koristi za kreiranje i inicijalizaciju objekata.

86
Q

Šta je getElementById() metoda u JavaScript-u?

A

getElementById() metoda se koristi za pronalaženje HTML elementa na stranici prema njegovom ID-u.

87
Q

Šta je document objekat u JavaScript-u?

A

document objekat predstavlja celokupan HTML dokument u browseru i omogućava manipulaciju sa HTML sadržajem stranice.

88
Q

Šta je razlika između inline i block elemenata u CSS-u?

A

inline elementi se prikazuju u istoj liniji sa drugim elementima, dok block elementi zauzimaju celu širinu svog roditeljskog elementa i prelaze u novi red.

88
Q

Šta je razlika između class i id selektora u CSS-u?

A

class selektor se koristi za stilizovanje više elemenata sa istim imenom, dok id selektor cilja jedinstveni element na stranici.

88
Q

Šta je box model u CSS-u?

A

Box model opisuje strukturu svakog HTML elementa, koji se sastoji od sadržaja, padding-a, border-a i margin-e.

89
Q

Šta je text-align u CSS-u?

A

text-align kontrolira poravnavanje teksta unutar bloka, sa vrednostima kao što su left, right, center, i justify.