{"id":1717,"date":"2020-10-10T17:03:15","date_gmt":"2020-10-10T17:03:15","guid":{"rendered":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717"},"modified":"2023-05-12T06:34:03","modified_gmt":"2023-05-12T06:34:03","slug":"sjwp3-pitanja-zadaci","status":"publish","type":"page","link":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717","title":{"rendered":"SJWP3 Teme, pitanja i zadaci"},"content":{"rendered":"<div style=\"font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif\">\n<p>Sadr\u017eaj<\/p>\n<ol>\n<li>Osnove rada&nbsp;Interneta i web sjedi\u0161ta\n<ol>\n<li><strong>Web sjedi\u0161ta:<\/strong>&nbsp;zbirke datoteka i informacija kojima pristupamo putem ra\u010dunala i poslu\u017eitelja (servera)&nbsp;<\/li>\n<li><strong>Poslu\u017eitelji:<\/strong>&nbsp;ra\u010dunala koja spremaju sve podatke web sjedi\u0161ta u veliku mre\u017eu<\/li>\n<li><strong>Preglednici:<\/strong>&nbsp;programi koji u\u010ditavaju i ispisuju sadr\u017eaj na ra\u010dunalu<\/li>\n<\/ol>\n<\/li>\n<li>Osnovne vje\u0161tine, jezici i alati\/tehnologije&nbsp;razvoja mre\u017enih stranica i sjedi\u0161ta\n<ol>\n<li>Unos koda &#8211; editori (<a href=\"https:\/\/jsfiddle.net\/\" target=\"_blank\" rel=\"noopener\">jsfiddle<\/a>)<\/li>\n<li>Osnove HTML-a, CSS-a i JavaScript-a (<a href=\"http:\/\/www.ss-tehnicka-ck.skole.hr\/wp-content\/uploads\/2016\/10\/Skriptni_jezici_i_web_programiranje_HTML.pdf\" target=\"_blank\" rel=\"noopener\">SJWP HTML<\/a>&nbsp;)<\/li>\n<li>Dizajn stranica i mre\u017enih sjedi\u0161ta (<a href=\"https:\/\/www.youtube.com\/watch?v=d2qMPBNIx_w\" target=\"_blank\" rel=\"noopener\">1<\/a>, )<\/li>\n<li>Biblioteke i okviri (jQuery, React.js, Bootstrap&#8230;)<\/li>\n<li>Drugi programski jezici (<a href=\"https:\/\/www.educative.io\/blog\/web-development-in-python\" target=\"_blank\" rel=\"noopener\">Python<\/a>, Ruby (samo back-end)<\/li>\n<li>Git i GitHub<\/li>\n<li>CMS platforme (<a href=\"https:\/\/www.wpbeginner.com\/showcase\/best-cms-platforms-compared\/\" target=\"_blank\" rel=\"noopener\">usporedba<\/a>, <a href=\"https:\/\/w3techs.com\/technologies\/overview\/content_management\" target=\"_blank\" rel=\"noopener\">udio<\/a>, <a href=\"https:\/\/websitesetup.org\/news\/popular-cms\/\" target=\"_blank\" rel=\"noopener\">udio2<\/a>, <a href=\"https:\/\/www.wpbeginner.com\/guides\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>)<\/li>\n<\/ol>\n<\/li>\n<li>Vodi\u010d za poslove (<a href=\"https:\/\/kinsta.com\/blog\/wordpress-developer-salary\/\" target=\"_blank\" rel=\"noopener\">primanja<\/a>)<\/li>\n<li>Resursi za pomo\u0107 i vje\u017ebu (<a href=\"https:\/\/developer.mozilla.org\/en-US\/\">mozilla<\/a>)<\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.educative.io\/blog\/behind-the-screens-what-happens-when-you-type-a-url-in-a-browser\">\u0160to se doga\u0111a nakon utipkavanja URL-a u pregledniku<\/a><\/p>\n<p><strong>Preglednici i pretra\u017eiva\u010di<\/strong><\/p>\n<ol>\n<li>\u0160to je web preglednik?<\/li>\n<li>Koje vrste sadr\u017eaja osim web stranica otvaraju preglednici?<\/li>\n<li>Nabrojite bar tri razli\u010dita protokola koje preglednici mogu prikazati.<\/li>\n<li>\u0160to su plug-in-ovi, \u0161to omogu\u0107uju i kako se dodaju pregledniku?&nbsp;<\/li>\n<li>Koja organizacija i koje njene specifikacije odre\u0111uju kako bi web preglednici trebali prikazivati html sadr\u017eaj?<\/li>\n<li>Nabrojite i ukratko objasnite osnovne elemente korisni\u010dkog su\u010delja preglednika.<\/li>\n<li>Navedite i ukratko objasnite tri osnovne funkcije web-tra\u017eilica.<\/li>\n<li>Zbog \u010dega je kod razvoja web sadr\u017eaja va\u017eno znati kako funkcioniraju preglednici, a kako tra\u017eilice?<\/li>\n<li>\u0160to je i kako funkcionira E-A-T princip? \u0160to je backlink?<\/li>\n<li>\u0160to rade i za \u0161to se koriste web preglednici, \u010demu sve ve\u0107u va\u017enost pridaju suvremeni preglednici?&nbsp;<\/li>\n<li>Koji su koraci u radu preglednika nakon upisa URL-a?<\/li>\n<li>\u0160to je cross browser testiranje i za\u0161to je va\u017eno?<\/li>\n<li>Objasnite op\u0107enito kako rade tra\u017eilice.&nbsp;&nbsp;<\/li>\n<li>Na koje se na\u010dine ostvaruje upotrebljivost tra\u017eilice?<\/li>\n<li>\u0160to podrazumijeva personalizacija tra\u017eilica?<\/li>\n<li>Objasnite SEO. Kako funkcionira i za\u0161to je va\u017eno?<\/li>\n<\/ol>\n<p><strong>Skriptni jezici<\/strong><\/p>\n<ol>\n<li>Napi\u0161ite definiciju skriptnih jezika.<\/li>\n<li>Navedite primjere skriptnih jezika.<\/li>\n<li>Napi\u0161ite definiciju jezika za ozna\u010davanje (markup).<\/li>\n<li>Navedite primjere jezika za ozna\u010davanje.<\/li>\n<li>Ukratko objasnite razliku izme\u0111u skriptiranja na poslu\u017eiteljskoj i na strani klijenta.<\/li>\n<li>Nabrojite i ukratko objasnite \u010detiri prednosti skriptnih jezika.<\/li>\n<li>&nbsp;Nabrojite \u010detiri primjene skriptnih jezika.<\/li>\n<li>&nbsp;Objasnite \u0161to je hypertext.<\/li>\n<li>Ukratko objasnite \u0161to je HTML DOM.<\/li>\n<\/ol>\n<p><strong>Sustavi boja (<a href=\"https:\/\/www.shutterstock.com\/blog\/complete-guide-color-in-design?kw=&amp;gclsrc=aw.ds&amp;gclid=Cj0KCQjwzbv7BRDIARIsAM-A6-3mlhWprqMOyVW8ZhVRh49hA8E9Oba3H8EogsbAYZ9aaqGHmeNtnvwaAosNEALw_wcB\" target=\"_blank\" rel=\"noopener\">kompletan vodi\u010d<\/a>)<\/strong><\/p>\n<ol>\n<li>Koje sustave boja na zaslonu i pisa\u010du naj\u010de\u0161\u0107e koristimo?<\/li>\n<li>Koje su zna\u010dajke sustava RGB?<\/li>\n<li>U \u010demu je razlika sustava RGBA u odnosu na RGB?<\/li>\n<li>Koje su zna\u010dajke sustava CMYK?&nbsp;<\/li>\n<li>\u0160to zna\u010di kratica UI, a \u0161to UX kod web programiranja?<\/li>\n<li>\u0160to je kota\u010d boja?<\/li>\n<li>Nabrojite&nbsp;primarne boje.<\/li>\n<li>Nabrojite sekundarne boje.<\/li>\n<li>Koje su boje analogne?&nbsp;<\/li>\n<li>Kada su boje monokromatske?&nbsp;<\/li>\n<li>Na koji se na\u010din biraju komplementarne boje?<\/li>\n<li>Kako se boje ozna\u010davaju?<\/li>\n<li>Navedite tri na\u010dina ozna\u010davanja crnog elementa na stranici.<\/li>\n<li>Navedite bar tri na\u010dina ozna\u010davanja da je neki elemenat na stranici bijeli.<\/li>\n<li>Navedite oznake koje bi koristili za element koji je neke sive nijanse.<\/li>\n<li>\u0160to je ekstrahiranje boja neke slike?&nbsp;<\/li>\n<li>\u0160to se ne bi smjelo raditi kod kori\u0161tenja loga naziva tvrtke? Navedite bar tri primjera.<\/li>\n<li>Napi\u0161ite i ukratko objasnite osnovne zna\u010dajke upotrebljivog UI oblikovanja (dizajna)?<\/li>\n<\/ol>\n<p><strong>Proces izrade web sjedi\u0161ta<\/strong><\/p>\n<ol>\n<li>Nabrojite korake (pet do osam) u procesu dizajna i razvoja mre\u017enog sjedi\u0161ta. Opi\u0161ite u nekoliko re\u010denica karakterstiike svakog koraka.<\/li>\n<li>Nabrojite najmanje pet razli\u010ditih tehnologija koje poma\u017eu u procesu razvoja mre\u017enog sjedi\u0161ta. Napi\u0161ite im kratice i ukratko opi\u0161ite \u010demu slu\u017ee.<\/li>\n<li>\u0160to je, odnosno \u0161to opisuje vremenski plan razvoja mre\u017enog sjedi\u0161ta?&nbsp;<\/li>\n<li>&nbsp;\u0160to je mapa sjedi\u0161ta? Skicirajte primjer.<\/li>\n<li>\u0160to je mockup (wireframe)?&nbsp;<\/li>\n<li>\u0160to se podrazumijeva pod pojmom izgled web sjedi\u0161ta (web site layout)?<\/li>\n<li>\u0160to \u010dini tzv. ROT analizu?<\/li>\n<\/ol>\n<hr>\n<\/div>\n<p id=\"gtx-trans\">&nbsp;<\/p>\n<div>\n<p>Kriteriji za ocjene iz predmeta skriptni jezici i web programiranje&nbsp;<\/p>\n<ol>\n<li><strong>Usvojenost programskih sadr\u017eaja<\/strong> (najmanje tri ispita &#8211; Uvod, HTML, CSS)<\/li>\n<li><strong>Primjena<\/strong> (ocjenjene najmanje \u010detiri vje\u017ebe i projekt)<\/li>\n<li><strong>Sudjelovanje u np<\/strong> (najmanje tri do \u010detiri ocjene):\n<ol>\n<li>Ocjena iz postoje\u0107eg sjedi\u0161ta (izgled, sadr\u017eaj, preglednost, boje, \u010ditljivost, upotrebljivost, mogu biti sadr\u017eaji vezani za \u0161kolu, za razne predmete, vje\u017ebe na daljinu i sl., vi\u0161e korisnih sadr\u017eaja omogu\u0107uje bolju ocjenu),<\/li>\n<li>ocjena bilje\u017enice\/bilje\u0161ki<\/li>\n<li>aktivnost pri radu na daljinu i sl.<\/li>\n<li>vladanje i pona\u0161anje za vrijeme sata<\/li>\n<li>redovitost u izvr\u0161avanju obaveza<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<hr>\n<p>Vje\u017ebe:<\/p>\n<p>HTML &#8211; <a href=\"https:\/\/www.geeksforgeeks.org\/html-course-practice-quiz-1\/?ref=lbp\" target=\"_blank\" rel=\"noopener\">Q1<\/a>, <a href=\"https:\/\/codescracker.com\/exam\/showtest.php?subid=4\" target=\"_blank\" rel=\"noopener\">Q2<\/a>,&nbsp;<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sadr\u017eaj Osnove rada&nbsp;Interneta i web sjedi\u0161ta Web sjedi\u0161ta:&nbsp;zbirke datoteka i informacija kojima pristupamo putem ra\u010dunala i poslu\u017eitelja (servera)&nbsp; Poslu\u017eitelji:&nbsp;ra\u010dunala koja spremaju sve podatke web sjedi\u0161ta u veliku mre\u017eu Preglednici:&nbsp;programi koji u\u010ditavaju i ispisuju sadr\u017eaj na ra\u010dunalu Osnovne vje\u0161tine, jezici i alati\/tehnologije&nbsp;razvoja mre\u017enih stranica i sjedi\u0161ta Unos koda &#8211; editori (jsfiddle) Osnove HTML-a, CSS-a i JavaScript-a &hellip; <a href=\"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717\" class=\"more-link\">Nastavi \u010ditati <span class=\"screen-reader-text\">SJWP3 Teme, pitanja i zadaci<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1263,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SJWP3 Teme, pitanja i zadaci - learning creative&amp;openminded\" \/>\n<meta property=\"og:description\" content=\"Sadr\u017eaj Osnove rada&nbsp;Interneta i web sjedi\u0161ta Web sjedi\u0161ta:&nbsp;zbirke datoteka i informacija kojima pristupamo putem ra\u010dunala i poslu\u017eitelja (servera)&nbsp; Poslu\u017eitelji:&nbsp;ra\u010dunala koja spremaju sve podatke web sjedi\u0161ta u veliku mre\u017eu Preglednici:&nbsp;programi koji u\u010ditavaju i ispisuju sadr\u017eaj na ra\u010dunalu Osnovne vje\u0161tine, jezici i alati\/tehnologije&nbsp;razvoja mre\u017enih stranica i sjedi\u0161ta Unos koda &#8211; editori (jsfiddle) Osnove HTML-a, CSS-a i JavaScript-a &hellip; Nastavi \u010ditati SJWP3 Teme, pitanja i zadaci &rarr;\" \/>\n<meta property=\"og:url\" content=\"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717\" \/>\n<meta property=\"og:site_name\" content=\"learning creative&amp;openminded\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-12T06:34:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Procijenjeno vrijeme \u010ditanja\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"http:\/\/kristinka-blazeka-blog.from.hr\/#website\",\"url\":\"http:\/\/kristinka-blazeka-blog.from.hr\/\",\"name\":\"learning creative&amp;openminded\",\"description\":\"\\u201cFirst learn computer science and all the theory. Next develop a programming style. Then forget all that and just hack.\\u201d - George Carrette\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/kristinka-blazeka-blog.from.hr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"hr\"},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717#webpage\",\"url\":\"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717\",\"name\":\"SJWP3 Teme, pitanja i zadaci - learning creative&amp;openminded\",\"isPartOf\":{\"@id\":\"http:\/\/kristinka-blazeka-blog.from.hr\/#website\"},\"datePublished\":\"2020-10-10T17:03:15+00:00\",\"dateModified\":\"2023-05-12T06:34:03+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/kristinka-blazeka-blog.from.hr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SJWP3 Teme, pitanja i zadaci\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717","og_locale":"hr_HR","og_type":"article","og_title":"SJWP3 Teme, pitanja i zadaci - learning creative&amp;openminded","og_description":"Sadr\u017eaj Osnove rada&nbsp;Interneta i web sjedi\u0161ta Web sjedi\u0161ta:&nbsp;zbirke datoteka i informacija kojima pristupamo putem ra\u010dunala i poslu\u017eitelja (servera)&nbsp; Poslu\u017eitelji:&nbsp;ra\u010dunala koja spremaju sve podatke web sjedi\u0161ta u veliku mre\u017eu Preglednici:&nbsp;programi koji u\u010ditavaju i ispisuju sadr\u017eaj na ra\u010dunalu Osnovne vje\u0161tine, jezici i alati\/tehnologije&nbsp;razvoja mre\u017enih stranica i sjedi\u0161ta Unos koda &#8211; editori (jsfiddle) Osnove HTML-a, CSS-a i JavaScript-a &hellip; Nastavi \u010ditati SJWP3 Teme, pitanja i zadaci &rarr;","og_url":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717","og_site_name":"learning creative&amp;openminded","article_modified_time":"2023-05-12T06:34:03+00:00","twitter_card":"summary","twitter_misc":{"Procijenjeno vrijeme \u010ditanja":"3 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"http:\/\/kristinka-blazeka-blog.from.hr\/#website","url":"http:\/\/kristinka-blazeka-blog.from.hr\/","name":"learning creative&amp;openminded","description":"\u201cFirst learn computer science and all the theory. Next develop a programming style. Then forget all that and just hack.\u201d - George Carrette","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/kristinka-blazeka-blog.from.hr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"hr"},{"@type":"WebPage","@id":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717#webpage","url":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717","name":"SJWP3 Teme, pitanja i zadaci - learning creative&amp;openminded","isPartOf":{"@id":"http:\/\/kristinka-blazeka-blog.from.hr\/#website"},"datePublished":"2020-10-10T17:03:15+00:00","dateModified":"2023-05-12T06:34:03+00:00","breadcrumb":{"@id":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/kristinka-blazeka-blog.from.hr\/?page_id=1717#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/kristinka-blazeka-blog.from.hr\/"},{"@type":"ListItem","position":2,"name":"SJWP3 Teme, pitanja i zadaci"}]}]}},"_links":{"self":[{"href":"http:\/\/kristinka-blazeka-blog.from.hr\/index.php?rest_route=\/wp\/v2\/pages\/1717"}],"collection":[{"href":"http:\/\/kristinka-blazeka-blog.from.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/kristinka-blazeka-blog.from.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/kristinka-blazeka-blog.from.hr\/index.php?rest_route=\/wp\/v2\/users\/1263"}],"replies":[{"embeddable":true,"href":"http:\/\/kristinka-blazeka-blog.from.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1717"}],"version-history":[{"count":36,"href":"http:\/\/kristinka-blazeka-blog.from.hr\/index.php?rest_route=\/wp\/v2\/pages\/1717\/revisions"}],"predecessor-version":[{"id":3353,"href":"http:\/\/kristinka-blazeka-blog.from.hr\/index.php?rest_route=\/wp\/v2\/pages\/1717\/revisions\/3353"}],"wp:attachment":[{"href":"http:\/\/kristinka-blazeka-blog.from.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}