Za razvoj i dizajn web-stranice, odnosno za web-development, neophodno je dobro poznavanje Hypertext Markup Language ili HTML jezika, kao i Cascading Style Sheets ili CSS \u2013 a. Front-end razvoj web-stranica ili web-development podrazumijeva upotrebu, ne samo html i css, ve\u0107 i JavaScript kodova.<\/p>\n\n\n\n
HTML je standardni prezentacijski jezik za izradu web-stranica, odnosno jezik u kome se koriste odre\u0111eni elementi predstavljeni oznakama (tagovima) kako bi se izgradila web-stranica.
CSS predstavlja stilski jezik koji se koristi za dizajn izgleda web-stranice, odnosno koristi se za prikaz sadr\u017eaja napisanog u HTML dokumentu na odre\u0111eni na\u010din.<\/p>\n\n\n\n
Online postoji mno\u0161tvo kurseva i tutorijala pomo\u0107u kojih mo\u017eete nau\u010diti osnove html i css jezika, a tako\u0111e postoji i mno\u0161tvo resursa koje mo\u017eete koristiti u web dizajnu. U nastavku su navedeni najbolji resursi koje mo\u017eete koristiti kao dodatnu pomo\u0107 u razvoju i dizajnu stranice.<\/p>\n\n\n\n
Najbolji resursi za u\u010denje html i css jezika su slijede\u0107i: W3Schools, MDN, Alligator, HTML cheat sheet, CSS cheat sheet, CSS-Tricks, Web Design Weekly i mnogi drugi.<\/p>\n\n\n\n
W3Schools<\/a><\/strong><\/p>\n\n\n\n W3Schools je odli\u010dna polazna ta\u010dka za u\u010denje teorije, ali i primjene i html jezika i css jezika. Posjeduju veliku zbirku tutorijala koji se kre\u0107u od onih za po\u010detnike do onih za napredni nivo. W3Schools u\u010di i JavaScript i jo\u0161 mnogo toga. Jedan je od najboljih resursa za u\u010denje web dizajna, sa detaljno obja\u0161njenim na\u010dinima i principima po kojima funkcioni\u0161u kodovi.<\/p>\n\n\n\n Mozilla Developer Network<\/a><\/strong><\/p>\n\n\n\n Mozilla Developer Network ili MDN je jedan od najpopularnijih besplatnih resursa za u\u010denje web dizajna sa najbogatijim sadr\u017eajem koji se redovno a\u017eurira. Osim dokumentacije vezane za html i css, mo\u017eete u\u010diti i Java Script, SVG, WEB API i drugo.<\/p>\n\n\n\n Alligator.io<\/a><\/strong><\/p>\n\n\n\n Aligator podu\u010dava tehnikama i trendovima u savremenom web dizajnu. Na ovoj stranici mo\u017eete prona\u0107i mno\u0161tvo razli\u010ditih tema vezanih za web dizajn. Ova stranica pokriva teme kao \u0161to su Angular, React, Vue.js, JavaScript, CSS, Node.js i GraphQL.<\/p>\n\n\n\n HTML cheat sheet<\/a><\/strong><\/p>\n\n\n\n HTML Cheat Sheet uklju\u010duje potpunu listu html elemenata, opise tih elemenata, prakti\u010dne primjere koda i sli\u010dno. Svi elementi su organizovani po kategorijama, a mo\u017eete ih preuzeti i kao PDF.<\/p>\n\n\n\n html.com<\/a><\/strong><\/p>\n\n\n\n Html.com nudi cijeli niz tutorijala za po\u010detnike, ali i za iskusne web dizajnere. Html kodovi su obja\u0161njeni detaljno, od osnovnih oznaka do potpune izrade web-stranice.<\/p>\n\n\n\n CSS cheat sheet<\/a><\/strong><\/p>\n\n\n\n CSS Cheat Sheet olak\u0161ava rad sa css-om, obja\u0161njava css u potpunosti. Svaka css oznaka je obja\u0161njena do detalja, \u010demu slu\u017ei i kako funkcioni\u0161e. Ovaj besplatan resurs mogu koristiti i po\u010detnici i iskusni dizajneri.<\/p>\n\n\n\n CSS-Tricks<\/a><\/strong><\/p>\n\n\n\n CSS-Tricks, osim \u0161to nudi niz korisnih savjeta i dokumenata o css-u, tako\u0111er nudi i korisne informacije vezane za html. Svaki napisani \u010dlanak na ovom blogu prati odre\u0111enu temu vezanu za css ili html, kao \u0161to su npr. animacije na slikama i sli\u010dno, stoga je preporu\u010dljiv za one koji imaju osnovno predznanje iz ove oblasti. CSS-Tricks se svakodnevno a\u017eurira i tu mo\u017eete na\u0107i odgovore na ve\u010dinu pitanja i pote\u0161ko\u0107a koje susre\u0107ete u procesu kodiranja.<\/p>\n\n\n\n ONLINE KURSEVI ZA U\u010cENJE HTML I CSS JEZIKA<\/p>\n\n\n\n Osim resursa u vidu tutorijala, blogova, \u010dlanaka i sli\u010dne dokumentacije, postoji i cijeli niz veoma korisnih online kurseva za u\u010denje html i css kodova. Neki od njih su: CodeAcademy, Lynda, Udemy, Udacity, Treehouse, Coursera itd.<\/p>\n\n\n\n Free code camp<\/a><\/strong><\/p>\n\n\n\n Free Code Camp nudi opse\u017ean nastavni plan i program koji pokriva temeljne principe web dizajna, uklju\u010duju\u0107i temeljno obja\u0161njenje css-a. Free Code Camp ima interaktivnu postavku koja uklju\u010duje okru\u017eenje za testiranje koda u\u017eivo s vi\u0161e prozora ugra\u0111enih direktno u pretra\u017eiva\u010d. Kursevi se \u010desto a\u017euriraju i mo\u017eete u\u010diti prema \u017eeljenom tempu. Tako\u0111er, omogu\u0107ena je komunikacija sa drugim programerima putem chatroom-a. Ovaj kurs je u potpunosti besplatan, a osim html i css kodova, mo\u017eete nau\u010diti i JavaScript, Git & GitHub, D3.js itd.<\/p>\n\n\n\n CodeAcademy<\/a><\/strong><\/p>\n\n\n\n CodeAcademy je besplatan resurs za prakti\u010dno i interaktivno u\u010denje web dizajna. Besplatni kursevi na ovoj platformi uklju\u010duju i osnove css i html, Pro verzija koja se pla\u0107a nudi niz naprednih programa uz koje dobijete i certifikat.<\/p>\n\n\n\n Lynda<\/a><\/strong><\/p>\n\n\n\n Lynda, kao jedna od vode\u0107ih online platformi za u\u010denje, nudi niz kurseva iz razli\u010ditih oblasti, uklju\u010duju\u0107i i html i css, ali i JavaScript. Kursevi se kre\u0107u od onih za po\u010detnike do onih za napredniji nivo znanja. Lynda nije besplatna platforma, ali prvi mjesec je besplatan, za testiranje platforme.<\/p>\n\n\n\n Udemy<\/a><\/strong><\/p>\n\n\n\n Udemy je online platforma i odli\u010dan resurs za izu\u010davanje raznih oblasti, od digitalnog marketinga preko grafi\u010dkog dizajna do web dizajna. Kursevi koje imaju u ponudi se kre\u0107u od onih za u\u010denje osnova do onih za napredni nivo znanja, a mo\u017eete ih kupiti i po cijeni od $10 (kada su sni\u017eenja).<\/p>\n\n\n\n Coursera<\/a><\/strong><\/p>\n\n\n\n Coursera je online platforma za u\u010denje koja u saradnji sa ameri\u010dkim univerzitetima nudi programe iz razli\u010ditih nau\u010dnih oblasti, uklju\u010duju\u0107i digitalni marketing i web dizajn. Kursevi koje nudi Coursera traju do 10 sedmica, nakon \u010dega dobijete i certifikat. Neki od kurseva na ovoj platformi su besplatni, a neki se pla\u0107aju nakon probnog perioda od 7 dana.<\/p>\n\n\n\n Udacity<\/a><\/strong><\/p>\n\n\n\n Na platformi Udacity, izme\u0111u ostalog, mo\u017eete nau\u010diti i o front-end razvoju, \u0161to uklju\u010duje html, css i JavaScript. Programi za web-developera koje nudi Udacity traje 4 mjeseca i kre\u0107u se oko $ 350\/mjese\u010dno. Ovi programi podrazumijevaju izradu najmanje 5 projekata (web-stranica), koje mo\u017eete uklju\u010diti u svoj CV.<\/p>\n\n\n\n