10 artykułów dla każdego początkującego frontendowca

Kilka tygodni temu ruszyliśmy z akcją, w której zachęcaliśmy społeczność developerów do podzielenia się linkami z tutorialami i poradnikami dla każdego początkującego JavaScript developera. Otrzymaliśmy kilkanaście linków, z których wybraliśmy 10 naszym zdaniem najciekawszych i najbardziej wartościowych. Jeśli szukałeś porządnej dawki wiedzy, to właśnie ją znalazłeś.

Podstawy JavaScriptu

Jeśli jeszcze nie poznałeś podstaw JavaScriptu, to masz świetną okazję do tego, by dowiedzieć się jak najwięcej na temat samej definicji oraz tego, co można zrobić korzystając z JavaScriptu. Z tej strony dowiesz się m.in. czym są metody, funkcje czy klasy. Każda z dziedzin została podzielona na krótkie artykuły, często z przykładami. Z tego poradnika dowiesz się także, jak działa przeglądarka internetowa.

https://javascript.info/.

Trochę więcej o JS-ie

Gdy poznaliśmy już podstawy stojące za tym językiem programowania, warto podnieść poprzeczkę, by dowiedzieć się jeszcze więcej na jego temat. Na tej stronie znajdziemy podstawowe operacje wykonywane w JavaScripcie, które na początku mogą wydawać się bardzo skomplikowane. Wszystkie porady oparte są na przykładach, co ułatwia naukę i przyswajanie nowych zagadnień.

https://codetogo.io/.

Zobacz, co potrafi JavaScript

A o rzeczach, o których byś nie pomyślał, że można zrobić wykorzystując JavaScript, dowiesz się z kolejnego źródła. Na GitHubie grupa developerów postanowiła pokazać, co potrafi JavaScript. Tego nie możesz przegapić, tym bardziej, że artykuł powstał właśnie na platformie github.com, dzięki czemu każdy jest w stanie dodać swoje uwagi, ale i spostrzeżenia. Sprawia to, że strona będzie zawsze aktualna.

https://github.com/getify/You-Dont-Know-JS.

Czas na Reacta

Poznałeś podstawy podstaw JavaScriptu, później zagłębiłeś się w jego strukturę i poznałeś ciekawostki, które podniosły Twój poziom umiejętności? Super, tyle że to nie koniec, bo JavaScript ma świetne biblioteki, o których znajomość na pewno zapyta Ciebie rekruter. Dlatego wróć do etapu nauki i poznaj Reacta. Najlepiej zrobisz to czytając poniższy artykuł z przykładami. Jeśli wolisz wersję wideo, to polecamy ten kanał.

https://www.robinwieruch.de/javascript-fundamentals-react-requirements/.

Przykłady problemów w Reactcie

Wzorce projektowe to coś, co przyda się każdemu juniorowi, który chce spróbować swoich sił w pierwszej pracy JavaScript Developera. Dlatego właśnie społeczność developerów, do których zwróciliśmy się z prośbą o pomoc, podzieliła się właśnie tym artykułem z przykładami uniwersalnymi, sprawdzonymi w praktyce rozwiązaniami często pojawiających się problemów projektowych.

https://www.robinwieruch.de/react-render-props-pattern/.

Rekomendowane biblioteki

To już wyższa szkoła jazdy. Jeśli nie przeczytałeś wcześniejszych poradników albo przejrzałeś je pobieżnie — nie czytaj dalej. Dla tych, którzy wiedzą, czym jest JavaScript, znają jego zastosowanie, a co najważniejsze — sprawdzili je na własnej skórze, poznanie Reacta może być wybawieniem. A żeby lepiej go poznać, warto dowiedzieć się o rekomendowanych bibliotekach, które ułatwią Tobie pracę. Poniżej znajdziesz 8 wybranych.

https://decembersoft.com/posts/recommended-react-typescript-libraries/.

Najkrótszy kurs Reacta

Dużo nauki jak na jeden raz, dlatego polecamy chwilę przerwy od czytania, bo ten poradnik jest niezwykle krótki. Zawiera jedno zdanie, ale takie, bez którego trudno byłoby pisać w Reactcie. To jedna z tych porad, które zapadają w pamięć, dlatego warto ją przeczytać na spokojnie. I zajrzeć także do wyjaśnienia, które znajdziecie na dole. Jeden z developerów zaproponował, by podejście przedstawione w kursie nazwać: „Annoyance Driven Development”.

https://react-file-structure.surge.sh/.

Połączyć Reacta z Drupalem

Praca w różnych projektach albo nad różnymi projektami poszerza nasze perspektywy. Dlatego warto próbować rozwiązywać różne problemy i podejmować różne wyzwania. Jeden z developerów postanowił podzielić się wiedzą dotyczącą tego, jak połączyć Reacta — JavaScript framework stworzony przez developerów Facebooka — z Drupalem, skryptem CMS do tworzenia małych, średnich i dużych serwisów internetowych.

https://www.droptica.com/blog/how-use-react-drupal/.

Zmiana stanu

Był JavaScript, był React, a przed chwilą dowiedziałeś się o Drupalu. Czas poznać Reduxa, o którym nieraz będziesz słyszał podczas pracy. Jeśli chcesz dowiedzieć się w jaki sposób zarządzać stanem aplikacji w ReactJS — zostań z nami. Przeczytaj poniższy poradnik dotyczący Reduxa, czyli jednej z najbardziej znanych implementacji architektury Flux. Wszystkiego dowiesz się właśnie z poniższego poradnika, który przygotował… twórca Reduxa.

https://egghead.io/courses/getting-started-with-redux.

30 dni z JavaScriptem

210 tysięcy subskrybentów zostawiło adres e-mail, by otrzymać darmowy dostęp do pełnego kursu JavaScriptu. To musi coś znaczyć! Dlatego ze szczerego serca polecamy kurs, który przygotował Wes Bos, fullstack developer z wieloletnim doświadczeniem. Na poniższej stronie znajdziecie landing page. Dowiecie się z niego, że w ciągu 30 dni poznacie 30 przykładów wykorzystania JavaScriptu — z wytłumaczeniem działania każdego z nich.

https://javascript30.com/.

Jeśli spodobała Ci się powyższa lista — podziel się nią ze znajomymi. Pamiętaj też, że sam możesz zostać współtwórcą tego typu tekstów, bo już zbieramy przydatne linki do kolejnych materiałów. Chcesz dołożyć małą cegiełkę w postaci linku? Zajrzyj do tego google docsa.

Zdjęcie główne artykułu pochodzi z pexels.com.