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 do tematów zaawansowanych, takich jak obsługa interaktywnych zdarzeń za pomocą jQuery i rysowanie obrazków na płótnach. Dzięki bogato zilustrowanym przykładom, takim jak odbijające się piłki, animowane pszczoły i samochody wyścigowe, na własne oczy zobaczysz to, co zaprogramujesz. Każdy kolejny rozdział wzbogaca wcześniej zdobytą wiedzę, a zadania dla ambitnych to świetny trening dla mózgu i inspiracja do pisania własnych niesamowitych programów. Napisz dzisiaj coś fajnego w JavaScript!

Osoby które kupowały "JavaScript dla dzieci. Programowanie na wesoło", wybierały także:

• Baltie. Kurs video. Poziom pierwszy. Elementarz programowania w języku wizualnym 59,00 zł, (26,55 zł -55%)
• Unity dla dzieci. Zabawa w programowanie gier. Kurs video. Poziom pierwszy 49,00 zł, (24,50 zł -50%)
• Zabawa w programowanie. Język C dla nastolatków 24,90 zł, (14,94 zł -40%)
• Minecraft. Tablice craftingu, alchemii i metalurgii 9,80 zł, (6,47 zł -34%)
• Pokemon GO 24,78 zł, (16,60 zł -33%)

Spis treści

JavaScript dla dzieci. Programowanie na wesoło eBook -- spis treści

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

CZĘŚĆ I: PODSTAWY

1 CO TO JEST JAVASCRIPT?
Poznaj JavaScript
Po co się uczyć języka JavaScript?
Pierwsze kroki w JavaScript
Struktura programu JavaScript
Składnia
Komentarze
Co już wiesz

2 TYPY DANYCH I ZMIENNE
Liczby i operatory
Zmienne
Nazwy zmiennych
Tworzenie nowych zmiennych za pomocą działań matematycznych
Inkrementacja i dekrementacja
+= (plus-równa się) i – = (minus-równa się)
Łańcuchy znaków
Łączenie łańcuchów znaków
Ustalanie długości łańcucha znaków
Pobieranie pojedynczego znaku z łańcucha
Przycinanie łańcucha znaków
Zmiana wszystkich znaków w łańcuchu na wielkie albo małe litery
Logiczny typ danych
Operatory logiczne
Porównywanie liczb na podstawie wartości logicznych
Wartości undefined i null
Co już wiesz

3 TABLICE
Po co zajmować się tablicami?
Tworzenie tablicy
Wybieranie elementów z tablicy
Ustawianie czyli zmienianie elementów tablicy
Mieszanie typów danych w tablicy
Praca z tablicami
Znajdowanie długości tablicy
Dodawanie elementów do tablicy
Usuwanie elementów z tablicy
Dodawanie tablic
Znajdowanie indeksu elementu w tablicy
Przekształcanie tablicy w łańcuch znaków
Pożytek z tablic
Znajdowanie drogi do domu
Program do podejmowania decyzji
Tworzenie generatora losowych zniewag
Co już wiesz
Dla ambitnych
#1: Nowe zniewagi
#2: Bardziej wymyślne zniewagi
#3: Operator + czy metoda join?
#4: Liczby i metoda join

4 OBIEKTY
Tworzenie obiektów
Klucze bez cudzysłowów
Wybieranie wartości w obiekcie
Dodawanie wartości do obiektów
Dodawanie kluczy za pomocą notacji kropkowej
Łączenie tablic z obiektami
Tablica pełna przyjaciół
Eksploracja obiektów w konsoli
Pożytek z obiektów
Śledzenie należnych pieniędzy
Zapisywanie informacji o filmach
Co już wiesz
Dla ambitnych
#1: Tablica wyników
#2: Eksplorowanie obiektów i tablic

5 PODSTAWY HTML
Edytory tekstu
Nasz pierwszy dokument HTML
Znaczniki i elementy
Nagłówki
Element p
Odstępy w HTML i elementy blokowe
Elementy wierszowe
Kompletny dokument HTML
Hierarchia HTML
Dodawanie odnośników do kodu HTML
Atrybuty odnośnika
Atrybut title
Co już wiesz

6 INSTRUKCJE WARUNKOWE I PĘTLE
Osadzanie JavaScript w HTML
Instrukcje warunkowe
Instrukcje if
Instrukcje if…else
Szeregowanie instrukcji if…else
Pętle
Pętle while
Pętle for
Co już wiesz
Dla ambitnych
#1: Niesamowite zwierzęta
#2: Generator losowych napisów
#3: h4ck3rsk4 m0w4

7 GRA SZUBIENICA
Komunikacja z graczem
Tworzenie okienka typu prompt
Funkcja confirm – zadawanie pytań rozstrzygających
Funkcja alert – wyświetlanie informacji
Kiedy używać funkcji alert zamiast metody consolelog?
Projektujemy grę
Projektowanie gry z użyciem pseudokodu
Śledzenie stanu słowa
Projektowanie głównej pętli gry
Kod gry
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

8 FUNKCJE
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
Generator 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

CZĘŚĆ II: JAVASCRIPT KROK DALEJ

9 DOM I JQUERY
Wybór elementów DOM
Identyfikowanie elementów za pomocą atrybutu id
Wybór elementu za pomocą metody getElementById
Zamiana 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ą jQuery
Animowanie elementów za pomocą jQuery
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ć!)
#2: Tworzenie migającego nagłówka
#3: Opóźnianie animacji
#4: Używanie metody fadeTo

10 PROGRAMOWANIE INTERAKTYWNE
Opóźnianie wykonania kodu za pomocą funkcji setTimeout
Anulowanie czasu zwłoki
Wielokrotne wywoływanie kodu za pomocą funkcji setInterval
Animowanie elementów za pomocą funkcji setInterval
Reagowanie na działania użytkownika
Reagowanie na kliknięcia
Zdarzenie mousemove
Co już wiesz
Dla ambitnych
#1: Idź za kliknięciami
#2: Wymyśl swoją własną animację
#3: Anulowanie animacji kliknięciem
#4: Napisz grę „Kliknij nagłówek”!

11 ZNAJDŹ UKRYTY SKARB!
Projektowanie gry
Tworzenie internetowej strony w HTML
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

12 PROGRAMOWANIE OBIEKTOWE
Prosty obiekt
Dodawanie metod do obiektów
Używanie słowa kluczowego this
Współdzielenie metody przez wiele obiektów
Tworzenie obiektów za pomocą konstruktorów
Anatomia konstruktora
Tworzenie konstruktora Auto
Rysowanie aut
Testowanie funkcji rysujAuto
Dostosowywanie obiektów za pomocą prototypów
Dodawanie metody rysuj do prototypu Auto
Dodawanie metody wPrawo
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

CZĘŚĆ III: PŁÓTNO

13 ELEMENT CANVAS
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żek
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

14 PRZESUWANIE ELEMENTÓW NA PŁÓTNIE
Poruszanie wzdłuż strony
Czyszczenie płótna
Rysowanie prostokąta
Zmiana pozycji
Oglądanie animacji w przeglądarce
Animowanie rozmiaru kwadratu
Nieprzewidywalna pszczoła
Nowa funkcja okrąg
Rysowanie pszczoły
Aktualizacja pozycji pszczoły
Animowanie naszej nieprzewidywalnej pszczoły
Odbijanie piłki!
Konstruktor Piłka
Rysowanie piłki
Przesuwanie piłki
Odbijanie się piłki
Animowanie piłki
Co już wiesz
Dla ambitnych
#1: Piłka odbijająca się na większym płótnie
#2: Losowe wartości thisxSzybkość i thisySzybkość
#3: Animowanie większej liczby piłek
#4: Tworzenie kolorowych piłek

15 STEROWANIE ANIMACJAMI ZA POMOCĄ KLAWISZY
Zdarzenia 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
Wykonywanie kodu
Co już wiesz
Dla ambitnych
#1: Odbijanie się od ścian
#2: Sterowanie szybkością
#3: Elastyczne kontrolki

16 ZRĘCZNOŚCIOWA GRA WĄŻ: CZĘŚĆ 1
Założenia ogólne
Struktura gry
Używanie funkcji setInterval do animowania gry
Tworzenie obiektów gry
Konfiguracja sterowania z poziomu klawiatury
Konfiguracja gry
Tworzenie pliku HTML
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

17 ZRĘCZNOŚCIOWA GRA WĄŻ: CZĘŚĆ 2
Tworzenie konstruktora Blok
Dodawanie metody rysujKwadrat
Dodawanie metody rysujOkrąg
Dodawanie metody porównaj
Tworzenie węża
Pisanie konstruktora Wąż
Rysowanie węża
Ruchy węża
Dodawanie metody przesuń
Dodawanie metody wykryjKolizje
Ustawianie kierunku węża z klawiatury
Dodawanie obsługi zdarzenia keydown
Dodawanie metody ustawKierunek
Tworzenie jabłka
Pisanie konstruktora Jabłko
Rysowanie jabłka
Ruch jabłka
Pełny kod
Co już wiesz
Dla ambitnych
#1: Powiększanie planszy
#2: Kolorowanie węża
#3: Zwiększanie szybkości gry w jej trakcie
#4: Poprawianie metody jabłkoprzenieś

POSŁOWIE CO DALEJ?
Więcej JavaScript
Tworzenie stron internetowych
HTML
CSS
Kod po stronie serwera i Nodejs
Programowanie grafi ki
Element canvas
SVG z biblioteką Raphaël
Programowanie 3D
Programowanie robotów
Programowanie audio
Programowanie gier
Udostępnianie kodu za pomocą JSFiddle

SŁOWNICZEK

SKOROWIDZ