Kako preglednici dohvaćaju i prikazuju stranice

Pogledajte što se zapravo događa između upisivanja URL-a i gledanja gotove stranice. Ovaj kviz prolazi kroz umrežavanje, parsiranje, kritičnu putanju renderiranja i ponašanje preglednika vezano uz per...

Sva pitanja provjerena su radi točnosti
119 pitanja
4,148 igranja

Pokreni kviz

Odaberite težinu i broj pitanja za početak.

Odaberite težinu
Odaberite broj pitanja
Automatski prijelaz nakon

O ovom kvizu

Što ćete naučiti u ovom kvizu o renderiranju preglednika

Od DNS-a i TCP/TLS-a do HTML parsiranja i slikanja, ova pitanja mapiraju cijelo putovanje web stranice. Vježbat ćete povezivanje internih funkcija preglednika sa simptomima koje vidite u DevTools-u.

Svako pitanje koristi 4 opcije i nema tajmera, tako da možete razmisliti o slijedu događaja i “zašto” iza svakog koraka.

Težina, duljina i kako je uravnotežena

Težina je miješana namjerno: dobit ćete brze pobjede na osnovnim konceptima (zahtjevi, predmemoriranje, DOM/CSSOM) uz dublje stavke (skener predmemoriranja, blokiranje renderiranja, kompozicija). Odaberite broj pitanja i težinu prije nego što započnete kako biste prilagodili sesiju - kratko za pregled, duže za majstorstvo.

Uobičajene zamke koje vam ovaj kviz pomaže izbjeći

Mnogi učenici miješaju parsiranje i renderiranje ili pretpostavljaju da se skripte uvijek izvršavaju nakon što je HTML završen. Drugi zanemaruju kako CSS blokira renderiranje, kada slike utječu na raspored ili što zapravo pokreće raspored/reflow.

  • Miješanje konstrukcije DOM-a s drvetom renderiranja i koracima rasporeda
  • Pogrešno razumijevanje kako CSS i sinkrone skripte blokiraju prvo slikanje
  • Tretiranje zaglavlja predmemoriranja i servisnih radnika kao iste stvari
  • Miješanje reflow-a (raspored) s repaint-om i kompozicijom
  • Zaboravljanje utjecaja async/defer, preload i preconnect

Za koga je ovo

Odlično je za učenike Web Osnova, frontend programere i sve koji se pripremaju za intervjue ili rad na performansama. Do kraja, trebali biste biti bolji u predviđanju što će preglednik učiniti sljedeće - i kako ga sigurno ubrzati.

Primjeri pitanja

Koji protokol preglednici prvenstveno koriste za dohvaćanje web stranica?

  • A.HTTP
  • B.FTP
  • C.SMTP
  • D.DNS

Što označava HTML?

  • A.HyperText Markup Language
  • B.HyperText Machine Language
  • C.HighText Markup Language
  • D.HyperText Markup Link

Koji komponent preglednika je odgovoran za prikazivanje web stranica?

  • A.Rendering Engine
  • B.Web Server
  • C.JavaScript Engine
  • D.Network Module

Česta pitanja o kvizu

Koliko pitanja ima u ovom kvizu?

Ovaj kviz ima 119 pitanja koja pokrivaju kako preglednici dohvaćaju resurse i prikazuju stranice.

U kojem formatu su pitanja?

Svako pitanje je višestrukog izbora s 4 opcije, a nema tajmera.

Mogu li odabrati broj pitanja i težinu?

Da. Odaberite svoj preferirani broj pitanja i težinu prije početka kako biste uskladili svoje vrijeme učenja i razinu vještine.

Koje teme pokriva osim HTML-a i CSS-a?

Također uključuje DNS, TCP/TLS, predmemoriranje, kritičnu putanju renderiranja, učitavanje JavaScripta i koncepte slikanja/kompozicije.

Je li ovaj kviz prikladan za početnike?

Da, ima mješovitu težinu, tako da početnici mogu naučiti osnove dok napredniji igrači dobivaju dublja pitanja o ponašanju preglednika.

Povezani kvizovi

URL-ovi i domene: dijelovi i pravila

URL-ovi i domene: dijelovi i pravila

Dekodirajte URL-ove i nazive domena s povjerenjem u ovom kvizu o osnovama weba. Identificirat ćete dijelove poput sheme, hosta, putanje, upita i fragmenta, te primijeniti praktična pravila oko portova, kodiranja i DNS-a. Odaberite željeni broj pitanja i težinu kako biste uskladili svoj cilj učenja - vježba nije vremenski ograničena i usredotočena je.

1,522
Igraj odmah
HTTP metode, zaglavlja i statusni kodovi

HTTP metode, zaglavlja i statusni kodovi

Testirajte svoje znanje o HTTP metodama, zaglavljima zahtjeva/odgovora i statusnim kodovima koji se koriste u svakodnevnom razvoju weba. Radit ćete kroz stvarne scenarije poput predmemoriranja, preusmjeravanja, autentifikacije i dizajna API-ja. Odlično za usavršavanje osnova prije intervjua ili otklanjanja problema u produkciji.

4,731
Igraj odmah
Objašnjeni modeli usluga računalstva u oblaku

Objašnjeni modeli usluga računalstva u oblaku

Provjerite svoje razumijevanje kako se usluge u oblaku isporučuju i koriste. Pokriva IaaS, PaaS, SaaS, kontejnere naspram VM-ova, regije/zone dostupnosti i osnove zajedničke odgovornosti.

2,841
Igraj odmah
Komponente i uloge računalnog hardvera

Komponente i uloge računalnog hardvera

Uparite ključne komponente računala s onim što rade i kako utječu na performanse. Obuhvaća CPU, GPU, RAM, vrste pohrane, matične ploče, napajanja i priključke.

3,362
Igraj odmah
Osnove sintakse programskih jezika

Osnove sintakse programskih jezika

Testirajte svoje znanje o uobičajenoj sintaksi programiranja kroz popularne jezike. Pitanja se fokusiraju na varijable, petlje, funkcije i osnovne strukture podataka bez potrebe za dubokom teorijom računalnih znanosti.

4,654
Igraj odmah
Cybersecurity prijetnje i obrane

Cybersecurity prijetnje i obrane

Identificirajte uobičajene cyber prijetnje i najbolje obrambene prakse koje se koriste za smanjenje rizika. Obuhvaća phishing, malware, lozinke, MFA, osnove enkripcije i sigurne navike pregledavanja.

4,046
Igraj odmah