Polub bloga na fejsie!

3 źródła wiedzy Junior Front-End Developera

13

Ostatnio sporo piszę o początkach kariery front-end developerów. Ostatnio na przykład przedstawiłem jak zrobić krok dalej jako Junior Developer. W dzisiejszym wpisie natomiast chciałbym przedstawić Ci 3 źródła wiedzy, z których uczyć się może każdy programista. Oczywiście nie są to zasoby ograniczone tylko dla juniorów ale myślę, że oni najbardziej potrzebują wskazania miejsc, w których mogą znaleźć podstawy HTML, CSS czy JavaScriptu.

Myślę, że nie ma co przedłużać, przejdźmy do dzisiejszego zestawienia…

P.S. Niektóre linki zamieszczone w tekście są afiliacyjne – oznacza to, że jeśli zdecydujesz się za ich pośrednictwem kupić dany produkt lub usługę, to ja dostanę prowizję od kwoty zakupu. Dla Ciebie to żadna różnica bo cena się przez to w żaden sposób nie zmienia.

Serwisy e-learningowe

Wydaje mi się, że serwisy e-learningowe to świetne źródła wiedzy dla każdego, kto chce zacząć swoją przygodę z programowaniem. Jak się zaraz przekonasz, serwisy takie dostarczają całą platformę, na której zapoznajesz się z nowym materiałem jednocześnie wykonując ćwiczenia. Tylko poprawne wykonanie ćwiczenia pozwala przejść dalej, Twoja nauka jest więc prowadzona w sposób ciągły. Poniżej przedstawiam 3 najpopularniejsze serwisy e-learningowe dla programistów. Wszystkie w języku angielskim ponieważ, na rodzimym rynku nie ma raczej obecnie tego typu rozwiązań…

FreeCodeCamp

Free Code Camp

Serwis freecodecamp.com to platforma, w której możesz nauczyć się programować. Nauka odbywa się poprzez wykonywanie serii „wyzwań” (ang. challenge). W każdym wyzwaniu przedstawiony jest na początku, kawałek wiedzy teoretycznej potrzebnej do rozwiązania zadania.

Następnie stawiane jest przed Tobą zadanie zmodyfikowania przedstawionego kodu, tak aby uzyskać wymagany efekt. Kod do zmodyfikowania umieszczony jest w edytorze on-line znajdującym się na stronie wyzwania. Po każdej modyfikacji kodu, edytor sprawdza czy wprowadzone przez nas zmiany doprowadziły do uzyskania oczekiwanego rezultatu. Jeśli tak, system pozwala nam przejść do kolejnego wyzwania.

Poza przedstawionym sposobem nauki, w serwisie dostępne są też do wykonania trochę większe, bardzie zaawansowane projekty. Należy do nich podejść na późniejszym etapie nauki, kiedy wszystkie wyzwania w danej ścieżce są już rozwiązane. Tutaj nie ma już niestety edytora on-line, który sprawdzałby nam kod.

POLUB BLOGA NA FACEBOOKU!

Chcesz być na bieżąco informowany o nowościach na blogu oraz innych ciekawych treściach? Polub fanpage bloga na Facebooku!

Serwis FreeCodeCamp pozwala nam przejść kilka ścieżek „certyfikacji”. Z punktu widzenia Junior Front-end Developera, najbardziej interesująca powinna być certyfikacja „Front End Development”. Zawiera ona kurs HTML, CSS i JavaScript od absolutnych podstaw. Znajdziesz tutaj też zagadnienia związane z jQuery, Bootstrapem, formatem JSON oraz AJAX. Kolejnym krokiem powinna być certyfikacja „Data Visualization”, w której można nauczyć się od podstaw React, Sass oraz użycia biblioteki D3.

To co na pewno jest też dla Ciebie istotne to to, że jak sama nazwa wskazuje, serwis ten jest dostępny za FREE. Możemy więc całkiem sporo nauczyć się za darmo!

CodeCademy

CodeCademy

Kolejny ciekawy serwis e-learningowy to codecademy.com. Jest to platforma pod pewnymi względami podobna do FreeCodeCamp. Tutaj również nauka polega na wykonywaniu zadań we wbudowanym w stronę edytorze kodu. Tak samo jak u poprzednika, poprawne rozwiązanie zadania pozwala przejść do kolejnej lekcji itd.

Jednak wydaje mi się, porównując do FreeCodeCamp to w CodeCademy, że w tym drugim jest mniej materiału do przerobienia. Przynajmniej jeśli chodzi stricte o front-end (oferta back-endowa jest raczej ciekawsza niż we FreeCodeCamp – mamy tutaj na przykład kursy Ruby czy PHP). Z drugiej strony oprócz kursów dotyczących Reacta mamy też, na przykład, możliwość szkolić się w Angularze 1.x.

CodeCademy również jest dostępne za darmo, mamy tutaj jednak również możliwość wykupienia dostępu do serwisu w wersji PRO. Udostępnia nam ona spersonalizowany plan nauki, quizy sprawdzające czego się nauczyliśmy, zestawy zadań projektowych oraz dedykowanego dla nas, specjalnego „doradcę”. Może to być dla niektórych ciekawa propozycja i warto mieć ją na uwadze.

Wydaje mi się, że dwa dotychczas omówione serwisy zupełnie dobrze się uzupełniają i mogą być całkiem niezłą podstawą do rozpoczęcia swojej przygody z programowaniem.

TeamTreehouse

treehouse

Serwis TeamTreehouse to już opcja płatna. Jednak dzięki temu jakość dostarczanych materiałów oraz sposób nauki jest jeszcze bardziej dopracowany.

Po założeniu konta w serwisie jesteśmy przeprowadzani przez krótki wizzard. Określamy w nim czego chcemy się nauczyć. W zależności od dokonanych wyborów zostaną nam zaproponowane różne ścieżki nauki. Nie ma się tu jednak co stresować, że dokonamy złego wyboru – wybraną ścieżkę można w dowolnym momencie zmienić na inną.

Jeśli chodzi o ścieżki nauki dla front-end developerów to myślę, że zainteresować Cię powinny: Front-End Web Development (58h), Web Design (51h), Beginner JavaScript (20h) oraz Learn React (7h). Oprócz tego mamy też dostęp do sporej liczby innych ścieżek nauki: od PHP przez Ruby on Rails aż po C# i ASP.NET. Jeśli więc rozważasz zdobycie kwalifikacji jako na przykład, full stack developer to znajdziesz tutaj również sporo materiałów.

Przejdźmy teraz do tego, jak wygląda nauka w serwisie TeamTreehouse. W odróżnieniu od FreeCodeCamp oraz CodeCademy, zamiast tekstu pisanego mamy tutaj nagrania video, w których przedstawiane są omawiane w danej chwili zagadnienia. Przeplatane są one lekcjami, w których należy napisać kod w udostępnionym edytorze on-line.

Co do video, to jak przystało na płatny serwis, są one przygotowane bardzo profesjonalnie (oczywiście po angielsku). Mamy też dostępną transkrypcję, więc jeśli wolisz czytać to również masz taką możliwość.

Z kolei co do zadań, w których trzeba kodować, to są one podzielone na małe kroki. Wykonujesz polecenie, potwierdzasz przyciskiem i jeśli wykonałeś je prawidłowo to kod się nie zmienia ale dostajesz do wykonania kolejny zadanie na napisanym dotychczas kodzie. TeamTreehouse prowadzi nas więc jeszcze bardziej „za rączkę” niż wcześniej omawiane serwisy.

Jeśli chodzi o płatności to mamy dostępne trzy plany: Basic, Pro oraz Techdegree. Są one płatne w modelu subskrybcji miesięcznej. Koszt planu Basic to 25$ miesięcznie, a wersji pro 49$. Poniżej znajdziesz zestawienie, co zawiera każdy z planów:

treehouse - dostępne plany

Jeśli nie jesteś pewien czy serwis TeamTreehouse spełni Twoje oczekiwania, to oczywiście możesz go przez 7 dni wypróbować go w wersji Trial. Niestety trzeba od razu podać dane karty kredytowej, ale pieniądze zostaną z niej ściągnięte dopiero po upływie siedmiu dni, a w tym czasie można łatwo skasować swoje konto.

Książki

Myślę, że książki to najbardziej oczywiste źródła wiedzy każdego programisty. Poniżej postanowiłem przedstawić cztery publikacje, które w mojej opinii warto przeczytać na początku swojej przygody z programowaniem front-endu. Oprócz tego przedstawiam też jeden serwis z książkami on-line. Myślę, że warto wiedzieć o jego istnieniu bo jest to chyba największy zbiór książek zebranych w jednym miejscu i dostępnych w miesięcznym abonamencie.

JavaScript – Mocne Strony

JavaScript - mocne stronyKsiążka JavaScript – Mocne Strony autorstwa Douglasa Crockforda to już klasyka jeśli chodzi o książki na temat języka JavaScript. Z założenia ma ona pokazywać wszystko to co najlepsze w tym języku, jednocześnie pomijając te złe części. No dobra, może nie zupełnie pomijając ponieważ, są one zebrane w dodatku na końcu książki.

Czy założenie to udało się wypełnić? Myślę, że najlepiej będzie odpowiedzieć linkiem do mojej recenzji, która swego czasu pojawiła się już tutaj, na blogu. Posumowałem ją mniej więcej tak: książka idealna dla początkujących; dla bardziej doświadczonych programistów będzie przydatna do usystematyzowania wiedzy. Jak więc widzisz, dla Junior Front-end Developera, pozycja obowiązkowa!

JavaScript. Wzorce

JavaScript. WzorceKsiążka JavaScript. Wzorce , której autorem jest Stoyan Stefanov wywarła największy wpływ na moją karierę programisty. Poukładała mi sporo w głowie oraz sprawiła, że po raz pierwszy poczułem, że rozumiem JavaScript. Ogólnie to polecam ją każdemu kto pyta mnie co najlepiej przeczytać by poznać ten język!

Więcej szczegółów na temat tej książki znajdziesz w mojej recenzji, którą swego czasu popełniłem na blogu. Tutaj napiszę tylko, że oprócz tytułowych wzorców projektowych książka przekazuje również, dużo informacji na temat podstaw języka JavaScript oraz wiele dobrych praktyk przy pracy w tym języku.

HTML i CSS. Zaprojektuj i zbuduj witrynę WWW

HTML i CSS. Zaprojektuj i zbuduj witrynę WWWAutorem książki HTML i CSS. Zaprojektuj i zbuduj witrynę WWW jest Jon Ducket. Jest to jeden z bestsellerów Heliona i książka, która otrzymała od czytelników średnią ocenę 5.4/6 punktu (na chwilę obecną na 34 opinie). Myślę, że dobrze pokazuje to, że jest to jedna z najlepszych książek na temat HTML i CSS dla początkujących.

Tym co wyróżnia tę książę z tłumu jest jej forma. Jest ona wydana w kolorze, snippety z kodem zawierają, dzięki temu, kolorowanie składni (powiedzmy). Mamy też tutaj, oprócz omówienia poszczególnych elementów HTML, ciekawe przykłady ich użycia w kodzie pełnych stron WWW.

English 4 IT

English 4 ITStali czytelnicy bloga pewnie kojarzą już książkę English 4 IT (autorstwa Beaty Błaszczyk) ponieważ, co nieco już o niej wspominałem – tutaj możesz przeczytać moją prezentację tej pozycji.

Co prawda nie jest to książka o programowaniu ale wierz mi, że język angielski prędzej czy później Ci się przyda w Twojej karierze! Warto więc od początku inwestować w swój rozwój w tym zakresie.

Dzięki lekturze tej książki poznasz dużo słownictwa związanego z branżą IT oraz nauczysz się wielu zwrotów używanych podczas spotkań projektowych. To na pewno zaprocentuje większą pewnością siebie kiedy trafisz do międzynarodowego środowiska!

Serwis Safari Books On-Line

saferi books onlineJeśli poszukujesz stałego źródła wiedzy książkowej, a do tego nie zależy Ci na książkach w języku polskim to dobrym wyborem jest, należący do wydawnictwa O’Reilly, serwis Safari Books On-Line.

Jeśli jesteś w stanie zapłacić co najmniej 39$ miesięcznie (za najtańszy pakiet) to będziesz mieć dostęp on-line do na prawdę wielkiej liczby książek o programowaniu i nie tylko. Serwis Safari posiada też spory zbiór kursów video i wile innych zasobów.

Bardzo często spotykane jest, że serwis ten subskrybowany jest przez firmy dla swoich pracowników. Być może Twój pracodawca również ma dostęp do Safari, a Ty o tym nie wiesz? Warto to sprawdzić!

Szkolenia video on-line

Wydaje mi się, że ostatnimi czasy serwisy z kursami video on-line zaczynają na naszym rynku zyskiwać na znaczeniu. Poniżej przedstawiam dwa największe z nich oraz jeden serwis „zagramaniczny” ale za to chyba największy jeśli chodzi o video szkolenia dla programistów.

Videopoint

videopoint

Serwis videopoint.pl to platforma z kursami video należący do grupy Helion. Mają całkiem sporo kursów przeznaczonych dla front-end i web developerów. Wszystkie dostępne szkolenia dotyczące front-endu możesz znaleźć w kategorii webmasterstwo.

Na moim blogu miałem kiedyś okazję zrecenzować jedno z ich szkoleń: AngularJS. Kurs video. Poziom Pierwszy. Na tej podstawię myślę, że mogę wysnuć wniosek, że szkolenia oferowane przez ten serwis nie są złe i można je rozważyć przy nauce.

Eduweb

eduweb

Serwis eduweb.pl również zajmuje się sprzedażą kursów wideo on-line. Mają oni jednak trochę inne podejście niż Videopoint ponieważ podzielili swoją ofertę na specjalizacje.

Nas interesuje oczywiście specjalizacja webdevelopment. W jej ramach mamy kursy pogrupowane w „odznaki”, które odpowiadają po prostu różnym obszarom front-endowej wiedzy. Mamy więc takie odznaki jak HTML, CSS3, Client Side czy Frameworks (i jeszcze kilka innych).

Kursy z każdej odznaki możemy kupić w zestawie lub osobno. Niestety nie miałem osobiście okazji żadnego z tych szkoleń testować, dlatego nie potrafię powiedzieć czy warto. Może jednak przydatna okaże się dla Ciebie recenzja, która pojawiła się na blogu JS.n00b?

Oprócz szkoleń, eduweb organizuje również warsztaty oraz bootcampy.

Pluralsight

pluralsight

Pod adresem pluralsight.com znajduje się chyba największy serwis ze szkoleniam on-line dostępny na rynku. Dostęp do serwisu realizowany jest w modelu abonamentowym i kosztuje 29$ miesięcznie (25$ przy płatności rocznej). Myślę jednak, że warto ponieważ, zawiera on na prawdę dużo ciekawych materiałów video (oczywiście wszystko po angielsku).

Oprócz szkoleń video w ofercie znajdują się też takie opcje jak na przykład „skill measurement” czy „mentoring”. Tutaj, podobnie jak przy Safari Books On-line, dostęp często jest wykupywany przez pracodawców więc warto się tym zainteresować w swojej firmie!

3 źródła wiedzy junior developera – podsumowanie

Jak widać, w dzisiejszych czasach rozpoczęcie przygody z programowaniem nie jest wcale takie trudne! Źródła wiedzy w postaci materiałów, kursów, szkoleń i książek są praktycznie nie wyczerpane… Jeśli więc chciałbyś zostać front-end developerem albo niedawno nim zostałeś to nic tylko znaleźć motywację do nauki (to najtrudniejsze), zakasać rękawy i do roboty!

Żałuję tylko, że to tak nie wyglądało kiedy ja rozpoczynałem swoją karierę. Trochę Ci zazdroszczę, że startujesz w takich a nie innych czasach…

REACT, REDUX, REACT-ROUTER - KURSY ON-LINE

Chcesz od podstaw poznać tajniki React, Redux oraz react-router? Zapraszam do moich szkoleń on-line:

Przejdź do szkoleń
  • Hey,

    fajne posumowanie.

    + za FreeCodeCamp, super portal, można w nim spędzić kilka intensywnych tygodni.

    Dodałbym jeszcze (z moim zdaniem najważniejszych 🙂 ):
    – frontendmasters.com – ostatnio bardziej mi wchodzą te nagrania niż Pluralsight, na ten rok mają też fajne plany z nowymi szkoleniami
    – codeschool.com – należą już do Pluralsight 🙂 ale konto opłaca się osobno. Plusem jest to, że po przekazaniu jakiegoś materiału w formie video dostajemy kilka zadań do wykonania
    – no i oczywiście grupy społecznościowe!!!!! mamy ich dość dużo w naszym kraju 🙂 niestety często są pomijane w takich postach 🙁

    PS. na Pluralsight można też dostać 3 mce za free! – trzeba poszperać tutaj – https://www.visualstudio.com/pl/dev-essentials/ 🙂

    Pozdrawiam,
    Łukasz

    • dzięki! tak właśnie liczyłem, że w komentarzach znajdzie się więcej przydatnych rekomendacji 😉

  • Artur

    Z anglojęzycznych dodałbym jeszcze Egghead.io 🙂

    Natomiast jeśli chodzi o Eduweb.pl to przerobiłem ok. 10 ich kursów i mogę ich z czystym sumieniem polecić.

  • Prezes

    Hej, dzięki za rekomendacje. Ja używałem jeszcze StrefaKursów, jednak ostatnio faktycznie bardziej podoba mi się na Eduweb. Kurs Javascript od podstaw na eduweb, bardzo fajnie i skrupulatnie wyjaśnione są paradygmaty tego języka. Bootcampy to też chyba fajna sprawa, a przyszłym tygodniu zaczynam jeden trwający 6 tygodni, zobaczymy 🙂

    • Paweł Turkot

      I jak oceniasz bootcamp od eduweb? 🙂

      • Prezes

        Hej, bardzo fajnie. Naprawdę ciężko przerobić ten materiał, bo robisz 1 kurs / tydzień, więc dziennie z 2h trzeba poświęcić. Do tego masz zadania i wsparcie prowadzących na slacku. Warte zainwestowania, zwłaszcza, że masz przekrój naprawdę wielu technologii. Materiały bardzo świetnej jakości.

  • veranoo

    Może jakiś artykuł który dobrze obrazuje OOCSS, BEM, SMACSS etc. Jak tego używać w praktyce. Pozdrawiam.

  • Czy ja wiem czy w roku 2017 warto wciąż polecać Mocne Strony? To książka-legenda – fakt niezaprzeczalny – ale IMO zestarzała się ciut. Rozglądnąłbym się za innymi pozycjami typu http://exploringjs.com nie wspominając już o skromnej książce mojego autorstwa ( ͡° ͜ʖ ͡°)

    • Twojej książki nie czytałem więc w ciemno polecać nie będę… zresztą jej tytuł wskazuje, że jest skierowana do trochę bardziej doświadczonych programistów niż adresaci tego wpisu. Co do Mocnych Stron to może i się zestarzała ale moim zdaniem juniorzy wciąż powinni znać ES5, a to dobre źródło wiedzy z tego zakresu, które sporo wyjaśnia.

      • Ja gdy zaczynałem naukę w JS dużo dowiedziałem się z książki JavaScript dla programistów PHP. Nie należy jednak sugerować się tytułem – ja nie znałem wtedy zbyt dobrze PHP (bardziej obracałem się w C++), a na książkę trafiłem trochę przypadkiem, ale polecam ją początkującym.
        Książka Comandeer’a jest ciekawa, na pewno nie jest to jeden z wielu „poradników” Heliona będący kopiuj wklej ze starszych książek tylko konkretnie prowadzi czytelnika tworząc produkt przydatny w praktyce, ale wraz z nią polecam zaznajomić się z serią Kylie Simpson Tajniki języka JS (szczególnie ECMA 6 i dalej). Oczywiście wiedza ta jest bez problemu dostępna również w internecie, ale rozmawiamy tu o książkach więc podaję swoje propozycje tytułów.
        A wracając do listy kursów online to ze swojej strony polecam CodeWars (darmowy i z dość dużym naciskiem na kwestie związane z testowaniem kodu).

      • Prezes

        Hej, ja zakupiłem już chwilę temu książkę Commandera i z punktu widzenia juniora uważam że to cenna pozycja. Daje pojęcie na temat testów i modułowości. Niezaprzeczalną zaletą jest sam styl autora, zabawny, szczegółowy i profesjonalny.

  • Łukasz Starosielec

    A co sądzisz o drugiej z książek Jona Ducketta „JavaScript and JQuery”? Zastanawiam się właśnie nad zakupem obu pozycji w wersji anglojęzycznej.

    • szczerze mówiąc nie znam tej książki więc nie mogę się wypowiadać… może ktoś z czytelników coś podpowie?

Google Analytics Alternative