WD Flashcards
Definirajte što je internet.
Javno dostupna globalna podatkovna mreža koja IP protokolom povezuje priključena računala.
Što je vladu SAD-a potaknulo na osnivanje agencija NASA i ARPA?
Američka vlada uviđa potrebu ulaganja u znanost i tehnologiju jer bi mogli izgubiti hladni rat.
Što je ARPAnet i kada se počeo razvijati?
Projekt financiran od američke vlade za vrijeme hladnog rata, počeo se razvijati 1969. godine.
Kakav problem je nastao pri širenju ARPAneta?
Dolazi do problema integracije pripojenih mreža u jedinstveni Internet.
Tko je riješio problem komunikacije spojenih mreža i kada?
Znanstik Vinton Cerf 1979. godine uvođenjem TCP, a kasnije i IP protokola.
Tko se smatra očevima interneta?
Vinton Cerf i Tim Berners Lee.
Što je TCP/IP protokol?
Skup protokola koji se koriste za komunikaciju između računala na internetu.
Navedite najpoznatije servise interneta.
- Telnet
- Internet Relay Chat (IRC)
- File Transfer Protocol (FTP)
Definirajte što je World Wide Web (WWW).
Softverska mreža web stranica, mreža informacija dostupna svima na internetu.
Gdje, kada i zašto je razvijen WWW?
Razvijen 1994. godine u Švicarskoj od strane Tima Berners Lee, kao mreža informacija.
Što su inovacije Tima Berners Lee u okviru WWW projekta?
- Korištenje hiperteksta
- Korištenje URL-a
- Korištenje HTML-a
Ukratko objasnite što je HTTP/HTTPS protokol.
Protokoli koji omogućavaju komunikaciju između web poslužitelja i web preglednika.
Kada je objavljeno prvo web sjedište?
- kolovoza 1991. godine.
Od kojih elemenata se primarno sastojalo prvo web sjedište?
- Tekstualni dokumenti
- Hiperveze
Po čemu je poseban web preglednik Mosaic?
Bio je prvi preglednik koji je omogućio prikaz slika i video sadržaja uživo.
Tko i kada je izradio preglednik Mosaic?
Marc Andreessen 1992. godine na Sveučilištu u Illinoisu.
Što je W3C?
World Wide Web Consortium, organizacija za razvoj i standardizaciju web tehnologija, osnovana 1994. od strane Tima Berners Lee.
Navedite značajne tehnologije koje nastaju od 1994. do 1996. godine.
- Netscape
- Opera, Internet Explorer, JavaScript, PHP
- CSS, Flash
Objasnite pojam web 1.0.
Prva generacija World Wide Web-a, sa statičnim sadržajem i ograničenom interaktivnošću.
Navedite najvažnije značajke Web 1.0.
- Statičan sadržaj
- Samo HTML
- Ograničena interaktivnost
Što se podrazumijeva pod dot-com boom?
Razdoblje od sredine 1990-ih do početka 2000-ih s velikim rastom dot-com tvrtki.
Što se dogodilo 2000. godine vezano za dot-com bubble burst?
Mnoge dot-com tvrtke suočile su se s financijskim poteškoćama i propale.
Objasnite pojam web 2.0.
Druga generacija World Wide Web-a s dinamičkim sadržajem i interaktivnošću.
Navedite najvažnije značajke Web 2.0.
- Dinamički sadržaj
- Interaktivnost
- Povezanost
- Uključivost
- Raznolikost
Navedite značajne tehnologije koje nastaju od 2001. do 2008. godine.
- online vektorska grafika
- Safari
- Firefox, canvas grafika
- Chrome, HTML5, CSS3
Definirajte što je web dizajn.
Proces izrade web stranica.
Navedite temeljne korake pri izradi web sjedišta.
- Planiranje
- Wireframe
- Dizajn
- Razvoj
- Testiranje
- Publikacija
- Održavanje
Što je cilj planiranja projekta u web dizajnu?
Predviđanje mogućih prepreka te dugoročna ušteda vremena i novca.
Što je sitemap?
Mapa web stranice koja prikazuje strukturu i odnos između različitih stranica.
Što je wireframe?
Kostur web stranice koji prikazuje raspored elemenata.
Objasnite pojmove user experience (UX) i usability.
- User experience (UX): Doživljaj korisnika prilikom korištenja tehnologije
- Usability: Sposobnost proizvoda da se lako koristi.
Definirajte što je domena.
Jedinstvena simbolička oznaka web mjesta.
Gdje se domene mogu zakupiti?
Kod ovlaštenog registra.
Navedite nekoliko primjera popularnih vršnih domena.
- .org
- .com
- .net
- .edu
Što je poddomena?
Stvara se unutar postojeće domene, koristi se za razdvajanje dijelova web-mjesta.
Pri odabiru domene što se preporučuje izbjegavati?
Crtice, brojke i skraćenice.
Definirajte što je IP adresa.
Jedinstvena numerička adresa uređaja spojenog na internet.
Navedite primjer IPv4 adrese.
37.153.96.1.
Po čemu se razlikuju IPv4 i IPv6 adrese?
IPv4 je 32-bitna, dok je IPv6 128-bitna heksadecimalna adresa.
Zašto se uvode IPv6 adrese?
Zbog nedostatka slobodnih IPv4 adresa.
Definirajte što je DNS.
Distribuirani hijerarhijski sustav internet poslužitelja koji sadrži informacije o domenama.
Što je svrha DNS-a?
Olakšati ljudima pristup web stranicama koristeći naziv domene.
Definirajte što je web poslužitelj (server).
Računalo koje posjetiteljima web sjedišta poslužuje web stranice.
Definirajte što je URL.
Adresa web-stranice ili internet resursa.
Navedite primjer URL-a.
https://www.unin.hr.
Objasnite što su client-side/frontend web tehnologije.
Tehnologije koje se koriste za stvaranje interaktivnih web stranica i izvršavaju se u web pregledniku korisnika.
Navedite najpopularnije client-side web tehnologije.
- HTML
- CSS
- JavaScript
Definirajte što je HTML.
Opisni jezik za definiranje strukture i sadržaja web stranice.
Od čega se sastoji HTML?
Od niza oznaka (tags).
Zašto HTML element p ima početnu i završnu oznaku, dok img nema?
Element p označava blok teksta, dok img označava samo sliku.
Objasnite što su HTML entiteti.
Kodovi posebnih oznaka za prikaz simbola.
Čemu služe HTML komentari?
Služe za bolju organizaciju koda, ne prikazuju se u web pregledniku.
Koje dvije osnovne cjeline čine HTML dokument?
- Head
- Body
Što su HTML entiteti?
Kodovi posebnih oznaka (&, <, >) za prikaz simbola.
Čemu služe HTML komentari?
Za bolju organizaciju koda, ne prikazuju se u web pregledniku.
Koje dvije osnovne cjeline čine HTML dokument?
body i head.
Što se upisuje u body, a što u head HTML dokumenta?
U body se upisuju elementi za prikaz, a u head oznake važne za renderiranje.
Kada je HTML5 postao službena W3C preporuka?
28.10.2014.
Što znači da je HTML5 službena W3C preporuka?
HTML5 je standardizirani jezik za izradu web stranica.
Što omogućuju semantički HTML5 elementi?
Omogućuju bolje strukturiranje i razumejvanje web stranice.
Navedite nekoliko semantičkih HTML5 elemenata.
- <header>
</header> - <nav>
</nav> - <article>
</article> - <aside>
</aside> - <footer>
</footer> - <section>
</section>
U čemu je posebnost HTML5 jezika u smislu reprodukcije multimedijskih sadržaja?
Reprodukcija video i audio sadržaja bez vanjskih dodataka.
Navedite osnovne HTML elemente za strukturiranje teksta.
- <h1> - <h6> (naslovi)
</h6></h1> - <p> (paragraf)
</p> - <ul> (neuređena lista)
</ul> - <ol> (uređena lista)
</ol> - <table> (tablica)
</table>
Kako se integrira fotografija na web stranicu?
Koristi se HTML tag <img></img> sa atributima src i alt.
Što se upisuje u atribut src?
Putanja do slikovne datoteke.
Što se upisuje u HTML atribut alt?
Opis slike koja se prikazuje ako slika ne može biti prikazana.
Definirajte što je CSS.
Opisni jezik za definiranje izgleda web stranice.
Od čega se sastoji CSS?
Od niza unaprijed definiranih svojstava i mogućih vrijednosti.
Tko je izradio prvu verziju CSS jezika?
Håkon Wium Lie i Bert Bos 1994. godine.
Što su CSS deklaracije?
Pravila koja se primjenjuju na HTML elemente za definiranje prikaza.
Što su selektori u CSS-u?
Koriste se za određivanje HTML elemenata na koje će se primijeniti deklaracije.
Što je inline CSS stiliziranje?
Stiliziranje direktno na HTML elementima putem atributa ‘style’.
Zašto nije preporučljivo koristiti inline CSS?
Povećava kod i usporava učitavanje stranice.
Kako se CSS klase povezuju s HTML elementima?
Korištenjem atributa ‘class’ na HTML elementu.
Što su kontekstni CSS selektori?
Selektori koji određuju stilizaciju na temelju konteksta u dokumentu.
Objasnite kaskadna svojstva CSS jezika.
Definiraju stilove za elemente, omogućujući prenošenje stilova između elemenata.
Po čemu je CSS3 napredniji od prethodnih verzija?
Sadrži nova svojstva i mogućnosti za stiliziranje.
Koja CSS svojstva definiraju font, veličinu i boju teksta?
- font-family
- font-size
- color
Što su CSS web fontovi?
Fontovi učitani sa web-a putem CSS-a, dostupni na svim računalima.
Po čemu se razlikuju od klasičnih fontova?
Klasični fontovi su instalirani na računalu korisnika.
Koje CSS svojstvo definira varijantu fonta?
font-weight.
Što je layout engine?
Komponenta web preglednika za interpretiranje i prikazivanje HTML i CSS koda.
Navedite najpopularnije layout engine-e.
- Blink
- Gecko
- Trident
Što je Bootstrap?
Framework za dizajn web stranica koristeći HTML, CSS i JavaScript.
Definirajte JavaScript (JS).
Programsko jezik za stvaranje interaktivnih elemenata na web stranici.
Tko je izvorni tvorac JavaScripta?
Brendan Eich.
Što je jQuery?
Biblioteka JavaScript-a koja olakšava razvoj web aplikacija.
Što su Angular, React i Vue?
JavaScript okviri za izradu web aplikacija.
Što su server-side/backend web tehnologije?
Tehnologije za izradu dijela web aplikacije na serveru.
Navedite najpopularnije server-side web tehnologije.
- PHP
- Node.js
- JAVA
- Python
- Ruby
Što omogućuje NodeJS?
Izradu server-side aplikacija u JavaScriptu.
Čime se bavi frontend web developer?
Izradom korisničkog sučelja web stranice ili aplikacije.
Čime se bavi backend web developer?
Izradom poslužiteljske strane web stranice ili aplikacije.
Zašto je predstavljan iPhone značajan za web dizajn?
Prvi mobilni uređaj sa potpunom podrškom za web preglednik.
Što je Adobe Flash?
Softver za izradu multimedijalnih sadržaja.
Zašto se Adobe Flash više ne koristi?
Zamijenjen je HTML5 mogućnostima.
Što je WebGL?
Tehnologija za izradu 2D i 3D grafike u web preglednicima.
Što je three.js?
JavaScript biblioteka za izradu 3D sadržaja koristeći WebGL.
Što je web hosting?
Usluga za postavljanje i održavanje web-stranica.
Koja vrsta web hostinga je najjeftinija?
Shared hosting.
Što je cPanel?
Web-based kontrol panel za upravljanje web hostingom.
Što su heatmap UX testovi?
Metoda za analizu korisničkog ponašanja na web-stranici.
Što se preporučuje pri optimizaciji sadržaja za objavu na web sjedištu?
- Napisati kvalitetan tekst
- Koristiti naglaske i naslove
- Dodavati meta opise
- Optimizirati slike
Objasnite razliku između pikselske, vektorske i rasterske grafike.
- Pikselna grafika: sastoji se od piksela
- Vektorska grafika: sastoji se od matematičkih formulacija
- Rasterska grafika: kombinira pikselnu i vektorsku grafiku.
Objasnite primjenu i karakteristike najpopularnijih slikovnih formata.
- JPEG: popularan format za fotografije
- GIF: podržava animacije
- PNG: podržava transparentnost
- WEBP: moderni format s manjom veličinom
- SVG: vektorski format za grafiku.
Što su vektorske slike?
Vektorske slike su skalabilne bez gubitka kvalitete.
Što je rasterska grafika?
Rasterska grafika se koristi za stvaranje slika kombinirajući pikselnu i vektorsku grafiku.
Koji su najpopularniji slikovni formati u web dizajnu?
JPEG, GIF, PNG, WEBP, SVG.
Koje su karakteristike JPEG formata?
Popularan format za fotografije, visoka kvaliteta, dobra kompresija.
Za što se koristi GIF format?
GIF se koristi za animacije i slike s ograničenim brojem boja.
Koje su prednosti PNG formata?
Podrška za transparentnost, više boja, veća rezolucija.
Što je WEBP format?
Format razvijen od strane Googlea za kompresiju slika, bolja kompresija od JPEG i PNG.
Koji video formati podržava HTML5 video player?
MP4, WebM, Ogg.
Kako se video sadržaj pripremao prije HTML5 video playera?
Koristila se tehnologija Adobe Flash player.
Navedite najpopularnije code editore u web dizajnu.
Sublime Text, Visual Studio Code, Atom, Notepad++, Brackets.
Koje su značajke modernih code editora?
Intuitivan interfejs, automatsko formatiranje koda, podrška za više jezika, automatsko označavanje grešaka.
Što je XAMPP?
Alat za razvoj web aplikacija koji omogućava lokalno testiranje.
Što je FileZilla?
Besplatan FTP klijent za preuzimanje i upload datoteka.
Što je WinSCP?
Besplatan SFTP i FTP klijent za sigurno preuzimanje i upload datoteka.
Što je Putty?
Besplatni SSH klijent za sigurnu komunikaciju sa web serverom.
Koje grafičke alate koristimo u web dizajnu?
Adobe Photoshop, Illustrator, Sketch, Inkscape, GIMP.
Navedite alate za UI/UX dizajn web sjedišta.
Adobe XD, Sketch, Figma, Adobe Illustrator, Adobe Photoshop.
Što su WordPress teme?
Predlošci za izgled web stranice.
Što su WordPress plugini?
Dodaci koji pružaju dodatne funkcionalnosti za WordPress.
Što je SEO?
Proces podizanja posjećenosti web stranica s tražilica.
Što obuhvaća on-site SEO?
Tehnike optimizacije implementirane na web stranicu, optimizacija sadržaja.
Što obuhvaća off-site SEO?
Tehnike za poboljšanje pozicije web stranice na stranicama s rezultatima tražilice.
Koje su popularne web tražilice?
Google, Yahoo, Bing.
Što je SERP?
Stranica rezultata pretrage tražilice.
Što je Google PageRank?
Algoritam za procjenu važnosti web-stranice temeljen na poveznicama.
Što je SEM?
Oglašavanje putem internet tražilica.
Što je Google Ads?
Platforma za oglašavanje na Google pretraživaču.
Što je Google AdSense?
Program za prikazivanje Googleovih oglasa na web-sajtovima.
Što je Google Analytics?
Alat za analizu posjećenosti web stranice.
Kako je web funkcionirao do 2001. godine?
Web je bio statičan sistem sa ograničenom interakcijom.
Tko je webmaster?
Osoba odgovorna za održavanje web stranica.
Kada web postaje mainstream?
Kada ga većina ljudi koristi i postaje dio svakodnevnog života.
Tko prvi spominje pojam web 2.0?
Dale Dougherty 2004. godine.
Koje su tipične vrste web 2.0 aplikacija?
Društvene mreže, blogovi, Wikipedia.
Tko i kada organizira prvu web 2.0 konferenciju?
Tim O’Reilly, 2004.g.
Navedite nekoliko tipičnih vrsta web 2.0 aplikacija.
- društvene mreže
- blogovi
- wikipedia
- google maps
- ebay
Koja je uloga korisnika u web 2.0 okruženju?
Stvaranje i dijeljenje sadržaja na webu
Koji su glavni problemi web 2.0 modela?
- Komercijalizacija osobnih podataka
- Manipulacija javnim mnijenjem
- Problemi s autorskim pravima
Kako se može ublažiti problem komercijalizacije osobnih podataka u web 2.0?
- Alati za zaštitu autorskih prava
- Detekcija plagijata
- Pravila ponašanja
Kako se web 2.0 model može primijeniti u školskoj nastavi?
- Online alati za komunikaciju
- Dijeljenje sadržaja
- Učenje putem videa
- Online testovi
- Kolaborativno učenje
Navedite temeljne značajke grafičkog dizajna u web 2.0 okruženju.
- Prilagodljivost različitim veličinama ekrana
- Upotreba svijetlih boja i jasnih fontova
- Korištenje ikona, infografika i slika umjesto teksta
- Korištenje grid sustava
- Responsivni dizajn
Što su društvene mreže?
Online platforme za komuniciranje i dijeljenje sadržaja
Navedite osnovne komponente društvene mreže.
- Profili korisnika
- Poveznice
- Kontakti
- Objave
- Interakcije
- Grupe/stranice
- Privatnost/sigurnost
Što su društveni mediji? Ukratko objasnite njihovu temeljnu podjelu.
- Mreže za dijeljenje sadržaja (Instagram, YT)
- Društvene mreže (FB, Twitter)
- Forumi za raspravu (Reddit, Quora)
- Mreže za označavanje i čuvanje sadržaja (Pinterest, Flipboard)
- Mreže za recenzije (Yelp, Zomato)
- Mreže za bloganje i objavljivanje (Tumblr)
- Društvene mreže za kupnju (Etsy)
- Mreže temeljene na interesima (Goodreads, Houzz)
Kako se zove trenutno najpopularniji microblogging servis?
Što je social tagging?
Proces stvaranja i dodjeljivanja oznaka na društvenim mrežama
Što je folksonomy? Tko i kada prvi spominje taj pojam?
Sustav klasifikacije s javnim oznakama, prvi put spominje Thomas Vander Wal 2004.g.
Što su SPARQL i RDF?
- SPARQL - upitni jezik za RDF podatke
- RDF - model formatiranja podataka
Što je semantički web? Ukratko objasnite izazove u realizaciji semantičkog weba.
Koncept weba koji koristi semantičke tehnologije, izazovi uključuju: struktura podataka, međusobno povezivanje podataka, lakše pretraživanje
Što je kvantno računalo?
Vrsta računala koja koristi kvantnu mehaniku za efikasnije računanje
Što je blockchain? Što su Bitcoin i Ethereum?
- Blockchain - baza podataka s blokovima
- Bitcoin - digitalna valuta bez središnjih tijela
- Ethereum - decentralizirana blockchain platforma za pametne ugovore
Ukratko objasnite pojmove: web 3.0, decentralizacija weba, Internet-of-Thing.
- Web 3.0 - sljedeća generacija weba s decentralizacijom
- Decentralizacija weba - nova arhitektura bez standardnog server-klijent modela
- Internet-of-Things - povezivanje fizičkih i virtualnih uređaja putem interneta