JavaScript dla dzieci

Nick Morgan

Uzyskaj dostęp

Zakup książkę

ISBN/ISSN:

978-83-01-18569-5

DOI:

Wydawnictwo:

Wydawnictwo Naukowe PWN

Rok wydania:

2016

Liczba stron:

348

XML:ISBN/ISSN:

ONIX MARC21

Bibliografia:

Morgan, Nick. JavaScript dla dzieci. Red. . Warszawa: Wydawnictwo Naukowe PWN, 2016, 348 s. ISBN 978-83-01-18569-5

Bibliografia refWorks:

RT Book, Whole

SR Electronic(1)

A1 Morgan, N.

T1 JavaScript dla dzieci

PB Wydawnictwo Naukowe PWN

PP Warszawa

YR 2016

SN 978-83-01-18569-5

Bibliografia BibTex:

@Book{ 154851, author = "Morgan, Nick", editor = "", title = "JavaScript dla dzieci", publisher = "Wydawnictwo Naukowe PWN", year = "2016", address = "Warszawa", isbn = "978-83-01-18569-5" }

Bibliografia endNote:

TY - BOOK

AU - Morgan, Nick

ED -

TI - JavaScript dla dzieci

PB - Wydawnictwo Naukowe PWN

CY - Warszawa

PY - 2016

SN - 978-83-01-18569-5

ER -

Netografia (standard APA):

Morgan, Nick. JavaScript dla dzieci [baza danych online] Warszawa: Wydawnictwo Naukowe PWN, 2016 [dostęp: 07 07 2024]. Dostęp w Ibuk Libra: https://libra.ibuk.pl/reader/javascript-dla-dzieci-nick-morgan-154851.

zabawa, programowanie dla dzieci, JavaScript

JavaScript dla dzieci to napisane lekkim piórem wprowadzenie do podstaw programowania, oparte na cierpliwym objaśnianiu zabawnie zilustrowanych przykładów. Zaczniesz od podstaw, takich jak łańcuchy znaków, tablice i pętle, a następnie przejdziesz ...

Więcej

ISBN/ISSN:

978-83-01-18569-5

DOI:

Wydawnictwo:

Wydawnictwo Naukowe PWN

Rok wydania:

2016

Liczba stron:

348

XML:ISBN/ISSN:

ONIX MARC21

PODZIĘKOWANIA22
WPROWADZENIE24
Jak należy czytać tę książkę?25
Kto powinien przeczytać tę książkę?25
Co znajdziesz w tej książce?26
Baw się dobrze!27
Wprowadzenie do wydania polskiego28
CZĘŚĆ I: PODSTAWY30
1 CO TO JEST JAVASCRIPT?32
Poznaj JavaScript33
Po co się uczyć języka JavaScript?35
Pierwsze kroki w JavaScript36
Struktura programu JavaScript37
Komentarze39
Składnia39
Co już wiesz40
2 TYPY DANYCH I ZMIENNE42
Liczby i operatory44
Zmienne46
Nazwy zmiennych48
Tworzenie nowych zmiennych za pomocą działań matematycznych48
Inkrementacja i dekrementacja50
+= (plus-równa się) i – = (minus-równa się)51
Łańcuchy znaków52
Łączenie łańcuchów znaków54
Ustalanie długości łańcucha znaków54
Pobieranie pojedynczego znaku z łańcucha55
Przycinanie łańcucha znaków56
Zmiana wszystkich znaków w łańcuchu na wielkie albo małe litery57
Logiczny typ danych59
Operatory logiczne59
Porównywanie liczb na podstawie wartości logicznych62
Wartości undefined i null66
Co już wiesz67
3 TABLICE68
Po co zajmować się tablicami?69
Tworzenie tablicy70
Wybieranie elementów z tablicy71
Ustawianie czyli zmienianie elementów tablicy72
Mieszanie typów danych w tablicy74
Praca z tablicami75
Znajdowanie długości tablicy75
Dodawanie elementów do tablicy76
Usuwanie elementów z tablicy77
Dodawanie tablic79
Znajdowanie indeksu elementu w tablicy81
Przekształcanie tablicy w łańcuch znaków82
Pożytek z tablic83
Znajdowanie drogi do domu83
Program do podejmowania decyzji85
Tworzenie generatora losowych zniewag88
Co już wiesz89
#1: Nowe zniewagi90
#2: Bardziej wymyślne zniewagi90
#3: Operator + czy metoda join?90
#4: Liczby i metoda join90
Dla ambitnych90
4 OBIEKTY92
Tworzenie obiektów93
Klucze bez cudzysłowów94
Wybieranie wartości w obiekcie95
Dodawanie wartości do obiektów96
Dodawanie kluczy za pomocą notacji kropkowej97
Łączenie tablic z obiektami98
Tablica pełna przyjaciół98
Eksploracja obiektów w konsoli100
Pożytek z obiektów101
Śledzenie należnych pieniędzy101
Zapisywanie informacji o filmach103
Co już wiesz104
#1: Tablica wyników105
#2: Eksplorowanie obiektów i tablic105
Dla ambitnych105
5 PODSTAWY HTML106
Edytory tekstu107
Nasz pierwszy dokument HTML108
Znaczniki i elementy109
Nagłówki109
Element p110
Odstępy w HTML i elementy blokowe111
Elementy wierszowe112
Kompletny dokument HTML113
Hierarchia HTML114
Dodawanie odnośników do kodu HTML115
Atrybuty odnośnika116
Atrybut title117
Co już wiesz118
6 INSTRUKCJE WARUNKOWE I PĘTLE120
Osadzanie JavaScript w HTML121
Instrukcje warunkowe122
Instrukcje if122
Instrukcje if…else124
Szeregowanie instrukcji if…else125
Pętle127
Pętle while128
Pętle for130
Co już wiesz134
#1: Niesamowite zwierzęta135
#2: Generator losowych napisów135
Dla ambitnych135
#3: h4ck3rsk4 m0w4136
7 GRA SZUBIENICA138
Komunikacja z graczem139
Tworzenie okienka typu prompt139
Funkcja confirm – zadawanie pytań rozstrzygających141
Funkcja alert – wyświetlanie informacji142
Projektujemy grę143
Kiedy używać funkcji alert zamiast metody consolelog?143
Śledzenie stanu słowa144
Projektowanie gry z użyciem pseudokodu144
Projektowanie głównej pętli gry145
Kod gry146
Wybieranie losowego słowa146
Kod głównej pętli gry147
Tworzenie tablicy z odpowiedziami147
Kod gry151
Kończenie gry151
Co już wiesz153
#1: Więcej słów154
#2: Wielkie litery154
#3: Ograniczanie liczby strzałów154
#4: Usuwanie usterki154
Dla ambitnych154
8 FUNKCJE156
Podstawowa anatomia funkcji157
Tworzenie prostej funkcji157
Wywoływanie funkcji158
Przesyłanie argumentów do funkcji159
Wyświetlanie kocich pyszczków!160
Przesyłanie do funkcji wielu argumentów161
Zwracanie wartości z funkcji162
Używanie wywołania funkcji jako wartości164
Upraszczanie kodu za pomocą funkcji165
Funkcja do wyboru losowego słowa165
Generator losowych zniewag165
Przekształcanie generatora losowych zniewag w funkcję167
Wcześniejsze opuszczanie funkcji za pomocą słowa kluczowego return168
Wielokrotne używanie return zamiast instrukcji if…else169
#1: Wykonywanie obliczeń za pomocą funkcji171
#2: Czy te tablice są takie same?171
Co już wiesz171
Dla ambitnych171
#3: Szubienica z funkcjami172
CZĘŚĆ II: JAVASCRIPT KROK DALEJ174
9 DOM I JQUERY176
Wybór elementów DOM177
Identyfikowanie elementów za pomocą atrybutu id178
Wybór elementu za pomocą metody getElementById178
Zamiana tekstu w nagłówku za pomocą DOM179
Praca z drzewem DOM za pomocą jQuery181
Ładowanie jQuery na stronie HTML181
Zamiana tekstu w nagłówku za pomocą jQuery181
Tworzenie nowych elementów za pomocą jQuery183
Animowanie elementów za pomocą jQuery184
Szeregowanie animacji jQuery185
#1: Wyświetlanie imion znajomych za pomocą jQuery (w taki sposób, żeby ich do siebie zrazić!)187
#2: Tworzenie migającego nagłówka187
Co już wiesz187
Dla ambitnych187
#3: Opóźnianie animacji188
#4: Używanie metody fadeTo188
10 PROGRAMOWANIE INTERAKTYWNE190
Opóźnianie wykonania kodu za pomocą funkcji setTimeout191
Anulowanie czasu zwłoki192
Wielokrotne wywoływanie kodu za pomocą funkcji setInterval193
Animowanie elementów za pomocą funkcji setInterval194
Reagowanie na działania użytkownika197
Reagowanie na kliknięcia197
Zdarzenie mousemove199
Co już wiesz200
#1: Idź za kliknięciami201
#2: Wymyśl swoją własną animację201
#3: Anulowanie animacji kliknięciem201
#4: Napisz grę „Kliknij nagłówek”!201
Dla ambitnych201
11 ZNAJDŹ UKRYTY SKARB!202
Projektowanie gry203
Tworzenie internetowej strony w HTML204
Wybór losowego miejsca ukrycia skarbu205
Wybieranie losowych liczb205
Funkcja obsługi kliknięcia206
Ustawianie współrzędnych skarbu206
Licznik kliknięć207
Obliczanie odległości pomiędzy kliknięciem a skarbem207
Zastosowanie twierdzenia Pitagorasa208
Informowanie gracza o odległości od skarbu210
Kompletny kod gry211
Sprawdzanie, czy gracz wygrał211
Co już wiesz213
#1: Zwiększanie obszaru gry214
#2: Kolejne komunikaty214
#3: Dodanie limitu kliknięć214
#4: Wyświetlanie liczby kliknięć do wykorzystania214
Dla ambitnych214
12 PROGRAMOWANIE OBIEKTOWE216
Dodawanie metod do obiektów217
Prosty obiekt217
Używanie słowa kluczowego this218
Współdzielenie metody przez wiele obiektów218
Tworzenie obiektów za pomocą konstruktorów220
Anatomia konstruktora220
Tworzenie konstruktora Auto221
Rysowanie aut223
Testowanie funkcji rysujAuto224
Dostosowywanie obiektów za pomocą prototypów225
Dodawanie metody rysuj do prototypu Auto226
Dodawanie metody wPrawo227
Dodawanie metod do jazdy w lewo, w górę i w dół228
Co już wiesz230
#1: Rysowanie w konstruktorze Auto231
#2: Dodawanie właściwości szybkość231
#3: Wyścigówki231
Dla ambitnych231
CZĘŚĆ III: PŁÓTNO232
13 ELEMENT CANVAS234
Rysowanie na płótnie235
Tworzenie podstawowego płótna235
Rysowanie kwadratu236
Uzyskiwanie kontekstu rysowania236
Wybieranie i zapisywanie elementu canvas236
Rysowanie wielu kwadratów237
Zmiana koloru rysowania238
Rysowanie obrysów prostokątów240
Rysowanie linii czyli ścieżek241
Wypełnianie ścieżek242
Rysowanie łuków i okręgów244
Rysowanie ćwiartki okręgu czyli łuku245
Rysowanie półokręgu246
Rysowanie pełnego okręgu246
Rysowanie wielu okręgów za pomocą funkcji247
#1: Funkcja do rysowania bałwana249
Co już wiesz249
Dla ambitnych249
#2: Rysowanie tablicy punktów250
#3: Rysowanie za pomocą myszy250
#4: Rysowanie wisielca w grze Szubienica250
14 PRZESUWANIE ELEMENTÓW NA PŁÓTNIE252
Poruszanie wzdłuż strony253
Czyszczenie płótna254
Oglądanie animacji w przeglądarce254
Rysowanie prostokąta254
Zmiana pozycji254
Animowanie rozmiaru kwadratu255
Nieprzewidywalna pszczoła256
Nowa funkcja okrąg257
Rysowanie pszczoły257
Aktualizacja pozycji pszczoły259
Animowanie naszej nieprzewidywalnej pszczoły260
Odbijanie piłki!262
Konstruktor Piłka262
Rysowanie piłki263
Odbijanie się piłki264
Przesuwanie piłki264
Animowanie piłki266
Co już wiesz267
#1: Piłka odbijająca się na większym płótnie268
Dla ambitnych268
#2: Losowe wartości thisxSzybkość i thisySzybkość269
#3: Animowanie większej liczby piłek269
#4: Tworzenie kolorowych piłek269
15 STEROWANIE ANIMACJAMI ZA POMOCĄ KLAWISZY270
Zdarzenia klawiatury271
Przygotowanie pliku HTML271
Dodawanie obsługi zdarzenia keydown272
Używanie obiektu do przekształcania kodów klawiszy na nazwy273
Przesuwanie piłki za pomocą klawiatury274
Definiowanie funkcji okrąg275
Konfigurowanie płótna275
Tworzenie konstruktora Piłka275
Definiowanie metody przesuwaj276
Definiowanie metody rysuj277
Tworzenie metody ustawKierunek278
Reagowanie na zdarzenia klawiatury279
Animowanie piłki280
Pełny kod281
Wykonywanie kodu283
#1: Odbijanie się od ścian284
#2: Sterowanie szybkością284
Co już wiesz284
Dla ambitnych284
#3: Elastyczne kontrolki285
16 ZRĘCZNOŚCIOWA GRA WĄŻ: CZĘŚĆ 1286
Założenia ogólne287
Struktura gry288
Tworzenie obiektów gry289
Używanie funkcji setInterval do animowania gry289
Konfiguracja gry290
Konfiguracja sterowania z poziomu klawiatury290
Tworzenie pliku HTML290
Definiowanie zmiennych płótno, kontekst, szerokość i wysokość291
Dzielenie płótna na bloki291
Rysowanie obramowania293
Definiowanie zmiennej wynik293
Wyświetlanie wyniku295
Ustawianie linii bazowej tekstu296
Ustawianie rozmiaru i czcionki297
Funkcja rysujWynik298
Kończenie gry299
Co już wiesz300
#1: Składanie wszystkiego razem301
#2: Animacja wyniku301
#3: Dodawanie tekstu do Szubienicy301
Dla ambitnych301
17 ZRĘCZNOŚCIOWA GRA WĄŻ: CZĘŚĆ 2302
Tworzenie konstruktora Blok303
Dodawanie metody rysujKwadrat304
Dodawanie metody rysujOkrąg305
Dodawanie metody porównaj307
Tworzenie węża308
Pisanie konstruktora Wąż308
Rysowanie węża309
Ruchy węża310
Dodawanie metody przesuń310
Dodawanie metody wykryjKolizje314
Ustawianie kierunku węża z klawiatury316
Dodawanie obsługi zdarzenia keydown316
Dodawanie metody ustawKierunek317
Tworzenie jabłka318
Pisanie konstruktora Jabłko318
Rysowanie jabłka318
Ruch jabłka319
Pełny kod320
Co już wiesz326
#1: Powiększanie planszy327
#2: Kolorowanie węża327
#3: Zwiększanie szybkości gry w jej trakcie327
Dla ambitnych327
#4: Poprawianie metody jabłkoprzenieś328
POSŁOWIE CO DALEJ?330
Tworzenie stron internetowych331
Więcej JavaScript331
CSS331
HTML331
Programowanie grafi ki332
Element canvas332
Kod po stronie serwera i Nodejs332
Programowanie 3D333
Programowanie robotów333
SVG z biblioteką Raphaël333
Programowanie audio334
Programowanie gier334
Udostępnianie kodu za pomocą JSFiddle335
SŁOWNICZEK336
SKOROWIDZ342