Jakie tematy będą omawiane na kursie?
Podstawy Javascript Część 1
Pierwsze kroki w programowaniu:
Drukowanie akcji console.log
Definiowanie zmiennej typu var
Łączenie zmiennych za pomocą console.log
Podstawowe operacje matematyczne:
Definiowanie zmiennych liczbowych
Operacje arytmetyczne - dodawanie, odejmowanie, mnożenie i dzielenie
Używanie console.log z operacjami arytmetycznymi
Łańcuchy znaków:
Co to jest łańcuch znaków
Definiowanie zmiennych typu string
Zrozumienie indeksowania łańcuchów znaków
Używanie operatora nawiasów kwadratowych []
Warunki i zmienne typu Boolean:
Zrozumienie warunku if
Operacja większości
Operacja mniejszości
Operacja równości
Operacja nierówności (nie równa się)
Operacja większe lub równe
Operacja mniejsze lub równe
Używanie prostych warunków
Zaawansowane warunki:
Zaawansowane warunki i operatory logiczne (&& oraz ||)
Używanie if oraz else
Używanie skomplikowanych warunków z else if
Operacja modulo:
Używanie operacji modulo (%) do obliczania reszty
Używanie metody do obliczania liczby cyfr w liczbie
Używanie parseInt do zaokrąglania wyniku liczby
Pętle while:
Jak napisać pętlę while
Zrozumienie pojęcia indeksu i jego zastosowań
Pętle for:
Definiowanie pętli for i jej zastosowania
Zrozumienie inicjalizacji pętli, inkrementacji i zakończenia
Zaawansowane zagadnienia modulo:
Używanie modulo do bardziej złożonych zadań
Jak obliczyć sumę cyfr liczby
Podstawy Javascript Część 2
Tablice:
Definiowanie tablicy
Zrozumienie pojęcia indeksu w tablicy i jego zastosowania
Iteracja po tablicach za pomocą pętli
Obiekty:
Definiowanie pustego obiektu
Inicjalizacja kluczy w obiekcie
Dostęp do kluczy za pomocą operatora kropki
Dynamiczne dostęp do kluczy
Zaawansowane tematy dotyczące obiektów:
Tablica obiektów
Używanie pętli do iteracji przez tablicę obiektów
Metoda Object.keys
Metoda Object.values
Metoda JSON.stringify
Metoda JSON.parse
Funkcje Część A:
Definiowanie funkcji
Definiowanie argumentów dla funkcji
Zwracanie wartości funkcji
Pisanie bardziej złożonych funkcji
Funkcje Część B:
Wywoływanie wielu funkcji
Wywoływanie funkcji wewnątrz innej funkcji.
Łączenie funkcji
Zagnieżdżone Pętle For:
Definiowanie zagnieżdżonych pętli for
Poprawne używanie indeksów
Złożone przykłady z tablicami
Integracja HTML, CSS i JS
Tworzenie elementu przy użyciu kodu:
Łączenie światów HTML, CSS i JavaScript razem
Zrozumienie DOM (Document Object Model)
Tworzenie prostego elementu HTML przy użyciu kodu
Użycie innerText i classList
Użycie funkcji appendChild
Tworzenie listy przy użyciu pętli:
Tworzenie dynamicznego elementu ul
Tworzenie dynamicznych elementów li
Używanie funkcji do dynamicznego tworzenia
Pobieranie elementów ze strony:
Zrozumienie funkcji getElementById do pobierania
Zrozumienie funkcji getElementsByClassName do pobierania
Zrozumienie funkcji getElementsByTagName do pobierania
Zrozumienie funkcji querySelectorAll do pobierania
Zrozumienie funkcji querySelector do pobierania
Zrozumienie funkcji createElement do tworzenia
Tworzenie dynamicznej tabeli:
Tworzenie elementu tabeli dynamicznie
Używanie tablic i funkcji do budowania tabeli
Wydarzenia Część A:
Przypisywanie zdarzenia kliknięcia do przycisku
Używanie addEventListener
Dynamiczne wstawianie treści do strony po zdarzeniu z użytkownikiem
Wydarzenia Część B:
Użycie inputów i wydarzeń
Integracja dynamicznych elementów
Bardziej złożone przykłady
Zaawansowane tematy w Javascript
Funkcje callback:
Czym jest funkcja callback
Kiedy jej używać
Jak przekazać argumenty
Jak sprawdzić poprawność kodu
Timery:
Zrozumienie funkcji setTimeout
Zrozumienie funkcji setInterval
Zrozumienie asynchronicznej natury języka
Komunikacja z serwerem Część A:
Zrozumienie obiektu xmlHttpRequest
Tworzenie komunikacji z rzeczywistym serwerem w celu pobierania danych
Budowanie dynamicznych elementów na stronie
Komunikacja z serwerem Część B:
Używanie zdarzeń i komunikacji
Tworzenie skomplikowanego przepływu dla dynamicznej strony, która wchodzi w interakcję z serwerem
Zrozumienie zachowań asynchronicznych w JavaScript
Używanie Promises:
Zrozumienie obiektu Promise
Używanie then i catch
Tworzenie komunikacji za pomocą Promises
Tworzenie złożonego przepływu za pomocą Promises
Zakończenie