{"id":104,"date":"2023-08-26T12:40:01","date_gmt":"2023-08-26T10:40:01","guid":{"rendered":"https:\/\/tematika-fl.com\/blog\/?p=104"},"modified":"2023-08-26T12:40:01","modified_gmt":"2023-08-26T10:40:01","slug":"nauci-da-pravis-sajtove-8-kljucnih-koraka-ka-uspehu","status":"publish","type":"post","link":"https:\/\/tematika-fl.com\/blog\/nauci-da-pravis-sajtove-8-kljucnih-koraka-ka-uspehu\/","title":{"rendered":"Nau\u010di da pravi\u0161 sajtove &#8211; 8 klju\u010dnih koraka ka uspehu"},"content":{"rendered":"<p>Bitno je odmah na po\u010detku naglasiti da je u\u010denje razvoja web sajtova konstantan proces i da se uvek mo\u017ee nau\u010diti ne\u0161to novo. To je logi\u010dno s obzirom da se stalno pojavljuju novi frejmvorkovi za izradu sajtova, stalno izlaze nove verzije HTML, CSS i JavaScript-a s toga je potrebno biti u trendu. U\u010denje web dizajna ne obuhvata samo estetiku ve\u0107 i kreiranje interfejsa koji je lak za kori\u0161\u0107enje, jednostavan a opet prijatan na izgled. U ovom \u010dlanku \u0107emo obraditi tu tematiku i osvrnu\u0107emo se na najbitnije korake.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-105 size-full\" title=\"Nau\u010di da pravi\u0161 sajtove - 8 klju\u010dnih saveta\" src=\"https:\/\/tematika-fl.com\/blog\/wp-content\/uploads\/2023\/08\/nauci-da-pravis-sajtove.jpg\" alt=\"Nau\u010di da pravi\u0161 sajtove - 8 klju\u010dnih saveta\" width=\"900\" height=\"300\" srcset=\"https:\/\/tematika-fl.com\/blog\/wp-content\/uploads\/2023\/08\/nauci-da-pravis-sajtove.jpg 900w, https:\/\/tematika-fl.com\/blog\/wp-content\/uploads\/2023\/08\/nauci-da-pravis-sajtove-300x100.jpg 300w, https:\/\/tematika-fl.com\/blog\/wp-content\/uploads\/2023\/08\/nauci-da-pravis-sajtove-768x256.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<h2>1. Osnove<\/h2>\n<p>Po\u010dnite s osnovnim stvarnima. Klju\u010dno je nau\u010diti <strong>HTML i CSS<\/strong>. HTML pravi strukturu stranica dok CSS odre\u0111uje njihov izgled. Onlajn platforme kao <em>Codeacademy<\/em>, <em>freeCodeCamp<\/em> i <em>W3Schools<\/em> nude najbolje alate za savladavanje HTML-a i CSS-a.<\/p>\n<h2>2. Responziv dizajn<\/h2>\n<p>Upoznajte se sa responzivnim dizajnom. U eri ure\u0111aja razli\u010ditih veli\u010dina sa raznovrsnim dimenzijama ekrana, responzivni dizajn je postao standard. Sajt koji kreirate pre svega treba da se prilagodi svakom ekranu bilo da je u pitanju desktop ra\u010dunar, tablet, lap top ili mobilni telefon. U\u010denje CSS kverija i sistema fleksibilnih linija je klju\u010dna stavka u postizanju dinami\u010dki responzivnog dizajna sajta.<\/p>\n<h2>3.Nau\u010dite UI\/UX principe<\/h2>\n<p>Web dizajn prelazi granice suvog dizajna i estetike. Web dizajn obuhvata i korisni\u010dko iskustvo i bavi se unapre\u0111ivanjem istog. <strong>UI<\/strong> (<em>engl. User Interface<\/em>) i <strong>UX<\/strong> (<em>engl. User Experience<\/em>) su dva sli\u010dna pojma koji uvek idu ruku pod ruku. Adobe platforme kao \u0161to su <strong>Adobe XD<\/strong> i <strong>Figma<\/strong> vam mogu pomo\u0107i u savladavanju ovih principa i kreiranju &#8222;user-oriented&#8220; sajtova.<\/p>\n<h2>4.Baratanje web dizajn alatima i programima<\/h2>\n<p>Kori\u0161\u0107enje pravih alata\/programa \u0107e vam u mnogome olak\u0161ati razvoj web sajtova i unaprediti va\u0161u kreativnost. <strong>Adobe Photoshop i Illustrator<\/strong> su najkori\u0161\u0107eniji od strane web dizajnera ali su tu i <strong>Sketch<\/strong> i <strong>Figma<\/strong> koji su alati orijentisani samo na web dizajn.<\/p>\n<h2>5.Pratite trendove<\/h2>\n<p>Web dizajn konstantno evoluira i trendovi se stalno menjaju. S toga je va\u017eno da uvek pratite \u0161ta se de\u0161ava i sti\u010dete nova znanja.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-106 size-full\" title=\"Saveti za izradu sajtova\" src=\"https:\/\/tematika-fl.com\/blog\/wp-content\/uploads\/2023\/08\/saveti-za-izradu-sajtova.jpg\" alt=\"Saveti za izradu sajtova\" width=\"900\" height=\"300\" srcset=\"https:\/\/tematika-fl.com\/blog\/wp-content\/uploads\/2023\/08\/saveti-za-izradu-sajtova.jpg 900w, https:\/\/tematika-fl.com\/blog\/wp-content\/uploads\/2023\/08\/saveti-za-izradu-sajtova-300x100.jpg 300w, https:\/\/tematika-fl.com\/blog\/wp-content\/uploads\/2023\/08\/saveti-za-izradu-sajtova-768x256.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<h2>6.Izgradite sopstveni portfolio<\/h2>\n<p>Teorija jeste va\u017ena, ali praksa je jo\u0161 va\u017enija. U praksi se najvi\u0161e u\u010di. U\u010dite i pravite sajtove, tako se najbi\u0161e i najbr\u017ee savlada izrada sajtova. Uz to pravite i galeriju svojih radova, odnosno portfolio. Bogat portfolio je odli\u010dna preporuka za budu\u0107e klijente.<\/p>\n<h2>7.Nau\u010dite osnove programiranja<\/h2>\n<p>Kad ka\u017eemo programiranje, najvi\u0161e mislimo na skriptne jezike PHP i JavaScript. Danas imate toliko frejmvorkova za JavaScript da je po\u017eeljno biti upoznat i sa tom problematikom. Ukoliko se pak orijenti\u0161ete na PHP, ne brinite, tu su i OpenSource CMS sistemi. Najpoznatiji me\u0111u njima je <strong>WordPress<\/strong>.<\/p>\n<h2>8.Pove\u017eite se sa kolegama<\/h2>\n<p>Budite u kontaktu sa drugim web dizajnerima i programerima kako biste razmenili iskustva i unapredili va\u0161a znanja. Nailazi\u0107ete na probleme za koje ne\u0107ete imati re\u0161enja dok ne pitate. Bitno je da ste otvoreni i da imate motivaciju za sticanjem novih ve\u0161tina.<\/p>\n<p>Zaklju\u010dno sa ovom ta\u010dkom, zavr\u0161avamo na\u0161u kratku analizu. Bitno je napraviti dobru podlogu u\u010denjem HTML i CSS, savladavanjem UI\/UX principa i programa za dizajn. Ali pre svega, klju\u010d uspeha le\u017ei ne samo u sticanju teorijskog znanja ve\u0107 je mnogo va\u017enije ispraksovati se jer \u0107ete se tako najbr\u017ee napredovati.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bitno je odmah na po\u010detku naglasiti da je u\u010denje razvoja web sajtova konstantan proces i da se uvek mo\u017ee nau\u010diti [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":105,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-dizajn"],"_links":{"self":[{"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/posts\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":1,"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/posts\/104\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/posts\/104\/revisions\/107"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/media\/105"}],"wp:attachment":[{"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/media?parent=104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/categories?post=104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tematika-fl.com\/blog\/wp-json\/wp\/v2\/tags?post=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}