java скрипт для детей книга
Java скрипт для детей книга
JavaScript для детей (2016)
Автор: Ник Морган
Целевая аудитория: начинающие программисты и дети.
Эту книгу будет не стыдно прочитать даже не детям, поскольку JavaScript достаточно сложный язык программирования, и простые примеры будут кстати для программистов любого возраста. Все примеры даются в лёгкой форме, с интересными заданиями и дополнительными объяснениями. Также вы познакомитесь с основами HTML, DOM и JQuery.
В книге рассматриваются следующие темы:
массивы;
объекты;
основы HTML;
условия и циклы;
функции;
DOM и JQuery;
работа с графикой и многое другое.
Преимущества:
небольшой объём;
интересные примеры задач.
Недостатки:
старый стандарт языка.
Читать “JavaScript для детей. Самоучитель по программированию”
«Манн, Иванов и Фербер»
Перевод с английского Станислава Ломакина
Издано с разрешения No Starch Press, Inc., a California Corporation
На русском языке публикуется впервые
Возрастная маркировка в соответствии
с Федеральным законом № 436-ФЗ: 6+
М79 JavaScript для детей. Самоучитель по программированию / Ник Морган ;
пер. с англ. Станислава Ломакина ; [науч. ред. Д. Абрамова]. — М. : Манн,
Иванов и Фербер, 2016. — 288 с.
Эта книга позволит вам погрузиться в программирование и с легкостью
освоить JavaScipt. Вы напишете несколько настоящих игр — поиск сокро-
вищ на карте, «Виселицу» и «Змейку». На каждом шаге вы сможете оценить
результаты своих трудов — в виде работающей программы, а с понятными
инструкциями, примерами и забавными иллюстрациями обучение будет
только приятным. Книга для детей от 10 лет.
Все права защищены. Никакая часть данной книги не
может быть воспроизведена в какой бы то ни было форме
без письменного разрешения владельцев авторских прав.
Правовую поддержку издательства обеспечивает юриди-
ческая фирма «Вегас-Лекс».
Copyright © 2014 by Nick Morgan.
Title of English-language original: JavaScript for Kids,
ISBN 978-1-59327-408-5, published by No Starch Press.
© Перевод на русский язык, издание на русском языке,
оформление. ООО «Манн, Иванов и Фербер», 2016
О ГЛ А В Л Е Н И Е
Читать онлайн JavaScript для детей бесплатно
«Манн, Иванов и Фербер»
Перевод с английского Станислава Ломакина
Издано с разрешения No Starch Press, Inc., a California Corporation
На русском языке публикуется впервые
Возрастная маркировка в соответствии
с Федеральным законом № 436-ФЗ: 6+
М79 JavaScript для детей. Самоучитель по программированию / Ник Морган ;
пер. с англ. Станислава Ломакина ; [науч. ред. Д. Абрамова]. — М. : Манн,
Иванов и Фербер, 2016. — 288 с.
Эта книга позволит вам погрузиться в программирование и с легкостью
освоить JavaScipt. Вы напишете несколько настоящих игр — поиск сокро-
вищ на карте, «Виселицу» и «Змейку». На каждом шаге вы сможете оценить
результаты своих трудов — в виде работающей программы, а с понятными
инструкциями, примерами и забавными иллюстрациями обучение будет
только приятным. Книга для детей от 10 лет.
Все права защищены. Никакая часть данной книги не
может быть воспроизведена в какой бы то ни было форме
без письменного разрешения владельцев авторских прав.
Правовую поддержку издательства обеспечивает юриди-
ческая фирма «Вегас-Лекс».
Copyright © 2014 by Nick Morgan.
Title of English-language original: JavaScript for Kids,
ISBN 978-1-59327-408-5, published by No Starch Press.
© Перевод на русский язык, издание на русском языке,
оформление. ООО «Манн, Иванов и Фербер», 2016
О ГЛ А В Л Е Н И Е
Эта книга научит вас писать программы на JavaScript — одном из попу-
лярных языков программирования. А освоив язык программирования,
вы станете программистом — человеком, который не просто пользуется
компьютерами, а управляет ими. Научившись программированию, вы
сможете вертеть компьютерами как хотите, и они всегда будут послушно
следовать вашим указаниям.
Изучить именно JavaScript — отличная идея, потому что этот язык
используется повсюду. Его поддерживают браузеры Chrome, Firefox
и Internet Explorer. Возможности JavaScript позволяют программистам
делать из обычных веб-страниц полноценные интерактивные приложе-
ния и видеоигры. Но это еще не все: JavaScript также работает на интер-
нет-серверах и даже может использоваться для управления роботами
и другими устройствами.
Для кого эта книга?
Эта книга предназначена для всех, кто хочет изучить именно JavaScript
или же просто начать программировать с нуля. Она написана для детей,
но может стать первым самоучителем по программированию для человека
Работая с книгой, вы будете постепенно узнавать новое, закреплять
прочитанное и двигаться дальше и дальше. Начав с простых типов
данных, вы перейдете к более сложным, по пути освоив управляющие
конструкции и функции. После этого вы научитесь писать код, реаги-
рующий на перемещения мышки или нажатия клавиш, и наконец позна-
комитесь с элементом canvas, который позволяет создавать рисунки
и анимации — любые, какие только пожелаете!
Как читать эту книгу
Самое главное, читайте по порядку! Может быть, этот совет звучит
странно, однако нередко людям не терпится сразу перейти к чему-нибудь
занимательному, например к созданию игр. Но поверьте — вам будет
гораздо проще создать игру, если вы все-таки будете читать с начала,
глава за главой, так как каждый новый раздел основывается на материа ле
Языки программирования похожи на обычные языки. Вы, наверное,
знаете — чтобы овладеть языком, нужно выучить грамматику и запом-
нить достаточно много слов. Это требует времени. Это же правило рабо-
тает и с JavaScript — чтобы научиться пользоваться этим языком, нужно
постоянно исследовать код и писать на нем программы. По мере того
как вы будете писать больше и больше, вы обнаружите, что пользуетесь
командами все более естественно, и в конце концов сможете свободно
выражать свои мысли в коде.
Я настоятельно рекомендую тестировать примеры кода по мере чте-
ния книги. Если вам не до конца понятно, как код работает, попробуйте
вносить в него небольшие изменения и смотреть, как изменится резуль-
тат. Если же ваши правки не приводят к ожидаемому эффекту, постарай-
тесь выяснить, почему это происходит.
Обязательно выполняйте задания из разделов «Попробуйте сами»
и «Упражнения». Вводить в компьютер код из книги — отличное начало,
но по-настоящему вы станете понимать программирование только
тогда, когда начнете писать собственный код. Если задания покажутся
вам интересными, не останавливайтесь! Придумывайте свои задачи
по усовершенствованию написанных вами программ.
Вы можете найти примеры выполнения заданий и исходный код
игр по адресу www.nostarch.com/javascriptforkids или на странице книги
на сайте www.mann-ivanov-ferber.ru. Постарайтесь заглядывать в решения
лишь после того, как выполните задания, чтобы сравнить свой подход
с моим. И только если вы зашли в тупик, обратитесь за подсказкой. Однако
помните, что это лишь варианты решения — в JavaScript существует мно-
жество способов выполнить одну и ту же задачу, так что не беспокойтесь,
если ваше решение получится совсем не похожим на мое.
Если вы встретите слово, значение которого не понимаете, загляните
в глоссарий в конце книги.
Глава 1 содержит краткое введение в JavaScript. Кроме того, вы узна-
ете, как писать код в консоли Google Chrome.
Глава 2 расскажет про переменные и основные типы данных
в JavaScript: числа, строки и булевы значения.
Глава 3 посвящена массивам, предназначенным для хранения набо-
ров других элементов данных.
Глава 4 расскажет об объектах, содержащих пары «ключ-значение».
Глава 5 — это введение в HTML, язык для создания веб-страниц.
Глава 6 научит, как управлять выполнением кода с помощью кон-
струкций if, циклов for и других структур.
Глава 7 покажет, как на основе изученного материала создать про-
стую игру на отгадывание слов — «Виселицу».
Глава 8 научит писать собственные функции, что позволит группи-
ровать фрагменты кода и использовать их повторно.
Глава 9 — это введение в jQuery, инструмент, облегчающий управле-
ние веб-страницами из JavaScript-кода.
Глава 10 научит, как использовать таймеры, интервалы и обработ-
чики событий, делая код более интерактивным.
Глава 11 использует функции, jQuery и обработчики событий для
создания игры «Найди клад!».
Глава 12 научит элементам объектно-ориентированного про грам-
Глава 13 расскажет об элементе canvas, позволяющем создавать
графические изображения на веб-страницах.
Глава 14 на основе способов анимации из главы 10 покажет, как соз-
давать анимации на «холсте» canvas,
Глава 15 научит, как управлять этими анимациями с клавиатуры.
В главах 16 и 17 вы создадите полноценную игру «Змейка», исполь-
зуя все знания, полученные в предыдущих пятнадцати главах!
Послесловие подскажет, куда двигаться дальше при изучении
Глоссарий даст определения множества новых слов, которые вам
И еще один момент, о котором не стоит забывать: веселитесь! Про грам-
мирование может быть увлекательным, творческим занятием, как рисо-
вание или игры (а работая с книгой, вы изрядно порисуете и поиграете).
Как только вы научитесь программировать, для вас не будет иных пре-
град, кроме собственного воображения. Добро пожаловать в потряса-
ющий мир компьютерного программирования — и желаю вам отлично
Компьютеры — необычайно мощные машины, способные
делать потрясающие вещи. Например, они могут играть
в шахматы, обслуживать тысячи интернет-страничек и менее
чем за несколько секунд выполнять миллионы сложных
вычислений. Однако сами по себе компьютеры неразумны,
и делают они лишь то, что прикажут люди. Мы сообщаем
компьютерам, что нам от них нужно, с помощью наборов
инструкций, которые называются программами. Без про-
грамм компьютеры вообще ничего не умеют!
Более того, компьютеры не знают ни английского, ни русского, ни других
естественных языков; и компьютерные программы создают на специ-
альных языках программирования. Одним из таких языков является
JavaScript. Даже если вы слышите про JavaScript впервые, вы опреде-
ленно заходили на сайты, которые его используют. Например, JavaScript
может управлять внешним видом странички или делать так, чтобы стра-
ница реагировала на нажатие клавиши или перемещение мышки.
Такие сайты, как Gmail, Facebook и Twitter, используют JavaScript для
облегчения работы с почтой, отправки комментариев или улучшения
навигации. К примеру, когда вы, читая в Twitter сообщения от @nostarch,
проматываете страничку вниз и видите все больше и больше сообщений,
это происходит благодаря JavaScript.
Чтобы понять, чем же так хорош JavaScript, достаточно посетить
• JavaScript позволяет проигрывать музыку и создавать яркие визу-
альные эффекты. Например, вы можете полетать в интерактивном
видеоклипе от студии HelloEnjoy на песню Элли Голдинг Lights
(http://lights.helloenjoy.com/), рис. 1.1.
Рис. 1.1. В клипе Lights нужно управлять искрящимся курсором
• С помощью JavaScript можно создавать инструменты для творчества.
Patatap (http://www.patatap.com/) — это нечто вроде виртуальной
драм-машины, которая издает всевозможные шумы и звуки, а также
проигрывает забавные анимации, рис. 1.2.
Рис. 1.2. Зайдя на страничку Patatap, нажимайте на разные клавиши, чтобы услышать
• JavaScript дает нам возможность играть в увлекательные игры.
CubeSlam (https://www.cubeslam.com/) — это трехмерное подобие
классической игры «Понг», похожее на аэрохоккей. Посоревнуйтесь
с кем-нибудь из друзей или с медведем, за которого играет компью-
Рис. 1.3. Игра CubeSlam написана целиком на JavaScript!
Зачем изучать JavaScript?
JavaScript — далеко не единственный язык программирования. В сущ-
ности, языков очень много, счет идет на сотни, однако есть немало при-
чин выбрать именно JavaScript. Например, изучать его гораздо проще
(и интереснее), чем многие другие языки. Но, пожалуй, самая веская
причина такова: чтобы писать и выполнять JavaScript-программы, доста-
точно интернет-браузера — такого, как Internet Explorer, Mozilla Firefox
или Google Chrome. В каждый из этих браузеров встроен интерпретатор
JavaScript, который сможет выполнять JavaScript-программы. И ника-
кого специального программного обеспечения вам не понадобится.
Написав программу на JavaScript, отправьте ссылку на нее другим
людям, и они тоже смогут ее запустить — у себя на компьютере, в брау-
зере (см. «Обмен кодом с помощью JSFiddle» на с. 280).
Давайте напишем простую JavaScript-программку с помощью браузера
Google Chrome (www.google.com/chrome). Установите Chrome на свой
компьютер (если он еще не установлен), запустите его и введите слова
about:blank в адресной строке. Теперь нажмите ENTER — откроется
пустая страничка, как на рис. 1.4.
1. Что такое JavaScript? 19
Начнем с программирования в JavaScript-консоли Chrome (это секрет-
ный инструмент для тестирования коротких программ на JavaScript).
Если ваш компьютер работает под управлением Microsoft Windows
или Linux, нажмите и не отпускайте клавиши CTRL и SHIFT, а затем
нажмите J. Если же вы пользуетесь системой MacOS, нажмите и удержи-
вайте COMMAND и OPTION, а затем нажмите J.
Если вы все сделали правильно, то увидите пустую веб-страницу, под
которой стоит значок угловой скобки (>), а после него мигает курсор (|).
Здесь нам и предстоит писать код на языке JavaScript!
! Текст в консоли Chrome подсвечивается разными цветами в зависи-
мости от типа данных. В этой книге код для ввода в консоль напе-
чатан такими же цветами там, где это имеет значение. Но там,
где разноцветный код будет вас только отвлекать, синим мы будем
выделять то, что сами вводим в консоль, а данные, которые авто-
матически выдаст программа, будут цветными.
Адресная строка используется для перехода на сайты,
например Facebook.com или Google.com. Сейчас нам
нужна пустая страница, поэтому вводим about:blank
JavaScript-консоль: здесь мы будем
тестировать короткие программы.
Рис. 1.4. JavaScript-консоль Google Chrome
Когда вы введете код и нажмете ENTER, JavaScript должен запу-
стить (иначе говоря, выполнить) ваш код, показав на следующей строке
результат (когда он есть). Например, введите в консоли:
Теперь нажмите ENTER. JavaScript должен напечатать результат сло-
жения (7) на следующей строке:
Как видите, ничего сложного. Но JavaScript — это нечто определенно
большее, чем просто затейливый калькулятор. Давайте попробуем кое-
Давайте позабавимся — напишем JavaScript-программу, которая печа-
тает японские смайлики каомодзи в виде кошачьей мордочки:
В отличие от простого сложения, с которого мы
начали, эта программа занимает несколько строк.
Чтобы ввести ее в консоли, нужно будет в конце
каждой строки переходить на новую строку нажа-
тием SHIFT-ENTER. (Если нажать просто ENTER,
Chrome попытается выполнить те команды, кото-
рые вы уже ввели, и программа не будет рабо-
тать правильно. Сами по себе компьютеры ничего
не соображают — я предупреждал!)
Введите в консоли браузера:
// Рисуем столько котиков, сколько захотим!
var drawCats = function (howManyTimes) <
for (var i = 0; i ). Например, для проверки, что рост посети-
теля (155 см) больше, чем ограничение по росту (150 см), мы можем
задать переменной height (рост посетителя) значение 155, а пере-
менной heightRestriction (ограничение по росту) значение 150,
а затем использовать оператор > для сравнения двух переменных:
var heightRestriction = 150;
Введя height > heightRestriction, мы просим JavaScript показать
нам, больше ли первое значение, чем второе, или нет. В данном случае
посетитель достаточно высок!
Но что если рост посетителя в точности равен 150 см?
var heightRestriction = 150;
Нет, посетитель недостаточно высок! Хотя если ограничение
по росту — 150 см, наверное, стоит пускать и тех, чей рост в точности
равен 150 см? Это нужно исправить. К счастью, в JavaScript есть еще
один оператор, >=, что означает «больше или равно».
var heightRestriction = 150;
Ну вот, теперь лучше — 150 удовлетворяет условию «больше или
Оператор, противоположный «больше» (>), зовется оператором «меньше» (
JavaScript для детей. Самоучитель по программированию
Эта книга позволит вам погрузиться в программирование и с легкостью освоить JavaScipt. Вы напишете несколько настоящих игр — поиск сокровищ на карте, «Виселицу» и «Змейку». На каждом шаге вы сможете оценить результаты своих трудов — в виде работающей программы, а с понятными инструкциями, примерами и забавными иллюстрациями обучение будет только приятным. Книга для детей от 10 лет.
От автора и издателей
Почему именно 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-программы. И никакого специального программного обеспечения вам не понадобится.
Для кого эта книга
Здесь можно скачать книгу «JavaScript для детей. Самоучитель по программированию» для ознакомления (бесплатный PDF фрагмент от правообладателя), почитать онлайн или купить полную электронную версию в форматах FB2, PDF, EPUB, TXT, FB3, MOBI.
JavaScript для детей. Самоучитель по программированию
Скачать книгу
О книге «JavaScript для детей. Самоучитель по программированию»
В век информационных технологий все развивается очень быстро и постоянно требуется получать новые знания. Одной из стремительно развивающихся сфер является программирование, которое сейчас изучают даже дети. Взрослым это может показаться достаточно сложным, но если начинать с простого, то даже ребенок может разобраться в программировании. Эта книга написана Ником Морганом специально для детей.
С помощью этого пособия дети смогут освоить такой язык программирования как JavaScript, который имеет множество преимуществ и очень популярен. Прежде всего, он прост в понимании, а также он не требует установки дополнительного ПО, созданные приложения легко открываются в браузере. Он дает много возможностей.
В начале книги рассказывается об основных элементах и данных. Здесь же уже можно будет узнать о создании простого варианта игры «Виселица». Во второй части идет речь о более сложных техниках, позволяющих прописывать реакцию на действия человека. А игра «Поиск сокровищ», о которой здесь написано, уже полностью взаимодействует с пользователем. В третьей части рассказано, как в программе сделать графику. Можно будет написать «Змейку» и поиграть в нее.
По мере изучения в каждой главе материал усложняется, но при этом объясняется все довольно просто, что является преимуществом учебника для детей. Здесь есть упражнения, которые дают возможность усовершенствовать свои навыки, а благодаря смешным картинкам изучения языка программирования будет еще и веселым. В книге есть словарь и список дополнительной литературы. Она подходит детям от 10 лет, а также преподавателям информатики, желающим сделать предмет интересным и полезным.
На нашем сайте вы можете скачать книгу «JavaScript для детей. Самоучитель по программированию» Ник Морган бесплатно и без регистрации в формате pdf, читать книгу онлайн или купить книгу в интернет-магазине.