Podziękowania
Wprowadzenie
KRÓTKI SPIS TRE Ś CI
CZ ĘŚĆ I: PODSTAWY
Rozdział 1: Co to jest JavaScript?
Rozdział 2: Typy danych i zmienne
Rozdział 3: Tablice
Rozdział 4: Obiekty
Rozdział 5: Podstawy HTML
Rozdział 6: Instrukcje warunkowe i pętle
Rozdział 7: Gra Szubienica
Rozdział 8: Funkcje
CZ
II: JAVASCRIPT KROK DALEJ
Rozdział 9: DOM i jQuery
Rozdział 10: Programowanie interaktywne
Rozdział 11: Znajdź ukryty skarb!
Rozdział 12: Programowanie obiektowe
CZ ĘŚĆ III: P Ł ÓTNO
Rozdział 13: Element canvas
Rozdział 14: Przesuwanie elementów na płótnie
Rozdział 15: Sterowanie animacjami za pomocą klawiszy
Rozdział 16: Zręcznościowa gra Wąż: Część 1
Rozdział 17: Zręcznościowa gra Wąż: Część 2
Posłowie: Co dalej?
Słowniczek
Skorowidz
SZCZEGÓ Ł OWY SPIS
PODZI Ę KOWANIA
WPROWADZENIE
Kto powinien przeczytać tę książkę? .
Jak należy czytać tę książkę?
Co znajdziesz w tej książce? .
Baw się dobrze! .
Wprowadzenie do wydania polskiego
Ustawianie czyli zmienianie elementów tablicy
elementów do tablicy
Usuwanie elementów z tablicy
Znajdowanie indeksu elementu w tablicy
Przekształcanie tablicy w łańcuch znaków
generatora losowych zniewag
ledzenie należnych pieniędzy
#2: Eksplorowanie obiektów i tablic
Edytory tekstu
Nasz pierwszy dokument HTML
Odstępy w HTML i elementy blokowe
wierszowe
Kiedy używać funkcji alert zamiast metody console.log
Projektowanie gry z użyciem pseudokodu
Projektowanie
Wybieranie losowego słowa
Tworzenie tablicy z odpowiedziami
Kod głównej p
tli gry
Kończenie gry
Kod gry
Co już wiesz
Dla ambitnych
#1: Więcej słów
#2: Wielkie litery
#3: Ograniczanie liczby strza
ów
#4: Usuwanie usterki
Podstawowa anatomia funkcji
Tworzenie prostej funkcji
Wywoływanie funkcji
Przesyłanie argumentów do funkcji
Wyświetlanie kocich pyszczków!
Przesyłanie do funkcji wielu argumentów
Zwracanie wartości z funkcji
Używanie wywołania funkcji jako wartości
Upraszczanie kodu za pomocą funkcji
Funkcja do wyboru losowego słowa
losowych zniewag
Przekształcanie generatora losowych zniewag w funkcję
Wcześniejsze opuszczanie funkcji za pomocą słowa kluczowego return
Wielokrotne używanie return zamiast instrukcji if…else
Co już wiesz .
Dla ambitnych
#1: Wykonywanie obliczeń za pomocą funkcji
#2: Czy te tablice są takie same?
#3: Szubienica z funkcjami
DOM I JQUERY
Wybór elementów DOM .
Identyfikowanie elementów za pomocą atrybutu id
Wybór elementu za pomocą metody getElementById
tekstu w nagłówku za pomocą DOM
Praca z drzewem DOM za pomocą jQuery
Ładowanie jQuery na stronie HTML
Zamiana tekstu w nagłówku za pomocą jQuery
Tworzenie nowych elementów za pomocą
Animowanie elementów za pomocą
Szeregowanie animacji jQuery
Co już wiesz
Dla ambitnych
#1: Wyświetlanie imion znajomych za pomocą jQuery (w taki sposób, żeby ich do siebie zrazić!)
Używanie metody fadeTo
Dla ambitnych
#1: Idź za kliknięciami
Wymy
#3: Anulowanie animacji kliknięciem
#4: Napisz grę „Kliknij nagłówek”!
Wybór losowego miejsca ukrycia skarbu
Wybieranie losowych liczb
Ustawianie współrzędnych skarbu
Funkcja obsługi kliknięcia .
Licznik kliknięć
Obliczanie odległości pomiędzy kliknięciem a skarbem
Zastosowanie twierdzenia Pitagorasa
Informowanie gracza o odległości od skarbu
Sprawdzanie, czy gracz wygrał
Kompletny kod gry
Co już wiesz
Dla ambitnych
#1: Zwiększanie obszaru gry
#2: Kolejne komunikaty
#3: Dodanie limitu kliknięć
#4: Wyświetlanie liczby kliknięć do wykorzystania
obiekt
Dodawanie metod do obiektów
Dodawanie metod do jazdy w lewo, w górę i w dół
Co już wiesz
Dla ambitnych
#1: Rysowanie w konstruktorze Auto
#2: Dodawanie właściwości szybkość
#3: Wyścigówki
Tworzenie podstawowego płótna
Rysowanie na płótnie
Wybieranie i zapisywanie elementu canvas
Uzyskiwanie kontekstu rysowania
Rysowanie kwadratu
Rysowanie wielu kwadratów
Zmiana koloru rysowania
Rysowanie obrysów prostokątów
Rysowanie linii czyli ścież
Wypełnianie ścieżek
Rysowanie łuków i okręgów
Rysowanie ćwiartki okręgu czyli łuku
Rysowanie półokręgu
Rysowanie pełnego okręgu
Rysowanie wielu okręgów za pomocą funkcji
Co już wiesz
Dla ambitnych
#1: Funkcja do rysowania bałwana
#2: Rysowanie tablicy punktów
#3: Rysowanie za pomocą myszy
#4: Rysowanie wisielca w grze Szubienica
Rysowanie prostokąta
Animowanie rozmiaru kwadratu
Odbijanie się piłki
Animowanie pił
Co już wiesz
Dla ambitnych
#1: Piłka odbijająca się na większym płótnie
#2: Losowe wartości this.xSzybkość i this.ySzybkość
#3: Animowanie większej liczby piłek
#4: Tworzenie kolorowych piłek
klawiatury
Przygotowanie pliku HTML
Dodawanie obsługi zdarzenia keydown
Używanie obiektu do przekształcania kodów klawiszy na nazwy .
Przesuwanie piłki za pomocą klawiatury
Konfigurowanie płótna
Definiowanie funkcji okrąg
Tworzenie konstruktora Piłka
Definiowanie metody przesuwaj
Definiowanie metody rysuj
Tworzenie metody ustawKierunek
Reagowanie na zdarzenia klawiatury
Animowanie piłki
Pełny kod
Co już wiesz
Dla ambitnych
#1: Odbijanie się od ścian
#3: Elastyczne kontrolki
łożenia ogólne
Definiowanie zmiennych płótno, kontekst, szerokość i wysokość
Dzielenie płótna na bloki
Definiowanie zmiennej wynik
Rysowanie obramowania
Wyświetlanie wyniku
Ustawianie linii bazowej tekstu
Ustawianie rozmiaru i czcionki
Funkcja rysujWynik
Kończenie gry
Co już wiesz
Dla ambitnych
#1: Składanie wszystkiego razem
#2: Animacja wyniku
#3: Dodawanie tekstu do Szubienicy
konstruktora Blok
węż
Ustawianie kierunku węża z klawiatury
obsługi zdarzenia
metody ustawKierunek
Tworzenie jabłka
Pełny kod
Co już wiesz
Dla ambitnych
#1: Powiększanie planszy
#2: Kolorowanie węż
#3: Zwiększanie szybkości gry w jej trakcie
#4: Poprawianie metody jabłko.przenieś
SVG z biblioteką Raphaël
Programowanie 3D
Programowanie robotów
Programowanie audio
Programowanie gier
Udostępnianie kodu za pomocą JSFiddle
S