Jak rozpocząć naukę z tworzeniem stron

’Tworzenie stron’ to trochę obszerny temat, więc dobrze na wstępnie określić czego chcemy się konkretnie uczyć. Do wyboru mamy kilka dróg:

• web designer – czyli tworzenie layoutu
• web developer, programista, który też dzieli się na:
  – front-end, czyli kodowanie warstwy widocznej, tego, co przygotował grafik. Podstawą jest znajomość HTML/CSS/JS
  – back-end, czyli kodowanie całej mechaniki strony, tego, co jest pod spodem. Tutaj też możemy mieć kilka dróg, w jakich językach chcemy programować, obecnie najpopularniejszy jest chyba PHP/MySQL
• web everything, czyli full stack developer, mam na myśli drogę, gdy chcesz się uczyć zarówno fron- jak i back- endu. Raczej większość osób odradzi ci tej drogi i zasugeruje specjalizację w jednej dziedzinie. Jednak nic nie stoi na przeszkodzie, póki masz czas i chęci uczyć się wszystkiego (ja tak zrobiłem).

Oczywiście to tylko nazewnictwo więc na początek ważne, żeby wiedzieć co chce się robić a nie jak się to nazywa;)

Web Designer

Masz duszę artysty? Lubisz projektować i pomysły nigdy ci się nie kończą? Potrafisz się już posługiwać Pothoshopem? Super! Mogłoby się wydawać, że to wystarczy, aby projektować stronki. Niestety ta opcja również wymaga nauki mnóstwa wiedzy teoretycznej.

Oczywiście podstawowym narzędziem będzie Photoshop. Jeśli nie chcesz inwestować to alternatywą będzie darmowy Gimp. Osobiście sam zaczynałem naukę grafiki w Gimpie i pracowałem w nim jakieś 1,5 roku. Mogę ci powiedzieć, że jeśli chodzi o web design jesteś w stanie zrobić praktycznie to samo co w Photoshpie jednak zajmie to więcej czasu, a PS zdecydowanie przyda się bardziej w przyszłości.

Jak uczyć się programów graficznych? Tworząc! Znajdź jakieś forum, tutoriale (na YT jest tego mnóstwo) i baw się – to najlepszy sposób.

Oprócz znajomości programów przyda Ci się wiedza teoretyczna, o której wcześniej pisałem. Możesz ją znaleźć na różnych forach, blogach czy książkach.

Front-end developer

W tej chwili jest to chyba najintensywniej rozwijająca się działka. Z jednej strony to dobrze, bo co chwile pojawia się nowe narzędzie ułatwiające prace, ale z drugiej strony coraz ciężej nadążyć za wszystkimi nowościami. Osobiście lubię front-end, jest to takie połączenie programowania z designem (w przypadkach, gdy strona jest bardziej interaktywna).

Droga jest prosta: HTML + CSS, następnie JS (i jego biblioteka jQuery – myślę, że jednak cały czas warto ją znać). Od razu dorzuciłbym Less albo Sass, żeby ułatwić sobie sprawę z CSS. Gdy to opanujesz to dobry początek, żeby wziąć się za frameworki;)

Back-end developer

Wspomniałem wcześniej, że istnieje kilka dróg. Możesz tworzyć strony w Pythonie, Ruby, Perl, ASP.NET, JS, PHP… Jest w czym wybierać.

PHP jest obecnie na większości stron dlatego o nim piszę. Jest łatwy w nauce, ale niestety ma burdel w nazewnictwie funkcji i trzeba się w nim sporo napisać. Od PHP ciężko uciec, ponieważ to właśnie w nim są stworzone wszystkie najpopularniejsze CMSy jak WordPress, Drupal, Joomla czy systemy sklepowe (Prestashop, Magento itd.). Nawet jeżeli wybierzesz inny język to znajomość PHP na pewno się przyda.

Oprócz PHP koniecznością jest znajomość baz danych, czyli dobrze znać chociaż podstawy składni SQL i system, które tę bazę obsłuży. Na początek najlepszy będzie MySQL. Te 2 technologie tak naprawdę wystarczą na początek. Z czasem dojdą frameworki PHP lub inne bazy.

Full stack

Jeśli chcesz poznać po trochu każdej opcji, bądź gotowy na poświecenie mnóstwa czasu. Podam ci w jakiej kolejności można się uczyć na przykładzie strony:

Na początek stwórz layout, czyli grafikę swojej strony. Następnie ją potnij i zakoduj w HTMLu oraz ostyluj w CSS. Masz już podstawę. Jeżeli są tam jakieś mechanizmy jak logowanie, wczytywanie różnych stron to zakoduj je w PHP, a jeżeli treść będzie dynamiczna to podłącz ją pod bazę danych (MySQL). Super w tej chwili masz już w pełni funkcjonalną stronę. Warto ją ożywić i dodać trochę JavaScriptu. Teraz już naprawdę koniec.

Żeby następnym razem przyśpieszyć pracę dorzuć jakiś framework, np. CakePHP (PHP), Sass/Less (CSS), jQuery (JS), Bootstrap (HTML/CSS). Dalej warto zacząć automatyzować prację i dorzucić, np. Gulpa, a to sprawi, że zaczniesz korzystać z npm, czyli menadżerem pakietów. Dla bezpieństwa warto zadbać o wersionowanie plików, czyli GIT… i tak jedno ciągnie drugie.

Jeśli jesteś na początku nauki to poprzednie zdania pewnie nic ci nie mówią, ale spokojnie, w ogóle się tym nie przejmuj – zacznij od początku, a w pewnym momencie będziesz już dobrze wiedzaił, co jest potrzebne dalej:)

Co ma wspólnego grafik i HTML?

Na początek, żeby nie było niedomówień sprecyzujmy o kogo chodzi. Nie jakiś tam grafik ale konkretnie web designer. Wiadomo, że grafik DTP nie specjalnie potrzebuje znać HTML ale jak się ma sprawa z grafikami, którzy projektują strony internetowe?

Ile osób tworzy stronę?

Kiedyś strony były mało skomplikowane dlatego nie mieliśmy całej ekipy do jednej strony. UI designer, front-end developer, back-end developer, grafik i wiele innych… Nikt o nich nie słyszał bo Jedna osoba zastępowała wszystkie te posady i było to wystarczające.

Dziś popularniejsze jest przekonanie, że należy się specjalizować. Nie bez przyczyny zresztą. Technologia rozwinęła się i stała tak obszerna, że nie sposób być we wszystkim najlepszym. Owszem, można wiele rzeczy ogarniać na całkiem zadowalającym poziomie. Jeśli poświęca się na tu dużo czasu to można być dobrym w potencjalnie wielu dziedzinach ale wątpię, żeby ktoś tak ciągnął na dłuższą metę. Zwyczajnie staje się to męczące a w pewnym czasie łapie irytacja, że jest jeszcze tyle rzeczy z każdej dziedziny do wyuczenia.

Specjalizowanie się w konkretnej dziedzinie jest więc jak najbardziej poprawne i dla pracownika i dla efektu końcowego pracy.

Ale co z tym HTMLem?

Skoro doszliśmy do wniosku, że należy się specjalizować i grafiką zajmuje się jedna osoba, a jej kodowaniem już inna to czy web designer nie musi znać żadnych języków? Akurat uważam, że działkę web designera i front-end developera można by często połączyć ale to chyba bardziej wyjątek niż reguła, pomijając, że grafikę trzeba lubić, programowanie zresztą też ale raczej nie aż w takim stopniu… ale wracając do tematu… Pytanie popularnie w internecie brzmi „czy web designer powinien znać HTML?” Wg mnie odpowiedź jest jedna: TAK!

Web designerze, ucz się HTML!

Ktoś może zapytać „ale po co? przecież i tak nic nie koduję?”. To nie ma znaczenia. Nie mam na myśli znajomości HTML w stopniu perfekcyjnym. Wystarczą podstawy.

Zakodować można praktycznie wszystko. Jeśli koder się nagimnastykuje to praktycznie nie ma szablonu, którego nie dałoby się zakodować. Tylko po co się męczyć? Znając chociaż podstawy HTMLa wiesz już jakie elementy wymagają dużo pracy a jakie mniej. Wiedząc jak koduje się projekt możesz zaoszczędzić masę pracy koderowi ale nie tylko. Dzięki temu wiesz jak projekt będzie się wyświetlał na różnych ekranach, wiesz jakie ewentualne mogą wystąpić ograniczenia i problemy w przyszłości. Możesz także sam stworzyć sobie szablon na allegro;)

Jeśli ktoś myśli, że nagle dojdzie mu całkowicie inna, nowa dziedzina świata IT do wyuczenia się, to.. zachowaj spokój. Podstawy HTLMa można poznać w jeden dzień.  Jeśli nigdy nie miałeś z nim styczności to tydzień nauki będzie wystarczający. Naprawdę warto;)