JavaScript rozszerzony - fetch, async, nowoczesny ES6+
Wyjdź poza egzamin: komunikacja z serwerem, async/await, ES6+
Mini-kurs dla chętnych: fetch i AJAX, programowanie asynchroniczne (async/await), nowoczesny JavaScript (destrukturyzacja, moduły, spread). Materiał wykracza poza zakres egzaminu INF.03.
Moduły kursu
M1 Komunikacja z serwerem (fetch) 4 lekcji
-
fetch - pobieranie danych i Promise
Czym jest fetch API, jak działa Promise, pobieranie danych z serwera. W sandboxie fetch jest mockowany dla bezpieczeństwa.
-
Obsługa odpowiedzi JSON i wyświetlanie w DOM
Parsowanie JSON przez .json(), iterowanie po tablicy danych, wyświetlanie wyników w elementach HTML.
-
Wysyłanie danych (POST przez fetch) i mock API
Jak wysyłać dane metodą POST: opcje fetch, nagłówki Content-Type, body JSON.stringify. Mock API w ćwiczeniach.
-
Obsługa błędów (.catch, statusy HTTP)
Obsługa błędów sieciowych przez .catch(), sprawdzanie response.ok, statusy HTTP 200/404/500.
M2 Programowanie asynchroniczne 4 lekcji
-
Czym jest asynchroniczność: callback → Promise → async/await
Ewolucja asynchroniczności w JS: callback hell, Promises jako rozwiązanie, async/await jako nowoczesna składnia.
-
async/await w praktyce
Tworzenie funkcji async, używanie await, obsługa błędów przez try/catch, przykłady praktyczne.
-
setTimeout i setInterval
Opóźnianie kodu przez setTimeout, powtarzanie przez setInterval, clearTimeout i clearInterval.
-
Promise.all - równoległe operacje
Uruchamianie wielu Promise jednocześnie przez Promise.all, obsługa wyników i błędów w trybie równoległym.
M3 Nowoczesny JavaScript (ES6+) 4 lekcji
-
Destrukturyzacja tablic i obiektów
Wyciąganie wartości z tablic i obiektów jedną instrukcją: składnia, aliasy, wartości domyślne.
-
Spread/rest (...) - rozwijanie i zbieranie
Operator ... jako spread (rozwijanie) i rest (zbieranie argumentów). Łączenie tablic i obiektów.
-
Metody skrótowe, opcjonalne łańcuchowanie (?.), ??
Skrócone metody obiektów ES6, operator ?. chroniący przed null, ?? jako bezpieczna wartość domyślna.
-
Co dalej po JavaScript? Frameworki - wzmianka
Przegląd ekosystemu JS: React, Vue, Angular, Node.js. Jak wybrać ścieżkę nauki po opanowaniu podstaw.