HTML and Browser Flashcards

Question 1

Q

HTTP

Answer

A

Protokol aplikativnog sloja koji omogućava komunikaciju između klijenta i servera preko mreže. Koristi se za prenos HTML dokumenata, slika, video i drugog sadržaja koji omogućava funkcionisanje veb stranica.

Osnovne karakteristike:
* Stateless (ne čuva stanje između 2 zahteva)
* Port broj 80 za komunikaciju
* Protokol na osnovu TCP/IP protokola za prenos podataka

http://

Question 2

Q

HTTPS

Koja je razlika između HTTP i HTTPS-a?

Answer

A

Protkol aplikativnog sloja koji omogućava SIGURNU komunikaciju između klijenta i servera preko mreže. HTTPS je proširenje HTTP protokola koje koristi TLS/SSL enkripciju za zaštitu podataka.
Osnovne karakteristike:
* Sigurnost komunikacije (Treće strane ne mogu presresti podatke)
* Autentifikacija servera
* Integritet podataka (podaci se ne mogu presresti, pa ne mogu biti izmenjeni)
* Port broj 443 za komunikaciju

https://

Question 3

Q

Man in the middle attack

MITM Attack

Answer

A

Napad u kojem se napadač postavlja između klijenta i servera kako bi presreo i potencijalno izmenio podatke koji se prosleđuju. Cilj je uglavnom krađa poverljivih informacija poput lozinki, podataka o kreditnim karticama ili šifrovanih poruka.

Question 4

Q

SSL

Secure Sockets Layer

Kako se zove naslednik SSL-a?

Answer

A

Protokol za šifrovanje i sigurnost podataka tokom komunikacije između klijenta i servera.

Osnovne karakteristike:
* Šifrovanje
* Autentifikacija (Server dokazuje svoj identitet digitalnim sertifikatom)
* Integeritet podataka

Question 5

Q

TLS

Transport Layer Security

Kako se zove prethodnik TLS-a?

Answer

A

Protokol za šifrovanje i sigurnost podataka tokom komunikacije između klijenta i servera. TLS je naslednik SSL-a i pruža poboljšanu sigurnost.

Osnovne karakteristike:
* Šifrovanje
* Autentifikacija (Server dokazuje svoj identitet digitalnim sertifikatom)
* Integeritet podataka

Question 6

Q

TCP

Transmission Control Protocol

Answer

A

Protokol transportnog sloja koji omogućava pouzdan prenos podataka između uređaja na mreži.

Osnovne karakteristike:
Pouzdanost (Osigurava da svi podaci budu isporučeni u pravilnom redosledu)
Three Way Handshake (SYN - SYN/ACK - ACK)

Question 7

Q

HTTP Response Code Types

Answer

A

Kodovi koje server vraća kako bi označio status zahteva klijentu.
Vrste kodova:
1xx - Informational
2xx - Success (200 - OK, 201 - Created, 204 - No Content)
3xx - Redirection (301 - Moved Permanently)
4xx - Client Error (401 - Unauthorized, 403 - Forbidden)
5xx - Server Error (502 - Bad Gateway, 503 - Service Unavailable)

Question 8

Q

HTTP Metode

+ HEAD + OPTIONS

Answer

A

GET
POST
PUT
DELETE
PATCH (parcijalno ažuriranje resursa)
HEAD (slično GET-u, ali ne vraća telo već samo zaglavlja, koristi se za proveru metapodataka resursa)
OPTIONS (koristi se za dobijanje informacija o podržanim metodama za određeni resurs)

Question 9

Q

HTML and XHTML

Answer

A

U oba jezika veb stranica može biti napisana. XHTML je izveden iz HTML-a ali da se pridržava XML standarda.
Razlike:
* Sintaksa - HTML ima labaviju sintaksu, ne zahteva zatvaranje tagova
* Case Sensitivity - HTML nije case sensitive
* Doctype - Ne zahteva doctype deklaraciju

Question 10

Q

GraphQL

Answer

A

Query jezik za API-je koji omogućava klijentima da precizno definišu podatke koje žele. Ključne karakteristike:
* Deklarativan - Klijent definiše oblik podataka koje želi da dobije
* 1 endpoint - svi zahtevi idu na isti URL za razliku od REST-a sa više ruta
* Efikasnost - vraća samo tražene podatke što smanjuje višak

Question 11

Q

REST

Representational State Transfer

Answer

A

Arhitektonski stil za kreiranje API-ja. Koristi HTTP protokol za komunikaciju između klijenta i servera. Ključne karakteristike:
Resurs - sve se tretira kao resurs (klijent, proizvod…)
URL - resurse identifikujemo pomoću jedinstvenih URL-ova
Stateless - server ne čuva informacije o stanju klijenta između zahteva

Question 12

Q

REST Constraints

Answer

A

Uniform Interface - Osigurava doslednost komunikacije između klijenta i servera. Podrazumeva nekoliko podkriterijuma:
* Identifikacija resursa - resursi se identifikuju putem URI (npr /users/123)
* Manipulacija resursima putem reprezentacija - resurs se najčešće predstavlja kao JSON ili XML

Resource based - resursi su pojedinčni entiteti i svaki resurs ima jedinstven URI

Stateless

Question 13

Q

HTML5 Additions

Answer

A

Novi semantički elementi (header, footer, article, section, aside, nav)
**Form elementi **(novi input tipovi - email, date, time, number)
Multimedija (audio i video)
Canvas i SVG
Lokalno skladištenje (localStorage i sessionStorage za čuvanje na klijentskoj strani)

Question 14

Q

JSON

JavaScript Object Notation

Answer

A

Lagan i čitljiv format za razmenu podataka. Izvorno je nastao iz JavaScript-a ali se koristi u svim jezicima. Osnovne karakteristike:
key-value struktura - podaci su organizovani kao key-value parovi
jednostavna sintaksa

Question 15

Q

XML

eXtensible Markup Language

Answer

A

Markup jezik za skladištenje i prenos podataka u hijerarhijskom formatu.
Osnovne karakteristike:
Tagovi i atributi - podaci su organizovani u hijerarhijsku strukturu koristeći otvarajuće i zatvarajuće tagove
Složenija sintaksa - tagovi povećavaju veličinu fajla ali pružaju više mogućnosti za stukturiranje

Question 16

Q

JSON vs XML

Answer

A

{
“person”: {
“name”: “Maja”,
“age”: 23,
“skills”: [“JavaScript”, “React”]
}
}

<person>
<name>Maja<name></name>
<age>23<age></age>
<skills>
<skill>JavaScript<skill></skill>
<skill>React<skill></skill>
<skills></skills>
<person></person>
</skill></skill></skills></age></name></person>

Question 17

Q

Doctype

Answer

A

Deklaracija na početku HTML dokumenta koja govori browser-u koju verziju HTML-a koristi veb stranica.
Standards mode - Browser koristi najnovije standarde za renderovanje. Aktivira se kada je doctype pravilno deklarisan.
Quirks mode - Browser pokušava da oponaša stare, neispravne prikaze stranica. Aktivira se kada nema doctype deklaracije.

Question 18

Q

URI, URL i URN

Answer

A

URI - opšti pojam za identifikaciju resursa. Može biti lokacija resursa (URL) ili ime resursa (URN) ili oboje. Sastavni delovi URI-ja su:
Shema - određuje protokol (http, ftp, mailto)
Domen/IP adresa
Putanja - lokacija resursa na serveru (/author/nesto…)
Fragment

URL - URI koji uključuje lokaciju resursa. Uvek sadrži protokol i lokaciju resursa (domen+putanja)
URI - URI koji uključuje ime resursa

Question 19

Q

AJAX

Asynchronous JavaScript and XML

Answer

A

Tehnika koja omogućava klijentu da asinhrono komunicira sa serverom, bez potrebe za ponovnim učitavanjem cele stranice. Kako radi AJAX?
1. Klijent šalje zahtev serveru
2. Server odgovara sa podacima (JSON npr)
3. Klijent obrađuje podatke i ažurira DOM bez osvežavanja stranice

Ključne komponente AJAX-a:
XMLHttpRequest (starija metoda)
Fetch API (moderniji način za slanje zaahteva)

Question 20

Q

XMLHttpRequest

Answer

A

JavaScript objekat koji omogućava slanje HTTP zahteva ka serveru i obradu odgovora. Korišćen je za implementaciju AJAX-a pre uvođenja Fetch API-ja.

Primer AJAX zahteva:

// Kreiranje XMLHttpRequest objekta
const xhr = new XMLHttpRequest();

// Konfigurisanje zahteva (GET metoda, URL, asinhrono)
xhr.open(‘GET’, ‘https://jsonplaceholder.typicode.com/posts’, true)

// Postavljanje event handler-a za praćenje statusa zahteva
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
// Prikazivanje odgovora u konzoli
console.log(JSON.parse(xhr.responseText));
}
};

// Slanje zahteva
xhr.send();

Question 21

Q

DOM

Answer

A

Predstavlja HTML dokument u obliku logičkog stabla, i omogućava skriptama (JavaScript-u) da manipulišu strukturom stranice.
DOM metode:
document.getElementById(‘id’)
document.querySelector(‘selector’)
document.querySelectorAll(‘selector’)

element.textContent = ‘Novi tekst’
element.innerHTML = ‘Novi sadržaj’

document.createElement(‘div’)
parentElement.appendChild(newElement)

Question 22

Q

Cookies

Cookie vs Session Storage vs Local Storage

Answer

A

Male datoteke koje se čuvaju u pretraživaču klijenta. Koriste se za čuvanje informacija koje mogu biti poslate serveru sa svakim HTTP zahtevom.

Maksimalna veličina: 4KB
Trajanje: Može biti podešeno na određeno vreme (persistent cookie) ili da traje samo tokom jedne sesije (session cookie)
Pristup: Dostupni su i u klijentu i serveru

document.cookie = “username=Maja; expires=Fri, 31 Dec 2024 23:59:59 GMT; path=/”;

console.log(document.cookie); // Vrati sve cookie-je u formatu stringa

Question 23

Q

Session Storage

Cookie vs Session Storage vs Local Storage

Answer

A

Session Storage čuva podatke samo dok traje sesija pretraživača (dok je tab otvoren). Podaci se brišu kada se tab zatvori.
Maksimalna veličina: 5-10MB (zavisi od pretraživača)
Trajanje: Samo dok je tab otvoren
Pristup: Dostupno samo klijentskoj strani

sessionStorage.setItem(“username”, “Maja”);
const user = sessionStorage.getItem(“username”);
console.log(user); // “Maja”
sessionStorage.removeItem(“username”);
sessionStorage.clear(); // Briše sve podatke iz sessionStorage-a

Question 24

Q

Local Storage

Cookie vs Session Storage vs Local Storage

Answer

A

Local Storage omogućava trajno skladištenje podataka u pretraživaču. Podaci ostaju sačuvani i nakon zatvaranja pretraživača.
Maksimalna veličina: 5-10MB (zavisi od pretraživača)
Trajanje: Podaci ostaju dok ih eksplicitno ne obrišem
Pristup: Dostupno samo klijentskoj strani

localStorage.setItem(“theme”, “dark”);
localStorage.setItem(“theme”, “dark”);
localStorage.removeItem(“theme”);
localStorage.clear(); // Briše sve podatke iz localStorage-a

Question 25

Q

async i defer

Answer

A

Kada uključujemo JavaScript fajlove u HTML, možemo koristiti async i defer atribute za kontrolu načina na koji se skripta učitava i izvršava.
async - skripta se učitava paralelno sa HTML-om i izvršava se odmah nakon učitavanja
defer - skripta se učitava paralalelno sa HTML-om, ali sw izvršava nakon što se HTML potpuno parsira

Question 26

Q

HTML Properties i Atributi

Answer

A

Atributi - definišu u HTML-u i predstavljaju početno stanje elementa
Properties - deo DOM objekta (koriste se u JavaScript-u) i predstavljaju trenutna stanja elemenata u pretraživaču

Atributi predstavljaju početno stanje elementa
Properties predstavljaju trenutno stanje elementa u DOM-u

Question 27

Q

HTML head

Answer

A

Head sadrži meta-podatke o stranici. To nisu elementi koji su vidljivi korisnicima, već služe za konfiguraciju i obogaćivanje stranice.

Question 28

Q

ready event

Answer

A

Trenutak kada je DOM u potpunosti učitan i spreman za interakciju, ali pre nego što su svi resursi poput slika učitani.

Question 29

Q

Proces od unosa URL-a do učitavanja stranice

Answer

A

Unos URL-a i parsiranje - korisnik unosi URL u pretraživač. Pretraživač analizira URL da bi identifikovao protokol, domen i putanju
DNS Rezolucija - Pretraživač kontaktira DNS server da bi preveo domen u IP adresu
Stvaranje TCP veze - Pretraživač uspostavlja vezu sa serverom koristeći TCP. Ako je URL https, koristi se i TLS/SSL kako bi se osigurala šifrovana komunikacija
Slanje HTTP zahteva - Pretraživač šalje HTTP zahtev serveru
Obrada na serveru - Server proverava zahtev i pronalazi odgovarajuće resurse. Može izvršiti dodatnu logiku
HTTP odgovor - Server šalje odgovor nazad pretraživaču
Renderovanje stranice - Pretraživač parsira HTML kako bi kreirao DOM, preuzima i učitava dodatne resurse i renderuje sadržaj na ekranu
Izvršavanje JavaScript-a i dinamički sadržaj

Brainscape's Knowledge GenomeTM

HTML and Browser Flashcards

HTML Interview questions including basic web concepts

Brainscape's Knowledge Genome^TM