Jak znaleźć pracę jako front end developer?

Od kilku lat, na rynku IT panuje boom na front end developerów, czyli programistów, którzy sprawnie posługują się takimi technologiami, jak HTML, CSS, Javascript oraz liczne frameworki i biblioteki tego języka. Moim zdaniem, jeśli interesujemy się programowaniem i chcemy znaleźć ciekawą pracę, warto zaangażować się właśnie w naukę "frontu".



Poniższy tekst ma pokazać kilka najważniejszych kwestii, na które warto zwrócić uwagę, podczas nauki programowania i szukania pracy. Kolejność przypadkowa.

1 - Ucz się na takich projektach, jakie będziesz realizował w pracy.

Praca front-end dewelopera często polega na przenoszeniu designu stworzonego przez grafika, do kodu HTML/CSS 1:1 i musisz to umieć. Tworzenie swoich projektów i wymyślanie wyglądu strony podczas samego kodowania jest fajne, ale w rezultacie, nie uczysz się rozwiązywania problemów. Wpisz w Google frazę "free psd website themes" i zakoduj kilka z nich tak, by pokrywały się z oryginałem. Ucz się też nowych wtyczek JS - możliwe jest, że w pracy będziesz głównie je konfigurował.
Odnośnie do programowania w JS i innych językach - jeśli nie przećwiczysz przykładów z książek na własnych przykładach, nic z nich nie wyciągniesz.

// dopisek Kamila z roku 2020 - niestety, ale niewiele projektów robionych po godzinach jest tak rozbudowanych jak te, które realizujemy w pracy. Trudno jest też liczyć we własnym projekcie na jakiekolwiek code review, to też ważny czynnik.

2 - Pokazuj pracodawcom swoje ukończone projekty.

W pewnym momencie nauki zauważyłem, że umiem zakodować stronę od "góry do dołu", ale ma ona sporo odstępstw od wyglądu zaplanowanego przez grafika. To błąd - o jakości strony i wykończeniu projektu, świadczą te najmniejsze "smaczki" i dokładność w odzwierciedleniu szablonu w Twoim kodzie.
Co do tworzenia portfolio - najlepiej jest to zrobić w formie ukończonych stron na Github Pages, albo w postaci działających stron na hostingu. Kilka świetnych projektów z wykorzystaniem ciekawych rozwiązań, pozwoli Ci łatwiej nawiązać współpracę. Brak projektów lub jedna strona, która rozlatuje się na wąskim ekranie, automatycznie Cię skreśla.

Nie musisz tworzyć Twojej strony firmowej. Gdy pracodawca widzi, że na Githubie wszystko "świeci się na zielono" od razu wie, że włożyłeś w naukę programowania odpowiedni wysiłek.

3- Używaj walidatora

Walidator CSS, HTML a nawet Bootstrap, oraz JSLint/JS Hint i narzędzia do formatowania kodu - te narzędzia, dają Ci pewność, że Twój kod jest poprawny i w miarę poprawnie sformatowany. Pracodawca może nie mieć czasu na analizę kodu, ale na ocenę formatowania, potrzebuje tylko jednego rzutu okiem.

Niektórzy pracodawcy sprawdzają, jak dużo błędów wywali Twoja strona w walidatorze i na tej podstawie, ocenią Twoje umiejętności. Zwracaj na to uwagę, bo na najszybszy sposób na poprawienie swojego kodu.

4 - Nie skupiaj się na edytorze/systemie itd.

Wydaje mi się, że im mniej zaawansowany programista, tym więcej uwagi przykłada do narzędzi, z których korzysta. Nie skupiaj się na wyborze i konfiguracji edytora (chyba, że zaczyna Ci w nim brakować już jakiś funkcji), nie zmieniaj skórek graficznych.

Najlepsze jest to narzędzie, które najlepiej poznałeś i najdłużej w nim pracujesz. Nie zastanawiaj się nad edytorem dłużej, niż nad kodem.Polecam Ci Sublime Text 3, Visual Studio Code (edytory) oraz IDE PHPStorm/Webstorm. W wielu firmach standardem jest Intellij.

Oczywiście, powinieneś poznawać nowe wtyczki do przeglądarki czy narzędzia, które ułatwiają pracę.

5 - Pokazuj kod

Dziel się kodem z osobami, które są bardziej doświadczone, dzięki czemu będziesz rozwijał swoją wiedzę i poznasz nowe sztuczki. Godzinna konsultacja z bardziej doświadczoną osobą daje Ci więcej korzyści, niż 10 godzin programowania z książką.

Po dwóch miesiącach samodzielnej nauki wydawało mi się, że mój kod jest świetny, jednak konsultacja z doświadczonym programistą sprowadziła mnie na ziemię. Gdy dostajesz odpowiedź zwrotną, nauka jest znacznie łatwiejsza. Lepiej otrzymać ją od kolegi, niż od pracodawcy na nieudanej rozmowie. Polecam też forum Pasja Informatyki, gdzie można otrzymać rzeczowe komentarze na temat swojego kodu.

6 - Czytaj o podstawach

Technologie front-endowe bardzo szybko się zmieniają, jednak podstawy, zawsze pozostają te same. Podczas tworzenia pierwszych stron, czytaj jednocześnie książki na temat HTML/CSS, które pozwolą Ci pokonać podstawowe problemy w pracy. Dzięki książkom poznasz podstawy, o których nie piszą na StackOverlow :)

W przypadku języków programowania takich, jak Javascript, bez nauki z książki nie ma sensu startować do pracy ani do tworzenia programów - wkład wiedzy konieczny do osiągnięcia sukcesu, jest bardzo duży. Poznanie podstaw, pozwoli Ci także na łatwiejsze rozwiązywanie problemów - nie musisz pamiętać całego kodu, wystarczy, że zapamiętasz, że gdzieś znalazłeś rozwiązanie. Nawet w "banalnym" CSS, kryje się wiele sztuczek, bez poznania których, będziesz często wchodził na mielizny przy tworzeniu stron.

7- Poznawaj nowe technologie

Wszystkie technologie związane z programowaniem, na początku wydają się "kosmiczne" i bardzo nas fascynują. Z czasem zaczynamy je traktować jako codzienne narzędzie. Moim zdaniem, powinieneś zacząć naukę od podstaw HTML5 + CSS i z czasem rozszerzać tę wiedzę o:
* Git - ucz się go od początku - jeśli nie znasz go w pracy, przepadłeś.
* Bootstrap (ewentualnie Foundation)
* SASS
* JS i JQuery(gdy już dobrze poznasz zasady rozmieszczania elementów na stronie)
* Wtyczki do Query (np do walidacji formularzy lub tworzenia sliderów)
* PHP (front end często pracuje na szablonach PHP, tworzonych na przykład w Twig) i innych języków
* Frameworki JS (po dobrym opanowaniu podstaw JS i programowania obiektowego)

* Ogólną wiedzę na temat programowania, czystego kodu czy wzorców projektowych. 

Błędem jest na przykład zaczynanie nauki tworzenia stron, od kursu Bootstrapa i późniejsze martwienie się o to, dlaczego nie umiemy na przykład przesuwać elementów lub wystylować ich zgodnie z naszą wolą.

8 - Nauka angielskiego

Front end developer musi czytać, słuchać i mówić po angielsku. Ucz się w tym języku i przełam lęk przed mówieniem. Rekruterzy nigdy nie są native speakerami (chyba, że chcesz pracować za granicą) i wybaczą Ci błędy językowe, natomiast nie wybaczą tego, że paraliżuje Cię lęk przed mówieniem po angielsku. Nie licz na to, że uda Ci się znaleźć dobrą pracę bez znajomości języka.

Moja podpowiedź - nie skupiaj się na nauce czasów - oglądaj filmy o programowaniu po angielsku i przerabiaj kursy w stylu Duolingo. Commituj zmiany po angielsku. Jeśli masz taką możliwość, zapisz się na kurs.

9 - Wysyłaj CV

25 minut dziennie na wysyłanie, kilka CV do firm z Twojej okolicy szukających juniorów. Rozwiązuj zadania, rozmawiaj z rekruterami i zbieraj feedback. Jeśli Twoje portfolio jest słabe, dowiesz się tego właśnie dzięki takim rozmowom.

10 - Przeglądaj swoje stare kody

Jeśli prowadzisz profil na Githubie przez kilka miesięcy i nie masz zbyt dużego odzewu ze strony firm, przeanalizuj strony z perspektywy nowych doświadczeń i poprawiaj je. Zamiast zaczynać nowe projekty, sprawdź, czy w Twoich starych projektach nie ma błędów i czy strony się wyświetlają poprawnie. Nauka programowania to proces.

11 - Załóż konto na LinkedIn

LinkedIn to miejsce, gdzie często zaglądają rekruterzy. Warto założyć tam profesjonalne konto i opisać swoje umiejętności, oraz dodawać do znajomych rekruterów. Pracę w Connectis znalazłem dzięki Linkedin.

12 - Zainwestuj czas i pieniądze

Konkurencja wśród junior front-deweloperów jest duża, a większość z nich nie dostaje pracy z powodu:

• wygórowanych wymagań (także finansowych)
• miernych umiejętności
• braku samodzielności

Moim zdaniem, obecnie warto poduczyć się front-endu samodzielnie a następnie, zaryzykować pracę w dobrej firmie za niewielkie pieniądze, po to, by nauczyć się fachu. Praca przy rzeczywistym tworzeniu stron, daje znacznie lepsze efekty, niż nauka w domu. 

Po kilku miesiącach takiej pracy, zaczniesz stanowić dla pracodawcy wartość i albo zaproponuje Ci podwyżkę, albo będziesz mógł szybko zmienić pracę na lepszą. 

13 - Przeprowadź się

Jesteś z małego miasta, a na Pracuj.pl są tam tylko dwa ogłoszenia na senior PHP dewelopera? W największych miastach w Polsce, szansa na znalezienie pracy jest znacznie łatwiejsza, dlatego dobrym (a jak dla mnie, jedynym) rozwiązaniem jest przeprowadzka. 

Większość firm nie zgadza się na pracę zdalną w przypadku juniorów i moim zdaniem, jest to słuszne rozwiązanie.

14 - Nie ograniczaj się tylko do nauki front-endu

Jako front-end developer, powinieneś rozwijać wiedzę także o innych technologiach. Kilka z nich to na przykład:

• PHP - zwłaszcza systemy templatek (Twig, Smarty) oraz Wordpress. W większości firm tworzących strony WWW, konieczna jest perfekcyjna znajomość panelu Wordpressa oraz praca z takimi dodatkami, jak Visual Composer. 
• Linux i praca z maszynami wirtualnymi (w tym Vagrant)
• Kwestie dotyczące bezpieczeństwa stron WWW oraz szybkości ich działania
• Design i typografia (moim zdaniem, naukę front-endu warto zacząć od zapoznania się z różnicami między czcionkami oraz z różnymi właściwościami tekstu).

Życzę powodzenia!

Mój background - w listopadzie 2015 roku zacząłem naukę front-endu, pod 7 miesiącach znalazłem pracę jako junior. Kolejna zmiana firmy trwała miesiąc niezbyt intensywnych poszukiwań. Z rocznym doświadczeniem pracę udało mi się znaleźć po wysłaniu kilku CV i jednej rozmowie.