Израда веб страница | Увод

Израда WEB старницаЈесте ли се икада запитали колико је потребно знања за једну класичну веб (web) страницу? Или можда, да ли је могуће све то научити путем интернета? Неке од вас ће мој одговор вјероватно изненадити, али да би научили направити једну класичну страницу само са HTML-ом и CSS-ом (касније ћемо објаснити шта је шта) потребно је мјесец дана учења.

Иако можете на разним огласима по интернету примјетити да постоје ‘академије’ (чак и у нашем региону) које траже огромну своту новца да би се научило нешто од тога, вјерујте – не вриједи. У наредном тексту ћемо обрадити могућност и исплатљивост учења веб дизајна и најавити нови серијал туторијала на овоме блогу

Зашто да учим како направити веб страницу?

Шта год да радите на интернету, у већини случајева, морат ћете посјетити одређену веб страницу, било да се ради о претрази за оним што вас занима (Google), комуницирању са пријатељима (Facebook), куповини (eBay) и сл. Када говоримо о самом почетку веб страница, прво су служиле за подјелу научних радова. А данас?! Готово за све.

Узмите у обзир да сте направили апликацију или отворили фирму – ви ћете морати наћи начин да другима покажете шта нудите, а веб страница је један од најбољих начина (поготово ако је примамљиво урађена).

На примјер: отворили сте трговину са рачунарском периферијом. Веб страница ће омогућити свима да погледају шта имате у понуди, а ако сте омогућили и онлајн куповину онда ћете повећати свој обим пословања. С једне стране, ако сте у овој позицији онда нећете морати дати одређену своту новца некоме да вам направи веб страницу, а с друге стране, можда ви будете особа од које ће друге особе тражити да јој направите веб страницу. Сматрам да ће знање о веб дизајну бити свима од велике користи.

Најбоље мјесто за учење

Као што сам рекао у уводу, без новца не можете научити пуно тога на квалитетан начин. На енглеском језику има богата понуда туторијала, али ако узмемо у обзир да већина данашњих корисника на нашим просторима не зна енглески језик у мјери да би се преко њега едуцирао, онда ћемо се фокусирати на ‘српскохрватски’ језик.

Прије него што кренемо даље, ако неко зна енглески језик добро и жели да уложи у своју едукацију, онда препоручујем да се регистрира на Treehouse (teamtreehouse.com). За 25$ мјесечно имате богату понуду туторијала који су јако добро одрађени. По мом мишљењу – најбоља веб страница за учити девелопмент.

Истраживао сам по Google-у (глумећи особу која жели научити веб дизајн) куцајући „html туторијали“, „како направити веб страницу“ и сл. да је понуда веома стара и неквалитетна. На првој страници претраге нисам нашао оно што сам тражио.

Девс

Уствари, нашао сам пар туторијала на којем неки клинац мрмља (без увреде момак, али чим сам те чуо одмах сам зауставио туторијал) или пак како неко објашњава како да путем веб са направите у ПАР КОРАКА веб страницу (уз хрпу реклама и сл. глупости).

Управо због тога одлучио см да покушам кроз пар туторијала објаснити FeD (front end development) на овоме блогу. Прије свега, прећи ћемо саме основе, а потом прећи на мало теже теме. Након тога имат ћете јаку основу, али и могућност да на једноставан начин ширите своје знање.

Све је то замишљено на принцип да објашњавам код, а да с тим кодом правимо веб страницу. Након што је направимо, објаснићу вам гдје да тражите још ‘команди’ (касније ћемо прећи на стручне изразе) које ћете моћи имплементирати у наредним пројектима.

WordPress?!

Вјероватно не желите да се замарате пуно са кодом и да трошите своје вријеме на програмирање због одређених разлога. Претпоставио сам и да има таквих па сам одлучио и да паралелно са FeD-ом водим и основе WordPress администрације тако да укратко научите како управљати неком готовом WordPress страницом. Обрадићемо и најчешће проблеме, must-have додатке и сл. Претпостављам да ће ово стати у 2 туторијала.

Припрема за серијал

У наредном туторијалу кренут ћемо одмах са кодом па било би добро да одмах сад набавите све потребно јер тамо нећу то објаснити, него само реферирати на овај чланак.

Код можете писати и у Notepad-у, али ја ћу користити текст едитор који се зове Brackets. Инсталација је веома једноставна. Отворите сету и идете само next и то је то.

Ако има и напреднијих корисника, свакако препоручујем да скинете MAMP тако да имате и неки сервер.

И то је то!

Завршна ријеч

Како вам се свиђа идеја? Да ли сте ви од оних који желе да науче нешто од горе споменутог? Свака киритика и приједлог ће свакако бити од велике користи. Хвала вам ако сте прочитали чланак до краја и ‘видимо се’…

Живјели!