ś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łatny
94lekcji dostępnych dla Ciebie
8uporządkowanych modułów
Własne tempopoziom kursu
Zobacz program ↓

Zaloguj się, aby zapisywać postęp Utwórz konto

Autor: 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.

  1. Wstęp
    Do nauki · ok. 1 min czytania
  2. Narzędzia
    Do nauki · ok. 5 min czytania
  3. O Javascript
    Do nauki · ok. 5 min czytania
  4. Zanim zaczniemy - ważny offtop
    Do nauki · ok. 3 min czytania
  5. debugger
    Do nauki · ok. 16 min czytania
  6. Pierwszy skrypt
    Do nauki · ok. 7 min czytania
  7. Komentarze
    Do nauki · ok. 4 min czytania
  8. Okna dialogowe
    Do nauki · ok. 4 min czytania
  9. Zmienne i stałe
    Do nauki · ok. 11 min czytania
  10. Operatory
    Do nauki · ok. 7 min czytania
  11. Instrukcje warunkowe
    Do nauki · ok. 9 min czytania
  12. Pętle for i while
    Do nauki · ok. 7 min czytania
  13. Typy danych
    Do nauki · ok. 11 min czytania
  14. Number i Math
    Do nauki · ok. 6 min czytania
  15. Debugowanie kodu
    Do nauki · ok. 10 min czytania
02Funkcje i daneLekcje: 20

02 Funkcje i dane

Funkcje, tablice, obiekty, klasy i organizacja danych.

  1. String - teksty
    Do nauki · ok. 12 min czytania
  2. Tablice
    Do nauki · ok. 19 min czytania
  3. Funkcje
    Do nauki · ok. 8 min czytania
  4. Funkcja strzałkowa
    Do nauki · ok. 3 min czytania
  5. Funkcje i zmienne - tematy dodatkowe
    Do nauki · ok. 13 min czytania
  6. Tablice - tematy dodatkowe
    Do nauki · ok. 9 min czytania
  7. Obiekty i this
    Do nauki · ok. 9 min czytania
  8. Destrukturyzacja
    Do nauki · ok. 6 min czytania
  9. Referencja i kopiowanie obiektów
    Do nauki · ok. 5 min czytania
  10. Trochę więcej o this
    Do nauki · ok. 10 min czytania
  11. Dziedziczenie prototypowe
    Do nauki · ok. 6 min czytania
  12. Konstruktor
    Do nauki · ok. 7 min czytania
  13. Class
    Do nauki · ok. 5 min czytania
  14. Class - rozszerzanie typów
    Do nauki · ok. 5 min czytania
  15. Object.create()
    Do nauki · ok. 5 min czytania
  16. Hermetyzacja w Javascript
    Do nauki · ok. 6 min czytania
  17. Zarządzanie pamięcią
    Do nauki · ok. 5 min czytania
  18. Map i Set
    Do nauki · ok. 10 min czytania
  19. Symbole
    Do nauki · ok. 8 min czytania
  20. Iteratory i generatory
    Do nauki · ok. 6 min czytania
03DOM i zdarzeniaLekcje: 9

03 DOM i zdarzenia

Odczytuj i zmieniaj stronę. Reaguj na działania użytkownika.

  1. Document Object Model
    Do nauki · ok. 11 min czytania
  2. Właściwości elementów
    Do nauki · ok. 2 min czytania
  3. Relacje między elementami
    Do nauki · ok. 4 min czytania
  4. Tworzenie i usuwanie elementów
    Do nauki · ok. 12 min czytania
  5. CSS i Javascript
    Do nauki · ok. 7 min czytania
  6. Zdarzenia
    Do nauki · ok. 17 min czytania
  7. Events - klawisze
    Do nauki · ok. 4 min czytania
  8. Events - myszka
    Do nauki · ok. 4 min czytania
  9. Events - tematy dodatkowe
    Do nauki · ok. 14 min czytania
04Formularze i pamięćLekcje: 7

04 Formularze i pamięć

Formularze, walidacja, pamięć przeglądarki i wyrażenia regularne.

  1. Wyrażenia regularne
    Do nauki · ok. 12 min czytania
  2. Funkcje dla wyrażeń regularnych
    Do nauki · ok. 6 min czytania
  3. Formularze
    Do nauki · ok. 12 min czytania
  4. Formularze - walidacja
    Do nauki · ok. 6 min czytania
  5. Formularze - Constraint validation API
    Do nauki · ok. 8 min czytania
  6. Storage
    Do nauki · ok. 5 min czytania
  7. Cookies
    Do nauki · ok. 7 min czytania
05Asynchroniczność i APILekcje: 10

05 Asynchroniczność i API

Kod asynchroniczny, Promise, async/await i pobieranie danych.

  1. Asynchroniczność
    Do nauki · ok. 1 min czytania
  2. Timeout i interwały
    Do nauki · ok. 5 min czytania
  3. Event Loop
    Do nauki · ok. 9 min czytania
  4. Funkcje zwrotne
    Do nauki · ok. 4 min czytania
  5. Obietnice - Promise
    Do nauki · ok. 8 min czytania
  6. Async / await
    Do nauki · ok. 7 min czytania
  7. AJAX
    Do nauki · ok. 20 min czytania
  8. Serwer lokalny i json-server
    Do nauki · ok. 5 min czytania
  9. XMLHttpRequest
    Do nauki · ok. 12 min czytania
  10. Fetch API
    Do nauki · ok. 9 min czytania
06Projekty praktyczneLekcje: 11

06 Projekty praktyczne

Połącz umiejętności w sliderze, liście zadań, formularzu i grach.

  1. Slider
    Do nauki · ok. 11 min czytania
  2. Lightbox
    Do nauki · ok. 17 min czytania
  3. Aplikacja todo
    Do nauki · ok. 18 min czytania
  4. Autocomplete
    Do nauki · ok. 11 min czytania
  5. Banner z obietnicami
    Do nauki · ok. 16 min czytania
  6. Formularz kontaktowy
    Do nauki · ok. 15 min czytania
  7. Tworzymy kalendarz
    Do nauki · ok. 25 min czytania
  8. Aplikacja do rysowania
    Do nauki · ok. 31 min czytania
  9. Canvas color picker
    Do nauki · ok. 26 min czytania
  10. Gra szubienica
    Do nauki · ok. 11 min czytania
  11. Gra memory
    Do nauki · ok. 11 min czytania
07Narzędzia i modułyLekcje: 6

07 Narzędzia i moduły

Moduły, npm, bundlery i organizacja projektu.

  1. Moduły
    Do nauki · ok. 15 min czytania
  2. Node.js i npm
    Do nauki · ok. 17 min czytania
  3. NPM Scripts - przykładowa konfiguracja
    Do nauki · ok. 6 min czytania
  4. Bundlery i Webpack
    Do nauki · ok. 13 min czytania
  5. Parcel i narzędzia graficzne
    Do nauki · ok. 4 min czytania
  6. Gulp
    Do 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.

  1. Strict mode
    Do nauki · ok. 4 min czytania
  2. Okna przeglądarki
    Do nauki · ok. 5 min czytania
  3. Praca z RWD
    Do nauki · ok. 3 min czytania
  4. Observer API
    Do nauki · ok. 9 min czytania
  5. Grafika na stronie
    Do nauki · ok. 6 min czytania
  6. Animacje
    Do nauki · ok. 22 min czytania
  7. Spread i rest
    Do nauki · ok. 3 min czytania
  8. Interpolacja stringów
    Do nauki · ok. 5 min czytania
  9. Obiekt Date
    Do nauki · ok. 8 min czytania
  10. jQuery
    Do nauki · ok. 21 min czytania
  11. jQuery - animacje
    Do nauki · ok. 5 min czytania
  12. jQuery - Ajax
    Do nauki · ok. 8 min czytania
  13. jQuery - własny plugin
    Do nauki · ok. 8 min czytania
  14. Canvas
    Do nauki · ok. 23 min czytania
  15. Canvas grafika
    Do nauki · ok. 12 min czytania
  16. Canvas animacje
    Do nauki · ok. 9 min czytania

Potwierdź operację