Co to jest JavaScript? Narzędzia do edycji kodu Dokument HTML Analiza kodu - polecenia i funkcje Wartości i zmienne Używanie zmiennych Nazywanie zmiennych Więcej informacji na temat deklarowania i inicjowania zmiennych Funkcje Tworzenie funkcji przyjmującej argumenty Tworzenie funkcji zwracającej dane Słowo kluczowe return Wcześniejsze wychodzenie z funkcji Instrukcja if-else Poznaj operatory warunkowe Tworzenie bardziej złożonych wyrażeń Wariacje na temat instrukcji if-else Instrukcje switch Wybór właściwej instrukcji Pętla for Pętla while Pętla do...while Timery Opóźnianie za pomocą funkcji setTimeout Zapętlenie za pomocą funkcji setInterval Płynne animowanie za pomocą funkcji requestAnimationFrame Zakres zmiennych Zakres globalny Zakres lokalny Różne krętactwa przy ustalaniu zakresu Deklaracje wykorzystujące słowo kluczowe var nie obsługują zakresu bloku Jak JavaScript przetwarza zmienne Domknięcia Funkcje wewnątrz funkcji Gdy funkcje wewnętrzne nie są samowystarczalne ( Gdzie należy umieścić kod? Podejście nr 1: cały kod jest umieszczony w dokumencie HTML Podejście nr 2: kod znajduje się w osobnym pliku Plik JavaScript ( Odwoływanie się do pliku JavaScript Tak, mój kod będzie używany w wielu dokumentach Nie, mój kod jest używany tylko raz w pojedynczym dokumencie HTML Komentarze jednoliniowe wieloliniowe 12. Łańcuchy znaków Właściwości i metody obiektu String Uzyskiwanie dostępu do poszczególnych znaków Łączenie (czyli konkatenacja) łańcuchów znaków Tworzenie podłańcuchów z łańcuchów znaków Dzielenie łańcucha znaków - metoda split Szukanie czegoś wewnątrz łańcucha znaków Łańcuchy znaków z wielkimi i małymi literami Kiedy prymitywy zachowują się jak obiekty Tablice Liczby Operatory Wykonywanie prostych działań matematycznych Inkrementacja i dekrementacja Nieskończoność NaN Obiekt Math Stałe Zaokrąglanie liczb Funkcje trygonometryczne Potęgi i pierwiastki kwadratowe Uzyskanie wartości bezwzględnej Liczby losowe Głębsze spojrzenie na obiekty Poznaj typ Object Tworzenie obiektów Określanie właściwości Tworzenie niestandardowych obiektów Słowo kluczowe this Rozszerzanie obiektów wbudowanych Przywitaj się ponownie z prototypem - w pewnym sensie Rozszerzanie wbudowanych obiektów jest kontrowersyjne Nie kontrolujemy przyszłości wbudowanego obiektu Niektóre funkcjonalności nie powinny być rozszerzane ani nadpisywane Wartości logiczne i ściślejsze operatory === oraz !== Obiekt Boolean Funkcja Boolean Operatory identyczności i nieidentyczności Null Undefined Natychmiastowo wywoływane wyrażenia funkcyjne Pisanie IIFE, które przyjmuje argumenty Unikanie kolizji kodu Domknięcia i stan zablokowania Zapewnianie prywatności elementów JS, przeglądarka i model DOM Do czego służą HTML, CSS i JavaScript HTML definiuje strukturę Upiększ mój świat, CSS! Nadszedł czas na JavaScript! Poznaj obiektowy model dokumentu Obiekt window Obiekt document Szukanie elementów w strukturze DOM Poznaj rodzinę querySelector Funkcja querySelector Funkcja querySelectorAll To naprawdę jest składnia selektora CSS Modyfikowanie elementów DOM Elementy DOM są obiektami - w pewnym sensie! Przejdźmy do modyfikowania elementów DOM Zmiana wartości tekstowej elementu Wartości atrybutów Nadawanie stylu zawartości Dlaczego należy ustawiać style przy użyciu JavaScriptu? Przypowieść o dwóch podejściach nadawania stylów Ustawianie stylu bezpośrednio Dodawanie i usuwanie klas za pomocą classList Dodawanie wartości klas Usuwanie wartości klas Przełączanie wartości klas Przechodzenie przez drzewo DOM Tworzenie i usuwanie elementów DOM Klonowanie elementów Narzędzia dla programistów wbudowane w przeglądarki Poznaj Narzędzia dla programistów Badanie struktury DOM Debugowanie kodu JavaScript Poznaj konsolę Badanie obiektów Rejestrowanie wiadomości Zdarzenia i JavaScript Nasłuchiwanie zdarzeń Reagowanie na zdarzenia Argumenty zdarzenia oraz typ Event Bąbelkowanie i przechwytywanie zdarzeń Zdarzenia myszy Poznaj zdarzenia myszy Pojedyncze i dwukrotne kliknięcie Zdarzenia mouseover i mouseout Przypominające kliknięcie zdarzenia wciskania i zwalniania przycisku myszy Zdarzenie podsłuchane ponownie... i ponownie... i ponownie Menu kontekstowe Właściwości obiektu MouseEvent Globalna pozycja myszy Pozycja myszy w przeglądarce Wykrywanie, który przycisk został kliknięty Obsługa kółka myszy Zdarzenia klawiatury Poznaj zdarzenia klawiatury Używanie tych zdarzeń Właściwości zdarzenia klawiatury Sprawdzanie, czy naciśnięty został konkretny klawisz Wykonanie jakiejś akcji po naciśnięciu klawiszy strzałek Wykrywanie naciśnięcia wielu klawiszy Zdarzenia ładowania strony i inne kwestie Zdarzenia DOMContentLoaded i load Skrypty i ich lokalizacja w strukturze DOM Elementy script - atrybuty async i defer Obsługa zdarzeń dla wielu elementów