ścieżka nauki
JavaScript — od podstaw do projektów
Pełny kurs JavaScript Marcina Domańskiego: od pierwszego skryptu przez DOM i API do samodzielnych projektów.
Kurs bezpłatnyAutor: Marcin Domański, twórca Kursu JavaScript dla superbohaterów (kursjs.pl). Treść opublikowana za zgodą autora. Kurs jest bezpłatny; czytasz lekcje i zapisujesz postęp tutaj.
Twój plan nauki
Rozwijaj moduły i przechodź kolejno przez lekcje. W każdej chwili możesz wrócić do wcześniejszego tematu.
01PodstawyLekcje: 15
01 Podstawy
Pierwszy skrypt, zmienne, typy danych, warunki i pętle.
-
WstępDo nauki · ok. 1 min czytania
-
NarzędziaDo nauki · ok. 5 min czytania
-
O JavascriptDo nauki · ok. 5 min czytania
-
Zanim zaczniemy - ważny offtopDo nauki · ok. 3 min czytania
-
debuggerDo nauki · ok. 16 min czytania
-
Pierwszy skryptDo nauki · ok. 7 min czytania
-
KomentarzeDo nauki · ok. 4 min czytania
-
Okna dialogoweDo nauki · ok. 4 min czytania
-
Zmienne i stałeDo nauki · ok. 11 min czytania
-
OperatoryDo nauki · ok. 7 min czytania
-
Instrukcje warunkoweDo nauki · ok. 9 min czytania
-
Pętle for i whileDo nauki · ok. 7 min czytania
-
Typy danychDo nauki · ok. 11 min czytania
-
Number i MathDo nauki · ok. 6 min czytania
-
Debugowanie koduDo nauki · ok. 10 min czytania
02Funkcje i daneLekcje: 20
02 Funkcje i dane
Funkcje, tablice, obiekty, klasy i organizacja danych.
-
String - tekstyDo nauki · ok. 12 min czytania
-
TabliceDo nauki · ok. 19 min czytania
-
FunkcjeDo nauki · ok. 8 min czytania
-
Funkcja strzałkowaDo nauki · ok. 3 min czytania
-
Funkcje i zmienne - tematy dodatkoweDo nauki · ok. 13 min czytania
-
Tablice - tematy dodatkoweDo nauki · ok. 9 min czytania
-
Obiekty i thisDo nauki · ok. 9 min czytania
-
DestrukturyzacjaDo nauki · ok. 6 min czytania
-
Referencja i kopiowanie obiektówDo nauki · ok. 5 min czytania
-
Trochę więcej o thisDo nauki · ok. 10 min czytania
-
Dziedziczenie prototypoweDo nauki · ok. 6 min czytania
-
KonstruktorDo nauki · ok. 7 min czytania
-
ClassDo nauki · ok. 5 min czytania
-
Class - rozszerzanie typówDo nauki · ok. 5 min czytania
-
Object.create()Do nauki · ok. 5 min czytania
-
Hermetyzacja w JavascriptDo nauki · ok. 6 min czytania
-
Zarządzanie pamięciąDo nauki · ok. 5 min czytania
-
Map i SetDo nauki · ok. 10 min czytania
-
SymboleDo nauki · ok. 8 min czytania
-
Iteratory i generatoryDo nauki · ok. 6 min czytania
03DOM i zdarzeniaLekcje: 9
03 DOM i zdarzenia
Odczytuj i zmieniaj stronę. Reaguj na działania użytkownika.
-
Document Object ModelDo nauki · ok. 11 min czytania
-
Właściwości elementówDo nauki · ok. 2 min czytania
-
Relacje między elementamiDo nauki · ok. 4 min czytania
-
Tworzenie i usuwanie elementówDo nauki · ok. 12 min czytania
-
CSS i JavascriptDo nauki · ok. 7 min czytania
-
ZdarzeniaDo nauki · ok. 17 min czytania
-
Events - klawiszeDo nauki · ok. 4 min czytania
-
Events - myszkaDo nauki · ok. 4 min czytania
-
Events - tematy dodatkoweDo nauki · ok. 14 min czytania
04Formularze i pamięćLekcje: 7
04 Formularze i pamięć
Formularze, walidacja, pamięć przeglądarki i wyrażenia regularne.
-
Wyrażenia regularneDo nauki · ok. 12 min czytania
-
Funkcje dla wyrażeń regularnychDo nauki · ok. 6 min czytania
-
FormularzeDo nauki · ok. 12 min czytania
-
Formularze - walidacjaDo nauki · ok. 6 min czytania
-
Formularze - Constraint validation APIDo nauki · ok. 8 min czytania
-
StorageDo nauki · ok. 5 min czytania
-
CookiesDo nauki · ok. 7 min czytania
05Asynchroniczność i APILekcje: 10
05 Asynchroniczność i API
Kod asynchroniczny, Promise, async/await i pobieranie danych.
-
AsynchronicznośćDo nauki · ok. 1 min czytania
-
Timeout i interwałyDo nauki · ok. 5 min czytania
-
Event LoopDo nauki · ok. 9 min czytania
-
Funkcje zwrotneDo nauki · ok. 4 min czytania
-
Obietnice - PromiseDo nauki · ok. 8 min czytania
-
Async / awaitDo nauki · ok. 7 min czytania
-
AJAXDo nauki · ok. 20 min czytania
-
Serwer lokalny i json-serverDo nauki · ok. 5 min czytania
-
XMLHttpRequestDo nauki · ok. 12 min czytania
-
Fetch APIDo nauki · ok. 9 min czytania
06Projekty praktyczneLekcje: 11
06 Projekty praktyczne
Połącz umiejętności w sliderze, liście zadań, formularzu i grach.
-
SliderDo nauki · ok. 11 min czytania
-
LightboxDo nauki · ok. 17 min czytania
-
Aplikacja todoDo nauki · ok. 18 min czytania
-
AutocompleteDo nauki · ok. 11 min czytania
-
Banner z obietnicamiDo nauki · ok. 16 min czytania
-
Formularz kontaktowyDo nauki · ok. 15 min czytania
-
Tworzymy kalendarzDo nauki · ok. 25 min czytania
-
Aplikacja do rysowaniaDo nauki · ok. 31 min czytania
-
Canvas color pickerDo nauki · ok. 26 min czytania
-
Gra szubienicaDo nauki · ok. 11 min czytania
-
Gra memoryDo nauki · ok. 11 min czytania
07Narzędzia i modułyLekcje: 6
07 Narzędzia i moduły
Moduły, npm, bundlery i organizacja projektu.
-
ModułyDo nauki · ok. 15 min czytania
-
Node.js i npmDo nauki · ok. 17 min czytania
-
NPM Scripts - przykładowa konfiguracjaDo nauki · ok. 6 min czytania
-
Bundlery i WebpackDo nauki · ok. 13 min czytania
-
Parcel i narzędzia graficzneDo nauki · ok. 4 min czytania
-
GulpDo nauki · ok. 19 min czytania
08Grafika i zagadnienia dodatkoweLekcje: 16
08 Grafika i zagadnienia dodatkowe
Canvas, animacje, daty, jQuery i pozostałe mechanizmy przeglądarki.
-
Strict modeDo nauki · ok. 4 min czytania
-
Okna przeglądarkiDo nauki · ok. 5 min czytania
-
Praca z RWDDo nauki · ok. 3 min czytania
-
Observer APIDo nauki · ok. 9 min czytania
-
Grafika na stronieDo nauki · ok. 6 min czytania
-
AnimacjeDo nauki · ok. 22 min czytania
-
Spread i restDo nauki · ok. 3 min czytania
-
Interpolacja stringówDo nauki · ok. 5 min czytania
-
Obiekt DateDo nauki · ok. 8 min czytania
-
jQueryDo nauki · ok. 21 min czytania
-
jQuery - animacjeDo nauki · ok. 5 min czytania
-
jQuery - AjaxDo nauki · ok. 8 min czytania
-
jQuery - własny pluginDo nauki · ok. 8 min czytania
-
CanvasDo nauki · ok. 23 min czytania
-
Canvas grafikaDo nauki · ok. 12 min czytania
-
Canvas animacjeDo nauki · ok. 9 min czytania