Web dizajn-kako poceti uciti?

[HSNeandertalis]

Kao sto naslov kaze,hocu da pocnem uciti web dizajn,radio sam neke sajtove kao(vjezbao) u WP,ali necu vise to da radim bez da naucim HTML,CSS,PHP ili sta vec treba. O gore pomenutim programima ne znam NISTA,ali hocu da ucim pa me interesuje koje sve tacno programe trebam da ucim,u kojim programima pisem te programe i ako znate neke stranice gdje su najkvalitetniji tutorijali za te programe?
Znaci,hocu da jednog dana,kada naucim,mogu praviti "prave" sajtove,ne neke gluposti,tako da kada mi predlazete sta trebam uciti, preko kojih programa pisem te programe i ostalo,slobodno mi dajte "profesionalnu varijantu",bez obzira sto je ona mozda komplikovana,i sto postoji nesto jednostavnije,meni je najbitnije da naucim dobro raditi. Vremena i volje imam.

[KhongLo]

Naletio sam na to odgovor na to pitanje na jednom drugom forumu, pa evo link. Uz sve tamo navedeno, imaš još i Codecademy, a neki vole i Codebabes

[doky]

Nisu bitni programi nego jezici, možeš ti sve napraviti i u Notepadu ako želiš. Naravno tu su HTML i CSS osnova svega tako da bi se svakako prvo njima trebao posvetiti i na ostale stvari preći tek kada ove jako dobro pohvataš no praktički svi tutoriali su tako i izvedeni.

I za dobar dizajn treba poznavati jako dobro tipografiju i multimediu tako da i na to obrati pozornost tokom "učenja" jer đabe ti svo poznavanje jezika i developmenta ako radiš izgledom odron od stranice.

[HSNeandertalis]

Autor doky

Nisu bitni programi nego jezici, možeš ti sve napraviti i u Notepadu ako želiš. Naravno tu su HTML i CSS osnova svega tako da bi se svakako prvo njima trebao posvetiti i na ostale stvari preći tek kada ove jako dobro pohvataš no praktički svi tutoriali su tako i izvedeni.

I za dobar dizajn treba poznavati jako dobro tipografiju i multimediu tako da i na to obrati pozornost tokom "učenja" jer đabe ti svo poznavanje jezika i developmenta ako radiš izgledom odron od stranice.

Na jezike sam i mislio,pogresno sam se izrazio. Znaci prvo ucim HTML pa onda CSS? I Notepad ++ je najbolji program u kojem pisem,ili postoji nesto bolje?

[RascaL]

Ja sam počeo prije 2 tjedna i zaradio 2000kn za prvu stranicu haha (dizajn logotipa uključen).

Za kompliciranije stvari će ti trebat Dreamweaver (potpuna sloboda programiranja) ali Adobe Muse je najjednostavniji za početak (možda je grafički dizajn jedini preduvjet).

YouTube ima dovoljno tutoriala za napravit pošten sajt. Muse, iako naizgled prejednostavan, ima i mogućnost dodavanja css koda po potrebi, a u konačnici sam generira npr. html koji možeš proučavat ako te zanima.

[Milentije]

Za pocetak i same osnove mozes pogledati ovde:
http://www.w3schools.com/

[wnbeeeE]

Autor RascaL

Ja sam počeo prije 2 tjedna i zaradio 2000kn za prvu stranicu haha (dizajn logotipa uključen).

Za kompliciranije stvari će ti trebat Dreamweaver (potpuna sloboda programiranja) ali Adobe Muse je najjednostavniji za početak (možda je grafički dizajn jedini preduvjet).

YouTube ima dovoljno tutoriala za napravit pošten sajt. Muse, iako naizgled prejednostavan, ima i mogućnost dodavanja css koda po potrebi, a u konačnici sam generira npr. html koji možeš proučavat ako te zanima.

KRIVO. Za bilo kakve stvari ti neće trebati dreamweaver, nitko ga ne koristi i taj alat ne vrijedi ničemu ukoliko se radi bilo što imalo ozbiljnije od susjedovog sina, kamoli za one koji tek počinju.

Nikakvi alati te ne zanimaju osim možda sublime text editor iu početku - kao simpa i brz tekst editor, no totalno je nebitno.
Što manje alat ima pomagala tim bolje za početnika. Sublime + browser i udri miško. Savladaj html i css kako treba, da znaš točno zašto display:block, zašto float itd. Ubrzo ces naici i na css preprocesor tipa less ili sass (neces moci bez ovoga, a i neces trebati), tako da čitaj i o tome.

Photoshop / Illustrator laganini usput ako zatrebaju za mockupe/ikonice i sl. Osobno preferiram kombinaciju photoshopa i illustratora, jer u illustratoru mogu imati 20 verzija istog dizajna na jednom .ai fileu. A psd fileove možeš lako includati u .ai projekte.

Preporučam treehouse za preletiti osnove za illustrator.
Čitaj, googlaj, pozdravi codeschool/treehouse, pokoju dobru uvodnu html/css knjigu i uvati se posla.
Danas uz sve resource ti je dovoljna samo volja, ništa drugo. Stackoverflow će ti biti najbolji prijatelj.

[HSNeandertalis]

Ok znaci HTML prvo,sta mislite da li je ovo najbolji moguci pocetak?
http://www.w3schools.com/ sto je Milentije dao,da prodjem sve ovo sto kod njih ima o HTML za pocetak?

[wnbeeeE]

ovo ti je najbolji mogući početak
http://www.amazon.com/HTML-CSS-Desig...bs_379357011_1

+

treehouse/codeschool

Moj savjet - ulozi koju kunu ako si ozbiljan.

[Mileni]

Autor HSNeandertalis

Na jezike sam i mislio,pogresno sam se izrazio. Znaci prvo ucim HTML pa onda CSS? I Notepad ++ je najbolji program u kojem pisem,ili postoji nesto bolje?

SublimeText (iako moze bilo sta, no kao sto kolega kaze, bjezati od WYSIWYG editora), krenut sa html-om kojeg lako nadogradis sa CSS-om. To ustvari i nije programiranje.

Onda se odlucit, da li zelis biti backend (php npr.) ili frontend (javascript npr.) developer.

Neka nitko ne racuna da ce za 3 tjedna kreirati prekrasne stranice. Jer sve da se to (barem osnove) i svlada u kratkom periodu, treba dosta iskustva i znanja da bi se radile kompliciranije stvari.

Netko bolje uci uz text (nevazno dal je knjiga ili tutorial u pitanju), dok drugi lakse uce uz video. Na jubitou ima pregrst besplatnih videa, a i coursera obiluje sa dosta toga. Ima tona besplatnih stvari, lako se sve da nauciti ovih dana.

Da mi je barem bilo sve to kad sam ja krenuo... Ali se valjda zato i bolje nauci na 'oldschool' nacin

[xGAME]

Za dizajn: PS i Illustrator
Za kodiranje: Notepad, w3schools, neki codeacademy.

Ubaci u to pinterest i googlanje "best looking sites" da vidiš kako što izgleda i polako se prilagođavaj trendu.

[wnbeeeE]

ma w3schools je boring, w3schools ti moze sluziti jedino kao referenca kada zapneš.

Uči na konkretnom projektu, a za to ti je najbolja kvalitetna knjiga.
Osobno sam savladao sve kroz dobre knjige jer ti one govore cijelu priču, ne samo kako, nego i zašto.

Isto tako itekako se isplati ulupat love u treehouse, tamo ces nauciti sve sto ti je potrebno - ponavljam --> SVE. Codeacademy je super za preletit na 10minuta, ali to je sve prešturo.. mada za početak je super.

[fre@k]

Manje se zamaraj s cime ces krenuti, i samo pocni citat nakon nekog vremena ces sam skuziti sta ti treba i pocet ces neke osnovne pojmove googlat. Iskreno po meni za ono najosnovnije thenewboston je vrlo dobro stranica s kratkim i jasnim stvarima koje su prikazane kroz video.

https://www.thenewboston.com/videos.php?cat=43

[wnbeeeE]

mislim da je bitno sa čime kreće, jer nije isto učit chunk po chunk koda totalno nepovezano kao kod newbostona nego krenuti odmah sa izradom prvog projekta, postepeno i 100% ispravno.

Kako god okrene, ako utroši dovoljno vremena i truda, stići će do cilja kojim god putem išao

A i ima nešto u ponavljanju. Naučiš na jednom mjestu, isprobaš, vratiš se na početak naučiš na drugom i fino se zabetonira znanje.

[HSNeandertalis]

Jos jedno pitanje imam,sta mislite o Lynda tutorijalima,da li bih sa njima mogao nauciti nesto?

[wnbeeeE]

naravno, Lyndini materijali su super za one koji vole učiti iz videa. Uči iz više izvora, ne samo jednog.

Probaj učiti iz knjige, probaj iz lyndinih videa, probaj sa servisa poput treehousea gdje nije da samo gledaš video nego odmah rješavaš kvizove i kodiraš.

Vidi što ti najbolje paše.

[HSNeandertalis]

Autor wnbeeeE

naravno, Lyndini materijali su super za one koji vole učiti iz videa. Uči iz više izvora, ne samo jednog.

Probaj učiti iz knjige, probaj iz lyndinih videa, probaj sa servisa poput treehousea gdje nije da samo gledaš video nego odmah rješavaš kvizove i kodiraš.

Vidi što ti najbolje paše.

Ok,hvala na pomoci,i tebi i svima ostalima,od sutra pocinjem sa radom.