Wstęp
Wprowadzenie do JavaScript
-
Jak uczyć się JS?
-
Gdzie umieszczać JavaScript? (4:04)
-
Komentarze w JS (1:02)
-
Console.log i konsola (2:23)
-
Błędy / ostrzeżenia w konsoli
-
const & let (6:44)
-
var (2:25)
-
Jak poprawnie nazywać zmienne? (6:15)
-
Template string (3:41)
-
Test
-
Treść zadania – Napraw błędy
-
Rozwiązanie zadania – Napraw błędy (2:44)
Typy danych
Operatory
Instrukcje warunkowe
Pętle
Tablice
-
Podsumowanie
-
Czym są tablice? (6:16)
-
Metody na tablicach (unshift, shift, push, pop) (5:02)
-
Metody na tablicach (map, concat, spread & rest operator) (9:06)
-
Zadanie – metody slice & splice
-
Rozwiązanie zadania – metody slice & splice (3:41)
-
Metody na tablicach (pozostałe metody) (6:06)
-
map vs forEach (5:20)
-
Zadanie #1 (1:15)
-
Zadanie #2 (1:40)
-
Zadanie #3 (5:33)
-
Zadanie #4 (3:49)
-
Zadanie #5 (4:02)
Funkcje
-
Wprowadzenie do funkcji (10:39)
-
Funkcja anonimowa (2:53)
-
Funkcja strzałkowa (7:20)
-
Quiz z funkcji strzałkowej
-
Domyślne parametry funkcji (4:12)
-
Operator rest (2:35)
-
Zakresy (11:23)
-
Quiz z zakresów
-
forEach i callback (4:28)
-
Zadanie #1 - Dodaj elementy i sprawdź czy są parzyste (7:20)
-
Zadanie #2 - Konwerter °F na °C (4:01)
-
Zadanie #3 - Callback & forEach (4:46)
DOM, Window, Document...
-
Czym jest API? (4:44)
-
Kolejny przykład z API
-
DOM, Window, Document (2:33)
-
Pobieranie elementów na stronie cz. 1 (4:05)
-
Pobieranie elementów na stronie cz. 2 (8:58)
-
Zadanie z pobierania elementów
-
Rozwiązanie zadania z pobieraniem elementów
-
Tworzenie i dodawanie elementów na stronie (6:04)
-
append & appendChild (2:36)
-
textContent, innerText, outerHTML & innerHTML (9:49)
-
Usuwanie elementów ze strony (1:48)
-
addEventListener (9:21)
-
mouseEvent & pointerEvent
-
e (6:18)
-
Bubbling & capturing (7:22)
-
stopPropagation (4:23)
-
Delegacja zdarzeń (9:29)
-
Stylowanie w JS
-
Add, remove & toggle class (4:11)
-
Zadanie #1 - Stwórz listę i zmodyfikuj ją (5:59)
-
Zadanie #2 - Stwórz przyciski i podepnij nasłuchiwanie (5:22)
Pozostałe
Projekty
-
Projekt #1: Chowanie i odkrywanie obrazka (5:06)
-
Projekt #2: Powiększ, pomniejsz i zmień kolor (8:55)
-
Projekt #3: RegExp i walidator hasła (11:13)
-
Projekt #4: Konwerter °C & °F (14:13)
-
Projekt #5: Menu hamburger (4:08)
-
Projekt #6: Aktualny dzień i losowa ciekawostka (6:16)
-
Projekt #7: ToDo Lista - wprowadzenie (1:31)
-
Projekt #7: ToDo Lista - Omówienie projektu (2:46)
-
Projekt #7: ToDo Lista - Pobieramy pierwsze elementy (2:50)
-
Projekt #7: ToDo Lista - Dodawanie nowych zadań (6:26)
-
Projekt #7: ToDo Lista - Narzędzia (8:04)
-
Wyjaśnienie argumentu w funkcji (4:28)
-
Projekt #7: ToDo Lista - Sprawdzamy, który przycisk został kliknięty (4:42)
-
Projekt #7: ToDo Lista - Otwieramy i zamykamy popup (3:02)
-
Projekt #7: ToDo Lista - Edycja zadań (7:37)
-
Projekt 7: ToDo Lista - Usuwanie zadań (3:33)
-
Projekt #7: ToDo Lista - Dodawanie zadań klawiszem 'Enter' (4:22)
Obiekty
-
Czym są obiekty? (4:36)
-
Funkcje aka metody w obiektach (1:45)
-
Dodawanie rzeczy do obiektów (4:14)
-
Pętla for in (1:40)
-
Pierwsze spotkanie z this (2:25)
-
Konstruktor (6:23)
-
Prototyp (4:13)
-
Zadanie - Jedzonko! (5:13)
-
This cz. 1 (6:16)
-
This cz. 2 (5:48)
-
Bind (1:38)
-
Call & apply (2:32)
-
Klasy (5:24)
-
Dziedziczenie, extends & super (5:05)
-
Object.assign() (3:31)
-
Destrukturyzacja obiektów (5:22)
-
Destrukturyzacja tablic (2:09)
JSON, AJAX, API
-
Fetch, then & catch (10:07)
-
Statusy (1:36)
-
AJAX & JSON (2:03)
-
Synchroniczność vs asynchroniczność (3:37)
-
Promisy (5:53)
-
GET, POST, PUT, PATCH (3:07)
-
Async & await cz. 1 (8:19)
-
Async & await cz. 2 (3:20)
-
Axios (6:11)
-
Do projektu z pogodą
-
Projekt #8: WeatherApp - Wprowadzenie (1:10)
-
Projekt #8: WeatherApp - API (5:43)
-
Projekt #8: WeatherApp - Robimy magię cz. 1 (6:26)
-
Do poprzedniego odcinka
-
Projekt #8: WeatherApp - Robimy magię cz. 2 (4:49)
-
Projekt #8: WeatherApp - Instrukcje warunkowe & catch (4:38)
-
Projekt #8: WeatherApp - Pobieranie danych po wciśnięciu klawisza ENTER (1:16)
Zakończenie
