AJAX & JSON | MMC School

Autoplay
Autocomplete

Poprzedni wykład Zakończ i kontynuuj

JavaScript – Jedyny Kurs, Którego Potrzebujesz!

Wstęp

Wymagania do uczestnictwa w kursie (1:46)
Podgląd na kilka projektów z kursu (2:50)
Visual Studio Code – edytor kodu
Wtyczki do VS Code
FAQ

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

String cz. 1 (2:40)
String cz. 2 (11:11)
Wprowadzenie do zadania ze stringami
Rozwiązanie zadania ze stringami (4:53)
Number (4:12)
Boolean (2:31)
Null & undefined (1:23)
Typy złożone (3:09)
Test

Operatory

Operatory arytmetyczne (4:35)
Operatory przypisania (3:03)
Operatory porównania (3:28)
Operatory logiczne (3:11)
Test

Instrukcje warunkowe

If, else if & else (7:39)
Switch (4:09)
Operator warunkowy (4:32)
Zadanie #1 - If (1:07)
Zadanie #2 - If & else (1:22)
Zadanie #3 - If, else if & else (2:01)
Zadanie #4 - Switch (2:31)
Zadanie #5 - Operator warunkowy (3:23)
Zadanie #6 - Bardzo (nie)trudne zadanie (5:34)

Pętle

For (7:33)
While (2:05)
Do ... while (0:34)
For of (4:02)
Zadanie #1 - Pętla for (1:51)
Zadanie #2 - Pętla while (2:03)
Zadanie #3 - Pętla do ... while (2:21)
Zadanie #4 - Pętla for of (5:26)

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

setTimeout i setInterval (2:04)
Strict mode (2:08)
Alert, confirm & prompt (3:43)
Obiekt Math (2:39)
Atrybuty w JS (3:28)
data-atrybuty (3:24)
Relacje rodzinne (4:20)
Zadanie #1 (1:52)
Zadanie #2 (6:05)
ID jako zmienna (0:41)
Konsola (3:29)

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

Co dalej?

Teach online with

AJAX & JSON

Treść wykładu zablokowana

Jeśli jesteś już zarejestrowany, musisz się zalogować.

Zapisz się na kurs, aby odblokować