Izrada veb stranica | Uvod
Jeste li se ikada zapitali koliko je potrebno znanja za jednu klasičnu veb (web) stranicu? Ili možda, da li je moguće sve to naučiti putem interneta? Neke od vas će moj odgovor vjerovatno iznenaditi, ali da bi naučili napraviti jednu klasičnu stranicu samo sa HTML-om i CSS-om (kasnije ćemo objasniti šta je šta) potrebno je mjesec dana učenja.
Iako možete na raznim oglasima po internetu primjetiti da postoje ‘akademije’ (čak i u našem regionu) koje traže ogromnu svotu novca da bi se naučilo nešto od toga, vjerujte – ne vrijedi. U narednom tekstu ćemo obraditi mogućnost i isplatljivost učenja veb dizajna i najaviti novi serijal tutorijala na ovome blogu
Zašto da učim kako napraviti veb stranicu?
Šta god da radite na internetu, u većini slučajeva, morat ćete posjetiti određenu veb stranicu, bilo da se radi o pretrazi za onim što vas zanima (Google), komuniciranju sa prijateljima (Facebook), kupovini (eBay) i sl. Kada govorimo o samom početku veb stranica, prvo su služile za podjelu naučnih radova. A danas?! Gotovo za sve.
Uzmite u obzir da ste napravili aplikaciju ili otvorili firmu – vi ćete morati naći način da drugima pokažete šta nudite, a veb stranica je jedan od najboljih načina (pogotovo ako je primamljivo urađena).Na primjer: otvorili ste trgovinu sa računarskom periferijom. Veb stranica će omogućiti svima da pogledaju šta imate u ponudi, a ako ste omogućili i onlajn kupovinu onda ćete povećati svoj obim poslovanja. S jedne strane, ako ste u ovoj poziciji onda nećete morati dati određenu svotu novca nekome da vam napravi veb stranicu, a s druge strane, možda vi budete osoba od koje će druge osobe tražiti da joj napravite veb stranicu. Smatram da će znanje o veb dizajnu biti svima od velike koristi.
Najbolje mjesto za učenje
Kao što sam rekao u uvodu, bez novca ne možete naučiti puno toga na kvalitetan način. Na engleskom jeziku ima bogata ponuda tutorijala, ali ako uzmemo u obzir da većina današnjih korisnika na našim prostorima ne zna engleski jezik u mjeri da bi se preko njega educirao, onda ćemo se fokusirati na ‘srpskohrvatski’ jezik.
Prije nego što krenemo dalje, ako neko zna engleski jezik dobro i želi da uloži u svoju edukaciju, onda preporučujem da se registrira na Treehouse (teamtreehouse.com). Za 25$ mjesečno imate bogatu ponudu tutorijala koji su jako dobro odrađeni. Po mom mišljenju – najbolja veb stranica za učiti development.
Istraživao sam po Google-u (glumeći osobu koja želi naučiti veb dizajn) kucajući „html tutorijali“, „kako napraviti veb stranicu“ i sl. da je ponuda veoma stara i nekvalitetna. Na prvoj stranici pretrage nisam našao ono što sam tražio.
Ustvari, našao sam par tutorijala na kojem neki klinac mrmlja (bez uvrede momak, ali čim sam te čuo odmah sam zaustavio tutorijal) ili pak kako neko objašnjava kako da putem veb sa napravite u PAR KORAKA veb stranicu (uz hrpu reklama i sl. gluposti).
Upravo zbog toga odlučio sm da pokušam kroz par tutorijala objasniti FeD (front end development) na ovome blogu. Prije svega, preći ćemo same osnove, a potom preći na malo teže teme. Nakon toga imat ćete jaku osnovu, ali i mogućnost da na jednostavan način širite svoje znanje.
Sve je to zamišljeno na princip da objašnjavam kod, a da s tim kodom pravimo veb stranicu. Nakon što je napravimo, objasniću vam gdje da tražite još ‘komandi’ (kasnije ćemo preći na stručne izraze) koje ćete moći implementirati u narednim projektima.
WordPress?!
Vjerovatno ne želite da se zamarate puno sa kodom i da trošite svoje vrijeme na programiranje zbog određenih razloga. Pretpostavio sam i da ima takvih pa sam odlučio i da paralelno sa FeD-om vodim i osnove WordPress administracije tako da ukratko naučite kako upravljati nekom gotovom WordPress stranicom. Obradićemo i najčešće probleme, must-have dodatke i sl. Pretpostavljam da će ovo stati u 2 tutorijala.
Priprema za serijal
U narednom tutorijalu krenut ćemo odmah sa kodom pa bilo bi dobro da odmah sad nabavite sve potrebno jer tamo neću to objasniti, nego samo referirati na ovaj članak.
Kod možete pisati i u Notepad-u, ali ja ću koristiti tekst editor koji se zove Brackets. Instalacija je veoma jednostavna. Otvorite setu i idete samo next i to je to.
Ako ima i naprednijih korisnika, svakako preporučujem da skinete MAMP tako da imate i neki server.
I to je to!
Završna riječ
Kako vam se sviđa ideja? Da li ste vi od onih koji žele da nauče nešto od gore spomenutog? Svaka kiritika i prijedlog će svakako biti od velike koristi. Hvala vam ako ste pročitali članak do kraja i ‘vidimo se’…
Živjeli!
Ukoliko želite i vi da podelite sa zajednicom svoja iskustva, zapažanja, razmišljanja, uputstva ili bilo šta vezano za IT - dobrodošli ste na Kompjuteraš blogu. Više na ovom linku
rada
04/05/2015 @ 09:29
Divno je da dobijemo još jedan tutorijal za HTML i CSS, pa i WP.
Nisam razumela da li će Alem objasniti HTML i CSS preko WP, ili odvojeno, jer u suštii WP je PHP. Tu je malo nejasan.
To može učenike zbuniti.
Pogledala sam teamtreehouse, ali ne vidim pregled koje programe nude za učenje. ipak našla spisak…
Zbog toga bih samo da dodam na ovaj Alemov predlog još jedan odličan online tutorijal, idealan za učenje, ne samo HTML i CSS, nego mnoštvo drugih softvera, a isto za malo novca:
digitaltutors.com
Ne želeći nikako da umanjim vrednost Alemovog truda, unapred, nego samo kao za dodatno učenje, imamo mi i na srpskom dobrih predloga za HTML i CSS, ne bih ja njih preskočila:)
Pogledati na YT:
Prvi je :
Kako napraviti sajt? | Dreamweaver lekcije | PART 1
Drugi:
HTML Tutorijal – 1. Kako skinuti text editor
Treći:
HTML tutorijal – Osnove html kodiranja #1
Srećno, pratim vas 🙂
Alem
04/05/2015 @ 10:01
Drago mi je da Vam se sviđa ideja. Što se tiče Vaše nejasnoće; ja ću objasniti HTML i CSS odvojeno, a za one koji ne žele da uče to sve od početka itd. onda ću objasniti osnove WordPress ADMINISTRACIJE, što znači da učenje PHPa u ovome slučaju neće biti potrebno.
Najbolje bi bilo da na Treehouse aktivirate trial account koji će trajati 7 dana pa da se upoznate sa njihovom ponudom bolje i onako iz prve ruke, jer HTML i CSS je samo jedan od većeg broja mogućnosti za učenje.
Znam da je u jednu ruku lakše učiti i preko klipova, toga sam se već gore dotakao, ali smatram da to nije dovoljno dobro jer sam prvi ja učio tako i vidio da ne ide. Ali to sam samo ja.
Ukoliko bude prijedloga, može se u tekstovima, pored objašenjenja i svega, dodati YouTube video na kojem ću „demonstrirati“ naučeno, čisto da ne pišemo po sajtu previše koda. Ali o tome kasnije, tek je početak. Vidjećemo šta će drugi reći.
rada
04/05/2015 @ 10:25
Potpuno se slažem s tobom (da budemo manje formalni 🙂 )
da je učenje samo preko video sadržaja/tutorijala nedovoljno.
Ja učim decu u Komp Kampu HTML i CSS i jedva čekam i tvoj tutorijal,
da deca imaju veći izbor za učenje.
( i ja učim svakodnevno, toga nikada nije višak 🙂 ).
Btw. odličan ti je izbor editora (Y)
Čekamo nastavak.
Gospodin Popara
04/05/2015 @ 10:40
Hvala kur*u da se neko sa ovih prostora setio da piše o web tehnologijama. Svi znaju a čuvaju znanje ko zmija noge.
Hvala Alemu!
X
04/05/2015 @ 16:49
Ovo si nas samo naložio da čekamo sledeći tekst? :o)
elementhttp
05/05/2015 @ 00:52
Evo par dobrih kanala:
– phpacademy back-end
https://www.youtube.com/user/phpacademy
– DevTips -front-end design
https://www.youtube.com/user/DevTipsForDesigners
-TheNewBoston -tutorijali za pocetnike
https://www.youtube.com/user/thenewboston
Alem
12/06/2015 @ 00:52
Prije davno sam gledao TheNewBostona i mogu reći da super objašnjava. I dan danas se sjećam nekih njegovih savjeta, kao npr. da ne koristimo tag nego jer koriste samo totalni početnici i tako dajemo loš dojam o sebi kao developeru pred stručnjacima itd itd 🙂 Preporuka svakako, hvala na listi.1
Alem
12/06/2015 @ 00:54
Lapsus 🙂
Da ne koristimo BOLD nego STRONG jer BOLD koriste samo …*
Ajvan Trejs
05/05/2015 @ 16:34
Moze, bravo!
Ajvan Trejs
14/05/2015 @ 17:48
Šta bi? 😀
Alem
12/06/2015 @ 00:48
Kratka pauza zbog školskih i poslovnih obaveza! Nastavak bi već danas trebao biti na stranici ako sve bude kako treba. 🙂
Milos M
08/06/2015 @ 15:49
Cekamo sa nestrpljenjem!
Alem
12/06/2015 @ 00:47
Drago mi je to čuti! Nastavak tutorijala je napisan i čeka se da ga Darko provjeri i objavi danas/sutra ako sve bude u redu.
Goran
05/10/2015 @ 16:23
Kad krece ovo. Jedva cekam.
Kompjuteraš blog
05/10/2015 @ 16:29
Gorane,
Alemovi tutorijali se nastavljaju na njegovom sajtu koji počinje sa radom: http://tutorijalend.com
Goran
08/10/2015 @ 14:28
Hvala Darko