Načrtovanje in razvoj spletnih aplikacij

Spletišče: ustna vprašanja

Uvod v splet

  1. Kaj je svetovni splet?
  2. Kaj je spletna stran?
  3. Kaj je spletišče?
  4. Kakšna je naloga spletnega strežnika?
  5. Kaj je brskalnik?
  6. Na katerih osnovnih standardih temelji delovanje svetovnega spleta?
  7. Katere vrste spletnih strani ločimo glede na način izdelave in delovanja?
  8. Kaj je svetovni splet (WWW)?
  9. Kakšna je razlika med internetom in svetovnim spletom?
  10. Kaj je spletni brskalnik?
  11. Kaj je spletna stran?
  12. Kaj je spletišče?
  13. Kaj pomeni kratica URL?
  14. Zapiši glavne dele spletnega naslova (URL).
  15. Kaj je spletni strežnik?
  16. Kaj je domena?
  17. Kaj je HTML?
  18. Kaj je CSS?
  19. Kaj je JavaScript?
  20. Kaj je PHP?
  21. Kaj so podatkovne baze?
  22. Zapiši razliko med HTML in CSS.
  23. Zapiši razliko med JavaScriptom in PHP.
  24. Zapiši vsaj tri vrste vsebin, ki jih lahko vsebuje spletna stran.
  25. Kaj pomeni, da so spletne strani povezane s hiperpovezavami?
  26. Zakaj uporabljamo domene namesto IP naslovov?
  27. Zapiši osnovni potek prikaza spletne strani.
  28. Kaj je protokol v računalniškem omrežju?
  29. Kaj je naloga protokola HTTP?
  30. Kakšna je razlika med HTTP in HTTPS?
  31. Katera vrata običajno uporablja HTTP in katera HTTPS?
  32. Kaj pomeni, da je HTTP protokol brez stanja?
  33. Zapiši dve pogosti HTTP metodi.
  34. Kaj pomeni statusna koda 404 Not Found?
  35. Kaj je naloga sistema DNS?
  36. Zapiši razliko med zapisoma DNS A in AAAA.
  37. Kaj je FTP?
  38. Zakaj osnovni FTP ni najprimernejši za občutljive podatke?
  39. Kaj je naloga protokola SMTP?
  40. Kakšna je razlika med POP3 in IMAP?
  41. Zapiši, čemu je namenjen SSH.
  42. Kaj omogoča MIME pri elektronski pošti?
  43. Kaj je spletni strežnik?
  44. Kakšna je osnovna naloga spletnega strežnika?
  45. Zapiši osnovni potek delovanja spletnega strežnika.
  46. Kaj pomeni statusna napaka 404 Not Found?
  47. Kakšna je razlika med statično in dinamično spletno vsebino?
  48. Naštej tri znane spletne strežnike.
  49. Kaj je Apache HTTP Server?
  50. Kaj je Nginx?
  51. Kaj je IIS?
  52. Zapiši, kaj pomeni reverzni proxy.
  53. Zakaj je pri spletnem strežniku pomemben HTTPS?
  54. Zakaj lokalni razvojni strežnik ni nujno primeren za javno objavo?
  55. Kaj je statična spletna stran?
  56. Kaj je aktivna spletna stran?
  57. Kaj je dinamična spletna stran?
  58. Kakšna je razlika med aktivno in dinamično spletno stranjo?
  59. Zakaj samo preverjanje obrazca z JavaScriptom ni dovolj?
  60. Zapiši osnovni tehnologiji za izdelavo statične spletne strani.
  61. Zapiši tehnologijo, ki se najpogosteje uporablja za aktivnost spletne strani v brskalniku.
  62. Zapiši primer strežniške tehnologije za izdelavo dinamičnih spletnih strani.
  63. Kakšno vlogo ima podatkovna baza pri dinamični spletni strani?
  64. Zakaj se v sodobnem spletu statične, aktivne in dinamične tehnike pogosto prepletajo?
  65. Kaj je spletna aplikacija?
  66. Kakšna je razlika med spletno stranjo in spletno aplikacijo?
  67. Kaj je odjemalski del spletne aplikacije?
  68. Kaj je strežniški del spletne aplikacije?
  69. Kaj je PWA?
  70. Zakaj je pri spletnih aplikacijah pomemben HTTPS?
  71. Zapiši tri primere spletnih aplikacij.
  72. Zapiši tri tehnologije, ki se pogosto uporabljajo pri izdelavi spletnih aplikacij.
  73. Zapiši dve pomembni lastnosti sodobne spletne aplikacije.
  74. Zakaj preverjanje podatkov samo v brskalniku ni dovolj?

Kreiranje in objava spletišča

  1. Zakaj je pri izdelavi spletišča pomembno načrtovanje?
  2. Kaj pomeni, da mora biti spletišče odzivno?
  3. Zakaj je vsebina pomemben del spletišča?
  4. Kaj preverimo pri testiranju spletišča?
  5. Kaj pomeni optimizacija spletišča?
  6. Zakaj delo s spletiščem po objavi še ni končano?
  7. Zapiši tri elemente kakovostnega spletišča.
  8. Zapiši tri faze izdelave spletišča.
  9. Zapiši dve pogosti napaki pri izdelavi spletišča.
  10. Zakaj je dostopnost pomembna pri izdelavi spletišča?
  11. Zakaj je načrtovanje pomemben korak pri izdelavi spletišča?
  12. Kaj določimo pri opredelitvi ciljne skupine spletišča?
  13. Kaj je zemljevid spletišča?
  14. Kdaj je primerna zaporedna struktura spletišča?
  15. Zakaj je hierarhična zgradba pogosto primerna za večja spletišča?
  16. Kaj je osnutek postavitve spletne strani?
  17. Zakaj je pomembna urejena datotečna struktura spletišča?
  18. Zapiši tri stvari, ki jih določimo pri načrtovanju spletišča.
  19. Zapiši tri vrste struktur informacij v spletišču.
  20. Zapiši tri primere orodij ali sistemov za izdelavo spletišča.
  21. Zapiši primer pregledne datotečne strukture za preprosto spletišče.
  22. Katera napaka se lahko pojavi, če spletišče nima vnaprej pripravljenega zemljevida?
  23. Zakaj pri oblikovanju spletišča ni dovolj, da je stran samo estetsko privlačna?
  24. Kaj pomeni načelo mobile first?
  25. Kakšna je razlika med fiksno in odzivno postavitvijo?
  26. Zakaj je Bootstrap uporaben pri izdelavi spletišča?
  27. Zakaj je pri izbiri barv pomemben kontrast?
  28. Zapiši primer CSS kode, s katero v dokumentu določiš pisavo Roboto.
  29. Zapiši primer CSS spremenljivke za poudarno barvo.
  30. Zapiši primer CSS pravila, ki uporabniku tipkovnice prikaže jasen fokus na povezavi.
  31. Zakaj je vsebino dobro pripraviti pred izdelavo posameznih HTML strani?
  32. Kaj je ikona spletišča oziroma favicon?
  33. Zakaj pri končni različici spletišča ni priporočljivo uporabljati besedila Lorem ipsum?
  34. Kako pripravimo slike za uporabo na spletišču?
  35. Zakaj je pri slikah pomemben atribut alt?
  36. Zakaj ikon ne smemo uporabljati brez premisleka?
  37. Kakšno sidrno besedilo je primerno za zunanjo povezavo?
  38. Zapiši tri vrste vsebine ali datotek, ki jih pripravimo pred izdelavo spletišča.
  39. Zapiši primer HTML kode za vključitev slike z nadomestnim besedilom.
  40. Zapiši tri priporočila za pripravo slik na spletišču.
  41. Zapiši primer povezave do zunanjega vira z opisnim sidrnim besedilom.
  42. Katera pogosta napaka se pojavi pri pripravi vsebine spletišča?
  43. Zakaj je potrebno testirati spletišče pred objavo?
  44. Kaj moramo preveriti pri testiranju spletišča?
  45. S katerim orodjem lahko preverimo pravilnost HTML kode?
  46. S katerim orodjem lahko preverimo pravilnost CSS kode?
  47. Kaj preverimo pri povezavah?
  48. Zakaj je treba preveriti odzivnost spletišča?
  49. Zapiši tri elemente, ki jih preverimo pri odzivnosti spletišča.
  50. Kaj pomeni kratica SEO?
  51. Kaj so ključne besede?
  52. Kako pravilno uporabimo ključne besede na spletni strani?
  53. Kakšna je razlika med on-site in off-site optimizacijo?
  54. Zakaj je element title pomemben za SEO?
  55. Kaj je namen oznake meta description?
  56. Zakaj je pri slikah pomemben atribut alt?
  57. Zapiši primer ustreznega naslova strani z elementom title.
  58. Zapiši primer oznake meta description za stran o SEO.
  59. Kaj je domena?
  60. Kakšna je razlika med domeno in spletnim gostovanjem?
  61. Kaj pomeni vrhnja domena?
  62. Kaj je slovenska nacionalna vrhnja domena?
  63. Kaj je registrar?
  64. Kaj je register pri domenah?
  65. Zakaj je pomembno pravočasno podaljšanje domene?
  66. Kaj je DNS?
  67. Zapiši primer domene pod slovensko vrhnjo domeno.
  68. Zapiši tri priporočila za izbiro dobrega imena domene.
  69. Zapiši tri lastnosti, ki jih preverimo pri izbiri spletnega gostovanja.
  70. Kaj pomeni objava spletišča?
  71. Kaj običajno potrebujemo za javno objavo spletišča?
  72. Zakaj mora imeti spletišče začetno datoteko index.html ali index.php?
  73. Katere datoteke in mape moramo poleg HTML strani prenesti na strežnik?
  74. Zakaj je pomembno ohraniti enako strukturo map pri prenosu na strežnik?
  75. Zakaj je priporočljivo uporabljati HTTPS?
  76. Kaj preverimo po objavi spletišča?
  77. Zapiši tri podatke, ki jih običajno potrebujemo za povezavo s strežnikom.

Izdelava spletišča

  1. Zakaj je datoteka index.html običajno pomembna pri spletišču?
  2. Kakšna je razlika med elementoma <title> in <h1>?
  3. Zakaj je pri odzivni spletni strani pomembna meta oznaka viewport?
  4. Zakaj lastno slogovno datoteko običajno vključimo za Bootstrapovo CSS datoteko?
  5. Kaj omogoča datoteka bootstrap.bundle.min.js?
  6. Kaj omogoča Bootstrapova mreža pri odseku Kaj uporabljamo?
  7. Zapiši osnovno HTML5 ogrodje dokumenta z jezikom strani in naslovom dokumenta.
  8. Zapiši povezavo do lastne slogovne datoteke css/slog.css.
  9. Zakaj pri izdelavi podstrani Bootstrap uporabimo obstoječo domačo stran kot predlogo?
  10. Katere dele strani običajno ohranimo, ko iz domače strani pripravimo novo podstran?
  11. Zakaj moramo pri podstrani Bootstrap premakniti razred active v navigaciji?
  12. Kakšno vlogo ima razdelek page-hero na podstrani?
  13. Kaj omogoča Bootstrapov mrežni sistem pri razdelku Kaj je Bootstrap??
  14. Zakaj je datoteko bootstrap.bundle.min.js treba vključiti pri uporabi nekaterih Bootstrapovih komponent?
  15. Zakaj ni priporočljivo mešati primerov kode iz različnih različic Bootstrapa?
  16. Zapiši osnovno strukturo Bootstrapove mreže z vsebnikom, vrstico in dvema stolpcema.
  17. Zapiši tri pogoste napake pri izdelavi podstrani z Bootstrapom.
  18. Zakaj je treba pri strani v podmapi prilagoditi relativne poti?
  19. Kakšno vlogo ima stranski meni na dokumentacijski strani?
  20. Kako morajo biti povezave v stranskem meniju povezane z vsebinskimi poglavji?
  21. Kakšna je razlika med uporabo Bootstrap CDN povezav in lokalnim prenosom datotek?
  22. Zakaj je pri Bootstrapu pomembna datoteka bootstrap.bundle.min.js?
  23. Zakaj mora biti dokumentacijska stran pregledno razdeljena na poglavja?
  24. Zapiši primer povezave do lastne slogovne datoteke, če je HTML stran shranjena v podmapi dokument.
  25. Zapiši primer povezave v stranskem meniju, ki vodi na poglavje z ID prenos.
  26. Zapiši primer meta oznake, ki je potrebna za pravilen odziven prikaz strani na mobilnih napravah.
  27. Na katerem osnovnem vzorcu temelji Bootstrapova postavitev?
  28. Kakšna je razlika med razredoma .container in .container-fluid?
  29. Kaj pomeni, da ima Bootstrap mrežni sistem dvanajst stolpcev?
  30. Kako delujejo odzivni razredi, kot sta col-md-6 in col-lg-4?
  31. Zakaj je pri mreži pomemben razred row?
  32. Kaj omogočajo Bootstrapovi utility razredi?
  33. Kaj omogočajo razredi za tiskanje, na primer d-print-none?
  34. Zapiši osnovno strukturo Bootstrapove postavitve z vsebnikom, vrstico in dvema stolpcema.
  35. Zapiši primer razredov, s katerimi je element na telefonu širok celo vrstico, na tablici polovico in na večjem zaslonu tretjino vrstice.
  36. Zapiši primer elementa, ki je skrit pri tiskanju.
  37. Zakaj Bootstrap ne nadomesti pravilne HTML strukture?
  38. Kakšna je razlika med semantično uporabo naslovov in uporabo naslovov samo zaradi videza?
  39. Zakaj so semantični elementi, kot so main, section, article, nav in footer, pomembni?
  40. Kaj omogoča razred img-fluid?
  41. Zakaj je pri slikah pomemben atribut alt?
  42. Zakaj tabel ne uporabljamo za postavitev strani?
  43. Zapiši primer slike, ki se odzivno prilagaja širini vsebnika.
  44. Zapiši primer odzivne Bootstrap tabele z osnovnim razredom table.
  45. Kaj so Bootstrapove komponente?
  46. Katera razreda sta potrebna za osnovno Bootstrap opozorilo?
  47. Kako z gumbi jasno ločimo glavno in pomožna dejanja?
  48. Zapiši primer osnovnega Bootstrap opozorila za uspešno shranjevanje podatkov.
  49. Zapiši primer primarnega in obrobnega gumba.
  50. Kateri Bootstrapovi razredi so uporabljeni za odzivno mrežo kartic vodičev?
  51. Kaj naj vsebuje kartica vodiča?
  52. Zakaj pri zunanji povezavi, ki se odpira v novem zavihku, dodamo rel="noopener noreferrer"?
  53. Zakaj mora imeti slika v kartici vodiča atribut alt?
  54. Zakaj opisi vodičev ne smejo biti generični?
  55. Zapiši primer zunanje povezave, ki se odpre v novem zavihku in uporablja varnostna atributa.
  56. Kaj je namen spletne strani Kontakt v vzorčnem spletišču?
  57. Katere vsebine običajno vsebuje kontaktna stran?
  58. Zakaj morajo biti kontaktni podatki zapisani tudi kot besedilo?
  59. Zakaj mora imeti vsako polje obrazca oznako label?
  60. Kako povežemo oznako label z ustreznim vnosnim poljem?
  61. Zakaj pri vnosu e-poštnega naslova uporabimo type="email"?
  62. Zakaj pri zemljevidu uporabimo atribut loading="lazy"?
  63. Zapiši primer vnosnega polja za e-pošto z oznako label.
  64. Zapiši primer besedilnega polja za sporočilo.
  65. Zapiši primer gumba za pošiljanje obrazca.
  66. Katere podatke naj vsebuje kartica blog prispevka?
  67. Zakaj je pri blogu koristno izpostaviti en prispevek?
  68. Zakaj uporabimo razred g-4 pri blog postavitvi?
  69. Zakaj morajo imeti slike blog prispevkov atribut alt?
  70. Zapiši primer osnovne kartice za blog prispevek.