Artykuły w ramach serii: Kierunek: Front-end
- Kierunek: Front-end, 2020+
- Kierunek: Front-end, 2020+ – krok po kroku
- Niezależnie od kierunku – edytor kodu vs. IDE
- Niezależnie od kierunku – Systemy kontroli wersji oraz repozytoria kodu
- Front-end – krok 1: Wstęp
- HTML/CSS – materiały do nauki
- Flexbox & CSS Grid & Media Queries – materiały
- Ćwiczenie 4in1: CSS + CSS Grid + Flexbox + Media Queries
- JavaScript – materiały do nauki (pierwsze kroki) (ten artykuł)
- JavaScript & algorytmy
- Portfolio Front-end Developera
- JavaScript – projekty dla początkujących – cz. I
Co znajdziesz w artykule?
- materiały polecane na START nauki JavaScriptu,
- dwie ścieżki nauki samego JavaScriptu (DOM i nie-DOM),
- jaka ścieżka dla kogo?
- i co dalej?
Naukę JavaScriptu możemy podzielić na dwie ścieżki:
- JavaScript od strony operacji na elementach drzewa DOM (HTML, CSS)
- JavaScript od strony “konsolowej” (Back-end, skrypty, automatyzacje, itp.)
Jeśli celujesz w Front-end – bardziej naturalnym podejściem będzie rozpoczęcie nauki w pierwszy sposób, w połączeniu z HTML/CSS (podkreślam: rozpoczęcie, bo zgłębienie działania samego JS, nie tylko w połączeniu z DOM leży w Twoim interesie!).
Jeśli Front-end Cię nie interesuje – UWAGA! UWAGA! – nie musisz uczyć się HTML/CSS.
W tym artykule skupię się nad pierwszą ścieżką. W kolejnym przedstawię sposoby i źródła nauki dla osób zainteresowanych samym JS.
JavaScript – pierwsze kroki
Najlepsze materiały na start w temacie nauki JavaScriptu to…
(ocena subiektywna, bazująca na materiałach sprawdzonych przeze mnie, opinii moich podopiecznych, ale także obserwacjach opinii na różnych grupach, itp.):
Max Schwarzmuller i jego kurs: JavaScript – The Complete Guide 2020 (Beginner + Advanced)
(cena rzędu 40-50 zł, kursy na Udemy są w wiecznej promocji – o czym napiszę innym razem; teraz tylko ostrzeżenie: jeśli kurs jest w pełnej cenie – poczekaj)
Max’a polecam nie tylko w temacie nauki JavaScriptu, a Web Developmentu w ogóle. Ma świetne materiały i kursy także w temacie: Angular, Vue JS, React JS. Angulara uczyłam się lata temu dosłownie od niego (wtedy w wersji 4), Vue JS również bazując na jego kursie. React JS odkryłam, gdy musiałam zrobić sobie powtórkę po dłuższej przerwie.
Od niedawna prowadzi również własną platformę ze swoimi kursami. Warta uwagi! Z tego, co słyszałam, będzie aktualizował kursy na Udemy, ale nowe kursy będą się ukazywać już na jego platformie. Gdzie możesz zakupić kurs albo dostęp do samej Platformy -> $19 / mc (tak, po części był inspiracją i dla mnie 🙂 ).
Bardzo praktycznej formy nauki może dostarczyć Ci FreeCodeCamp.
Na start polecam Ci zakres: JavaScript Algorithms and Data Structures Certification (300 h!) z Basic JavaScript (110 zadań) pod tym adresem
Zresztą sam FreeCodeCamp również polecam.
Dodatkowe źródła wiedzy na start (i nie tylko):
JavaScript.info – potężne źródło wiedzy!
JavaScript Guide od MDN i ogólnie dokumentacja MDN!
MDN = Mozilla Developer Network – chyba najbardziej wiarygodne źródło wiedzy w temacie technologii webowych.
Inne platformy z kursami do nauki programowania, Front-endu, web developmentu polecałam swojego czasu w tym artykule (wkrótce przygotuje update i tutaj).
Jeszcze więcej materiałów jak coś znajdziecie tutaj – aczkolwiek artykuł, który czytasz jest bardziej na “bieżąco”.
Książki?
Powiem wprost: mam problem z myśleniem o tym, że JavaScriptu można by się uczyć z książek*.
Aczkolwiek sama pierwsze kroki w wielu językach (jak C/C++ czy Java) stawiałam bazując na książkach (na pierwszym roku książki, które wypożyczyłam w ramach podyktowanych na zajęciach źródeł zajęły mi całą walizkę… z roku na rok nauczyłam się by nie wypożyczać wszystkich pozycji podawanych przez prowadzących xD).
Przechodząc do kwintesencji: jakie książki polecam?
Kyle Simpson i jego seria: You don’t know JS
Seria, którą za darmo możesz przeczytać TUTAJ (druga edycja, zawiera na chwilę obecną dwie spośród pozycji z edycji pierwszej – również dostęp za darmo)
Polskie wydanie możesz znaleźć np. na Helion. Niestety wiele osób narzeka na tłumaczenie… Częsta przypadłość książek w takich tematach… jeśli angielski nie jest dla Ciebie problemem – lepiej czytać książki w oryginale + jeśli masz czytnik => Amazon może być dla Ciebie rajem <3
* Wiecie jaki jest problem z książkami w IT? Trzeba być naprawdę szybkim by wydać książkę na dany temat, która będzie wystarczająco aktualna w momencie publikacji… Ale kiedyś napiszę o książkach, które są na tyle uniwersalne, że nie potrzebują aktualizacji, by dostarczać wartość.
To by było tyle na start.
Artykuły, które jeszcze się ukażą (w ramach Platformy):
- nauka JavaScriptu od strony “konsolowej”
- JavaScript – dalsze kroki i ćwiczenia – w zasadzie w temacie ćwiczeń planuję regularne publikacje z zadaniami/zagadkami z JS,
- dobre praktyki,
- przygotowanie pod kątem rekrutacji,
- analiza ofert pracy: Front-end, Back-end, Web Dev & Full Stack.
Masz pytania? Śmiało zadaj je w komentarzu bądź napisz na pytania@zanetajazdzyk.pl.