Ник Морган: JavaScript для детей. Самоучитель по программированию

Почему именно JavaScript?
Эта книга - не только введение в JavaScript, но и вообще в программирование.
Вы узнаете, как кодить на этом языке - с самых основ. Каждая глава посвящена отдельной теме, и в каждой следующей главе вы изучаете что-то новое, опираясь на уже прочитанное. Кроме того, вас ждут упражнения, которые помогут расширить примеры и написать собственный код. К концу книги вы сможете запрограммировать свою игру с анимацией!

Если вы просто хотите научиться программировать, почему стоит выбрать именно JavaScript?
Что же, во-первых, начинать писать на нем код - легко. Все современные браузеры запускают код на JavaScript без дополнительных усилий с вашей стороны, вам не понадобится устанавливать никаких дополнительных программ.
Это сильно отличает этот язык от других языков программирования, где вам нужны специальные инструменты-интерпретаторы, чтобы запускать код.
Кроме того, на JavaScript писать весело! Он дает программисту много свободы, вы можете писать код в собственном стиле, и - что немаловажно - этот язык прощает многие ошибки.

И последнее - программирование на JavaScript открывает перед вами целый новый мир возможностей. Именно благодаря этому языку веб-страницы становятся интерактивными, но вы можете написать на нем целый сайт или, например, запрограммировать настоящего робота!

Книга поделена на три части:

Часть 1 посвящена базовым элементам JavaScript, включая разные виды данных, условных конструкций, операторов циклов и функций. Вы узнаете, как создавать простые HTML-странички и напишете текстовую версию игры "Виселица".

Часть 2 знакомит с более продвинутыми техниками, включая jQuery, объектно-ориентированное программирование, запуск кода по таймеру и реакцию на действия пользователя и др. Вы сможете написать игру "Поиск сокровищ", которая будет уже по-настоящему взаимодействовать с игроком!

Часть 3 посвящена элементу canvas, которая позволяет добавить графику к программе.

Вы узнаете, как рисовать при помощи JavaScript, как анимировать изображения и как контролировать анимации с клавиатуры. Собрав все знания вместе, вы сможете написать игру "Змейка" - и вдоволь поиграть в нее. В конце книги есть глоссарий и список рекомендуемой литературы.

Фишки книги

Через простые и забавные примеры вы погрузитесь в один из самых популярных языков программирования.
Каждая новая тема подкрепляется реальной программой, которую вы напишете, опираясь на советы автора.
В каждой главе есть упражнения для самостоятельного решения. Ответы к ним можно скачать на нашем сайте (но лучше попробовать все сделать самим!)
Примеры сопровождают смешные иллюстрации, с которыми обучение становится веселее
В конце книги Ник дает рекомендации по тому, куда можно развивать полученные навыки и как использовать язык
Все английские термины (которых в программировании не избежать!) вынесены на поля, что делает книгу крайне удобной в использовании и помогает учить язык

О JavaScipt
JavaScipt - это далеко не единственный язык программирования. В сущности, языков очень много, счет идет на сотни, однако есть немало причин выбрать именно JavaScript. Например, изучать его гораздо проще (и интереснее), чем многие другие языки. Но, пожалуй, самая веская причина такова: чтобы писать и выполнять JavaScript-программы, достаточно интернет-браузера - такого, как Internet Explorer, Mozilla Firefox или Google Chrome. В каждый из этих браузеров встроен интерпретатор JavaScript, который сможет выполнять JavaScript-программы. И никакого специального программного обеспечения вам не понадобится.

Для кого эта книга
Для детей от 10 лет, которые хотят научиться программировать.
Для родителей, которые хотят помочь детям освоить первые навыки программирования.
Для учителей информатики, которые хотят сделать свои уроки полезными и необычными!

Цитаты из книги

Данные
Это информация, которая хранится в наших компьютерных программах. Например, ваше имя - это элемент данных, и ваш возраст тоже. Цвет волос, количество братьев и сестер, ваш адрес и пол - все это данные.

Инкремент и декремент
Вам как программисту понадобится увеличивать или уменьшать значения числовых переменных на единицу. Например, у вас в программе может быть переменная для подсчета, сколько раз за день вам сказали "Дай пять!". И при каждом новом приветствии эту переменную надо будет увеличить на 1. Увеличение на 1 называют инкрементом, а уменьшение на 1 - декрементом. Выполняются инкремент и декремент с помощью операторов ++ и -.

Синтаксис
В нашей программе встречается много символов, таких как скобки (), точки с запятой;, фигурные скобки {}, знаки плюс +, а также некоторые таинственные на первый взгляд слова (например, var и console.log). Все это является частью синтаксиса JavaScript - то есть правил, указывающих, как объединять символы и слова, чтобы составить работающую программу.

Переменные
Значениям в JavaScript можно давать имена, используя переменные. Переменная похожа на ящичек, в который помещается лишь один предмет. Чтобы положить туда что-то еще, прежнее содержимое придется заменить. Чтобы создать новую переменную, используйте ключевое слово var, после которого укажите имя переменной.

Это одна из самых ожидаемых нами книг от МИФа; после выхода книги Программирование для детей мы спрашивали у издательства, будет ли отдельное издание по JavaScript, и они сказали, что да, такая книга планируется. И вот она наконец вышла! Не пропустите: такая книга сегодня пригодится всем детям, кто много времени проводит за компьютером. Неважно, есть ли у ребёнка интерес к программированию или пока ещё нет, книга в любом случае поможет этот интерес обрести . А это уже шаг к возможной будущей профессии, причём очень достойной.

Эта книга написана для детей возрастом примерно от 10 лет, однако она вовсе не детская : это хороший учебник для начинающих изучать JS, независимо от возраста . Вполне подойдёт и подросткам, и новичкам-взрослым. Однако поскольку книга рассчитана на детей, то и принцип обучения здесь построен на том, что мы будем изучать не сухую теорию, не что-то отвлечённое, а будем писать игры: учимся сразу на практике.

Вы напишете несколько настоящих игр - «Поиск сокровищ», «Виселицу» и «Змейку». На каждом шаге вы сможете оценить результаты своих трудов - в виде работающей программы. Книга даёт отличную, прочную базу, понимание языка JavaScript и его принципов , и после её освоения вы сможете написать очень многое.

Эта книга представляет собой введение в программирование на JavaScript. Вы узнаете, как писать JavaScript с нуля . Каждая глава будет вводить новое понимание, с опорой на то, что вы узнали в предыдущих главах. Вы сможете научиться писать свой собственный код. К концу книги вы будете программировать собственные игры и анимацию!

Книга состоит из трёх частей .

Часть I: Основы. Эта часть охватывает все основные элементы JavaScript, включая различные типы данных, условные операторы, циклы и функции. Вы также узнаете, как создать простой HTML код для веб-страниц, как создать игру типа Виселицы .

Часть I: Основы.

Часть II: усовершенствованный, продвинутый JavaScript, эта часть представляет более передовые технологии, которые опираются на основы из части I. Они включают jQuery, объектно-ориентированное программирование, выполнение кода в интервалах с таймерами, события браузера (например, клики). Напишем игру под названием Найди клад !

Часть II. Продвинутый JavaScript.

Часть III: HTML5 Canvas, вы научитесь использовать JavaScript для рисования. Вы узнаете, как рисовать, как оживить ваши рисунки, как контролировать анимацию с помощью клавиатуры. Наконец, вы используете все ваши новые знания, чтобы написать классическую игру Змейка .

Часть III. Графика.

Книга завершается глоссарием и перечнем некоторых ресурсов, которые смогут помочь вам продолжить свой путь в качестве программиста .

Книга вышла осенью 2016 года в издательстве Манн, Иванов и Фербер .

Удобный формат, 288 страниц, качество книги - отличное.

Это лучший подарок для мальчишек, ребят-подростков. Впрочем, и многие девочки тоже очень любят программировать, так что подарите ребёнку новые возможности и новые знания!

И ещё: веселитесь! Программирование может быть увлекательным, творческим занятием, как рисование или игры (работая с книгой, вы изрядно порисуете и поиграете). Как только вы научитесь программировать, для вас не будет иных преград, кроме собственного воображения.

Добро пожаловать в потрясающий мир компьютерного программирования!

Почему именно JavaScript?

Если вы выбираете первый язык программирования, почему стоить выбрать именно JavaScript?

Ну, во-первых, на JavaScript легко начать писать. Все современные веб-браузеры могут запускать код JavaScript, так что вы можете писать и запускать код JavaScript без необходимости устанавливать что-нибудь ещё, вам не нужны отдельные программы. Этим JS выгодно отличается от большинства языков программирования, где вам нужно сначала скачать и установить инструменты, такие как интерпретатор или компилятор, чтобы просто запустить ваш код. Здесь всё просто: нужна лишь книга и компьютер.

JavaScript - это очень интересный язык. Он даёт программисту много свободы, чтобы писать код в своём собственном стиле, и может прощать некоторые ваши ошибки.

Плюс, программирование на JavaScript открывает целый мир возможностей. JavaScript является наиболее часто используемым языком, чтобы сделать веб-страницы интерактивными, он также может работать на веб-серверах, на нём можно создавать целые сайты, и вы даже можете использовать JavaScript для управления роботами! Это суперсовременный, эффективный, относительно простой в освоении язык, который вы несомненно высоко оцените, когда немного его поймёте.

Дополнительные примеры страниц на фото:

1. Что такое JavaScript? 17
Знакомьтесь: JavaScript 17
Зачем изучать JavaScript? 19
Пробуем JavaScript 19
Строение JavaScript-программы 21
Что мы узнали 24

2. Типы данных и переменные 25
Числа и операторы 26
Переменные 28
Строки 35
Булевы значения 41
Undefined и null 48
Что мы узнали 48

3. Массивы 49
Зачем нужны массивы? 49
Создание массива 50
Доступ к элементам массива 52
Создание и изменение элементов 53
Разные типы данных в одном массиве 54
Работаем с массивами 55
Что полезного можно сделать с массивами 63
Что мы узнали 68

4. Объекты 70
Создание объектов 70
Доступ к значениям внутри объектов 72
Добавление элементов объекта 73
Массивы объектов 75
Исследование объектов в консоли 77
Что полезного можно сделать с объектами 79
Что мы узнали 81

5. Основы html 83
Текстовые редакторы 84
Наш первый -документ 84
Теги и элементы 85
Полноценный HTML-документ 89
Иерархия HTML 90
Добавим в HTML ссылки 91
Что мы узнали из javascript для детей 94

6. Условия и циклы 95
Внедрение JavaScript-кода в HTML 95
Условные конструкции 97
Циклы 101
Что мы узнали 107

7. Пишем игру «Виселица» 110
Взаимодействие с игроком 111
Проектирование игры 114
Программируем игру 117
Код игры 122
Что мы узнали 124

8. Функции 126
Базовое устройство функции 126
Создаем простую функцию 127
Вызов функции 127
Передача аргументов в функцию 128
Возврат значения из функции 131
Вызов функции в качестве значения 132
Упрощаем код с помощью функций 133
Ранний выход из функции по return 136
Многократное использование return вместо конструкции if… else 137
Что мы узнали. 139

ЧАСТЬ II. Продвинутый JavaScript

9. DOM и jQuery 145
Поиск элементов DOM 146
Работа с деревом DOM через jQuery 149
Создание новых элементов через jQuery 150
Анимация элементов средствами jQuery 152
Цепной вызов и анимация на jQuery 152
Что мы узнали 154

10. Интерактивное программирование 156
Отложенное выполнение кода и setTimeout 156
Отмена действия таймера 158
Многократный запуск кода и setInterval 158
Анимация элементов с помощью setInterval 160
Реакция на действия пользователя 162
Что мы узнали 164

11. Пишем игру «Найди клад!» 166
Проектирование игры 166
Создаем веб-страницу с HTML-кодом 167
Выбор случайного места для клада 168
Обработчик кликов 169
Код игры 173
Что мы узнали 175

12. Объектно-ориентированное программирование 176
Простой объект 176
Добавление к объектам новых методов 177
Создание объектов с помощью конструкторов 180
Рисуем машины 182
Настройка объектов через прототипы 184
Что мы узнали 188

ЧАСТЬ III. Графика

13. Элемент canvas 193
Создаем «холст» 193
Рисование на «холсте» 194
Выбор цвета 196
Рисование контуров прямоугольников 197
Рисование линий или путей 198
Заливка путей цветом 200
Рисование дуг и окружностей 201
Рисование нескольких окружностей с помощью функции 204
Что мы узнали 205

14. Анимации с помощью canvas 208
Движение по странице 208
Изменение размера квадрата 210
Случайная пчела 211
Отскакивающий мяч 217
Что мы узнали 222

15. Управление анимациями с клавиатуры 224
События клавиатуры 224
Управляем мячом с клавиатуры 227
Код программы 233
Запуск программы 235
Что мы узнали 235

16. Пишем игру «Змейка»: часть 1 237
Игровой процесс 237
Структура игры 238
Начинаем писать игру 240
Рисуем рамку 243
Отображение счета 245
Конец игры 249
Что мы узнали 250

17. Пишем игру «Змейка»: часть 2 252
Создаем конструктор Block 252
Создаем змейку 257
Перемещаем змейку 259
Управляем змейкой с клавиатуры 264
Создаем яблоко 266
Код игры 268
Что мы узнали. 273

Послесловие: Куда двигаться дальше 276
Больше о JavaScript 276
Веб-программирование 277
Графическое программирование 278
3D-программирование 278
Программирование роботов 279
Программирование звука 279
Программирование игр 279
Обмен кодом с помощью JSFiddle 280
Глоссарий javascript для детей 281
Об авторе 286
Благодарности 287

Производитель: "Манн, Иванов и Фербер"

О книгеЭта книга позволит вам погрузиться в программирование и с легкостью освоить JavaScipt. Вы напишете несколько настоящих игр - поиск сокровищ на карте,`Виселицу` и`Змейку`. На каждом шаге вы сможете оценить результаты своих трудов - в виде работающей программы, а с понятными инструкциями, примерами и забавными иллюстрациями обучение будет только приятным. Книга для детей от 10 лет. Почему именно JavaScript?Эта книга - не только введение в JavaScript, но и вообще в программирование. Вы узнаете, как кодить на этом языке - с самых основ. Каждая глава посвящена отдельной теме, и в каждой следующей главе вы изучаете что-то новое, опираясь на уже прочитанное. Кроме того, вас ждут упражнения, которые помогут расширить примеры и написать собственный код. К концу книги вы сможете запрограммировать свою игру с анимацией! Если вы просто хотите научиться программировать, почему стоит выбрать именно JavaScript? Что же, во-первых, начинать писать на нем код - легко. Все современные браузеры запускают код на JavaScript без дополнительных усилий с вашей стороны, вам не понадобится устанавливать никаких дополнительных программ. Это сильно отличает этот язык от других языков программирования, где вам нужны специальные инструменты-интерпретаторы, чтобы запускать код. Кроме того, на JavaScript писать весело! Он дает программисту много свободы, вы можете писать код в собственном стиле, и - что немаловажно - этот язык прощает многие ошибки. И последнее - программирование на JavaScript открывает перед вами целый новый мир возможностей. Именно благодаря этому языку веб-страницы становятся интерактивными, но вы можете написать на нем целый сайт или, например, запрограммироватьнастоящего робота!Книга поделена на три части:Часть 1 посвящена базовым элементам JavaScript, включая разные виды данных, условных конструкций, операторов циклов и функций. Вы узнаете, как создавать простые HTML-странички и напишете текстовую версию игры`Виселица`. Часть 2 знакомит с более продвинутыми техниками, включая jQuery, объектно-ориентированное программирование, запуск кода по таймеру и реакцию на действия пользователя и др. Вы сможете написать игру`Поиск сокровищ`, которая будет уже по-настоящему взаимодействовать с игроком! Часть 3 посвящена элементу canvas, которая позволяет добавить графику к программе. Вы узнаете, как рисовать при помощи JavaScript, каканимировать изображения и как контролировать анимации с клавиатуры. Собрав все знания вместе, вы сможете написать игру`Змейка` - и вдоволь поиграть в нее. В конце книги есть глоссарий и список рекомендуемой литературы. Фишки книгиЧерез простые и забавные примеры вы погрузитесь в один из самых популярных языков программирования. Каждая новая тема подкрепляется реальной программой, которую вы напишете, опираясь на советы автора. В каждой главе есть упражнения для самостоятельного решения. Ответы к ним можно скачать на нашем сайте (но лучше попробовать все сделать самим!)Примеры сопровождают смешные иллюстрации, с которыми обучение становится веселееВ конце книги Ник дает рекомендации по тому, куда можно развиватьполученные навыки и как использовать языкВсе английские термины (которых в программировании не избежать!) вынесены на поля, что делает книгу крайне удобной в использовании и помогает учить языкО JavaSciptJavaScipt - это далеко не единственный язык программирования. В сущности, языков очень много, счет идет на сотни, однако есть немало причин выбрать именно JavaScript. Например, изучать его гораздо проще (и интереснее), чем многие другие языки. Но, пожалуй, самая веская причина такова: чтобы писать и выполнять JavaScript-программы, достаточно интернет-браузера - такого, как Internet Explorer, Mozilla Firefox или Google Chrome. Вкаждый из этих браузеров встроен интерпретатор JavaScript, который сможет выполнять JavaScript-программы. И никакого специального программного обеспечения вам не понадобится. Для кого эта книг

Болтон обсудил с вице-премьером Италии Ди Майо сотрудничество по ситуации в Венесуэле
ВАШИНГТОН, 28 марта. /ТАСС/. Помощник президента США по национальной безопасности Джон Болтон обсудил в четверг с вице-премьером Италии Луиджи Ди Майо сотрудничество двух стран по ситуации...

Вашингтон заявил, что Москва не сможет забрать вложенные в Венесуэлу средства
Спецпредставитель Соединенных Штатов по Венесуэле Эллиот Абрамс заявил, что у России не получится вернуть средства, выданные латиноамериканской стране. «Вы никогда не заберете деньги у Мадуро, ...

В МИД Мексики заявили, что не ведут с США переговоры о предоставлении убежища Мадуро
МЕХИКО, 28 марта. /ТАСС/. Власти Мексики не ведут с США переговоры о возможности предоставления убежища членам правительства Венесуэлы, включая президента Николаса Мадуро. Об этом сообщил в четверг...

Власти Венесуэлы запретили Хуану Гуайдо занимать госдолжности на 15 лет
Власти Венесуэлы приняли решение лишить самопровозглашенного президента страны Хуана Гуайдо права занимать государственные должности сроком на 15 лет. Об этом стало известно в четверг, ...

Мальтийский спецназ освободил захваченный мигрантами танкер
Настоящая остросюжетная драма с захватом танкера, которая развернулась в четверг в Средиземноморье, достигла развязки. Судно со спасенными им же мигрантами на борту, взявшее курс на Мальту, в конце...

Европарламент официально признал Гуайдо президентом Венесуэлы
Европейский парламент принял резолюцию с призывом провести в Венесуэле свободные и честные выборы. Кроме того, Брюссель подтвердил признание лидера оппозиции Хуана Гуайдо законным исполняющим...

CNN: зятя Трампа допросили по «российскому делу»
Зять президента США Дональда Трампа Джаред Кушнер дал показания комитету сената, который занимается «российским делом». Об этом сообщает CNN. Как отмечается, это происходило за закрытыми...

Медведчук назвал глупостью заявление властей о незаконном перелете в Москву
Глава политсовета «Оппозиционной платформы - За жизнь» Виктор Медведчук назвал глупостью заявление властей о незаконном перелете в Москву. Ранее Генеральный прокурор Украины Юрий Луценко заявил, ...

Сторонники Порошенко опасаются беспорядков после выборов
Оппоненты президента Украины готовят беспорядке в стране, заявил спикер избирательного штаба кандидата Олег Медведев. По его словам, таким образом противники намерены реабилитироваться в случае...

США призвали ЕС ввести новые санкции против Мадуро
США обратились к Евросоюзу (ЕС) с просьбой ввести новые санкции против правительства действующего президента Венесуэлы Николаса Мадуро. Об этом сообщает ТАСС со ссылкой на спецпредставителя...

ЧВК из Украины нашли в Сирии
В Сирии появилась частная военная компания (ЧВК) из Украины. Об этом говорится в расследовании группы Conflict Intelligence Team (CIT). По ее информации, ЧВК «Вега» работает на сирийской территории...

Эксперт о «Северном потоке-2»: Дания не может отказать
При выборе маршрута газопровода «Северный поток-2» необходимо учитывать запасы химоружия, затопленные возле датского острова Борнхольм, заявил РИА Новости глава пресс-службы Энергетического агентства...

Кандидат в президенты Украины от радикалов собрался на разговор с Путиным
Кандидат в президенты Украины, лидер Радикальной партии Олег Ляшко в случае победы готов вести переговоры с президентом России Владимиром Путиным по Крыму и Донбассу. С таким заявлением Ляшко...

Красноярские медведи предсказали итог выборов на Украине
Бурый медведь Буян и белая медведица Аврора из красноярского парка флоры и фауны «Роев ручей» выбрали победителей президентской гонки на Украине. Процедура «голосования» проходила в присутствии...

Зеленский не задекларировал виллу в Италии, пишут СМИ
Кандидат в президенты Украины, шоумен Владимир Зеленский владеет 15-комнатной виллой на побережье итальянского курорта, которая не упоминается в его декларации, говорится в расследовании независимого...

Коломойского внесли в базу сайта «Миротворец»
Украинский бизнесмен Игорь Коломойский в четверг попал в список скандального сайта «Миротворец», пишут СМИ. «Нарушение законодательства Украины о гражданстве путем получения гражданства других стран. ...

Названа дата вынесения приговора Бутиной
Стала известна дата вынесения приговора россиянке Марии Бутиной, которая была арестована в США. Об этом сообщила судья федерального окружного суда Вашингтона Таня Чаткэн, передает...

Лукашенко пригрозил аграриям военным положением из-за коровьего «Освенцима»
Президент Белоруссии Александр Лукашенко прокомментировал кадровые перестановки и отставки в правительстве, начавшиеся после посещения им агрохолдинга «Купаловское». Слова белорусского лидера...

Украинские автомобилисты вышли на акцию протеста
Владельцы машин, зарегистрированных в странах Евросоюза, начали бессрочную акцию протеста во Львове. Они перекрыли одну из центральных улиц города. Организаторами стало объединение «Авто Евро Сила», ...