Ник Морган - JavaScript для детей

Введение

Основы. 1. Что такое JavaScript?

1. Знакомьтесь: JavaScript

2. Зачем изучать JavaScript?

3. Пробуем JavaScript

4. Строение JavaScript-программы

5. Что мы узнали

Основы. 2. Типы данных и переменные

1. Числа и операторы

2. Переменные

3. Строки

4. Булевы значения

5. Undefined и null

6. Что мы узнали

Основы. 3. Массивы

1. Зачем нужны массивы?

2. Создание массива

3. Доступ к элементам массива

4. Создание и изменение элементов

5. Разные типы данных в одном массиве

6. Работаем с массивами

7. Что полезного можно сделать с массивами

8. Что мы узнали

Основы. 4. Объекты

1. Создание объектов

2. Доступ к значениям внутри объектов

3. Добавление элементов объекта

4. Массивы объектов

5. Исследование объектов в консоли

6. Что полезного можно сделать с объектами

7. Что мы узнали

Основы. 5. Основы HTML

1. Текстовые редакторы

2. Наш первый HTML-документ

3. Теги и элементы

4. Полноценный HTML-документ

5. Иерархия HTML

6. Добавим в HTML ссылки

7. Что мы узнали

Основы. 6. Условия и циклы

1. Внедрение JavaScript-кода в HTML

2. Условные конструкции

3. Циклы

4. Что мы узнали

Основы. 7. Пишем игру "Виселица"

1. Взаимодействие с игроком

2. Проектирование игры

3. Программируем игру

4. Код игры

5. Что мы узнали

Основы. 8. Функции

1. Базовое устройство функции

2. Создаем простую функцию

3. Вызов функции

4. Передача аргументов в функцию

5. Возврат значения из функции

6. Вызов функции в качестве значения

7. Упрощаем код с помощью функций

8. Ранний выход из функции по return

9. Многократное использование return вместо конструкции if... else

10. Что мы узнали .

Продвинутый JavaScript. 9. DOM и jQuery

1. Поиск элементов DOM

2. Работа с деревом DOM через jQuery

3. Создание новых элементов через jQuery

4. Анимация элементов средствами jQuery

5. Цепной вызов и анимация на jQuery

6. Что мы узнали

Продвинутый JavaScript. 10. Интерактивное программирование

1. Отложенное выполнение кода и setTimeout

2. Отмена действия таймера

3. Многократный запуск кода и setInterval

4. Анимация элементов с помощью setInterval

5. Реакция на действия пользователя

6. Что мы узнали

Продвинутый JavaScript. 11. Пишем игру "Найди клад!"

1. Проектирование игры

2. Создаем веб-страницу с HTML-кодом

3. Выбор случайного места для клада

4. Обработчик кликов

5. Код игры

6. Что мы узнали

Продвинутый JavaScript. 12. Объектно-ориентированное программирование

1. Простой объект

2. Добавление к объектам новых методов

3. Создание объектов с помощью конструкторов

4. Рисуем машины

5. Настройка объектов через прототипы

6. Что мы узнали

Графика. 13. Элемент Canvas

1. Создаем «холст»

2. Рисование на «холсте»

3. Выбор цвета

4. Рисование контуров прямоугольников

5. Рисование линий или путей

6. Заливка путей цветом

7. Рисование дуг и окружностей

8. Рисование нескольких окружностей с помощью функции

9. Что мы узнали

Графика. 14. Анимации с помощью Canvas

1. Движение по странице

2. Изменение размера квадрата

3. Случайная пчела

4. Отскакивающий мяч

5. Что мы узнали

Графика. 15. Управление анимациями с клавиатуры

1. События клавиатуры

2. Управляем мячом с клавиатуры

3. Код программы

4. Запуск программы

5. Что мы узнали

Графика. 16. Пишем игру "Змейка": Часть 1

1. Игровой процесс

2. Структура игры

3. Начинаем писать игру

4. Рисуем рамку

5. Отображение счета

6. Конец игры

7. Что мы узнали

Графика. 17. Пишем игру "Змейка": Часть 2

1. Создаем конструктор Block

2. Создаем змейку

3. Перемещаем змейку

4. Управляем змейкой с клавиатуры

5. Создаем яблоко

6. Код игры

7. Что мы узнали

Послесловие: куда двигаться дальше

1. Больше о JavaScript

2. Веб-программирование

3. Графическое программирование

4. 3D-программирование

5. Программирование роботов

6. Программирование звука

7. Программирование игр

8. Обмен кодом с помощью JSFiddle