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

струкций if, циклов for и других структур.

Глава 7покажет, как на основе изученного материала создать про-

стую игру на отгадывание слов — «Виселицу».

Глава 8научит писать собственные функции, что позволит группи-

ровать фрагменты кода и использовать их повторно.

Глава 9— это введение в jQuery, инструмент, облегчающий управле-

ние веб-страницами из JavaScript-кода.

Глава 10научит, как использовать таймеры, интервалы и обработ-

чики событий, делая код более интерактивным.

Глава 11использует функции, jQuery и обработчики событий для

создания игры «Найди клад!».

Глава 12научит элементам объектно-ориентированного про грам-

мирования.

Глава 13расскажет об элементе canvas, позволяющем создавать

графические изображения на веб-страницах.

Глава 14на основе способов анимации из главы 10 покажет, как соз-

давать анимации на «холсте» canvas,

тогда как

Глава 15научит, как управлять этими анимациями с клавиатуры.

В главах 16 и 17вы создадите полноценную игру «Змейка», исполь-

зуя все знания, полученные в предыдущих пятнадцати главах!

Послесловиеподскажет, куда двигаться дальше при изучении

программирования.

Глоссарийдаст определения множества новых слов, которые вам

встретятся.

Повеселитесь!

И еще один момент, о котором не стоит забывать: веселитесь! Про грам-

мирование может быть увлекательным, творческим занятием, как рисо-

вание или игры (а работая с книгой, вы изрядно порисуете и поиграете).

Как только вы научитесь программировать, для вас не будет иных пре-

град, кроме собственного воображения. Добро пожаловать в потряса-

ющий мир компьютерного программирования — и желаю вам отлично

провести время!

Ч АС Т Ь I

Основы

Ч АС Т Ь I

Ос

Осно

н в

о ы

в

1

Ч Т О ТА КО Е J AVA S C R I P T ?

Компьютеры — необычайно мощные машины, способные

делать потрясающие вещи. Например, они могут играть

в шахматы, обслуживать тысячи интернет-страничек и менее

чем за несколько секунд выполнять миллионы сложных

вычислений. Однако сами по себе компьютеры неразумны,

и делают они лишь то, что прикажут люди. Мы сообщаем

компьютерам, что нам от них нужно, с помощью наборов

инструкций, которые называются программами. Без про-

грамм компьютеры вообще ничего не умеют!

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

Более того, компьютеры не знают ни английского, ни русского, ни других

естественных языков; и компьютерные программы создают на специ-

альных языках программирования . Одним из таких языков является

JavaScript. Даже если вы слышите про JavaScript впервые, вы опреде-

ленно заходили на сайты, которые его используют. Например, JavaScript

может управлять внешним видом странички или делать так, чтобы стра-

ница реагировала на нажатие клавиши или перемещение мышки.

Такие сайты, как Gmail, Facebook и Twitter, используют JavaScript для

облегчения работы с почтой, отправки комментариев или улучшения

навигации. К примеру, когда вы, читая в Twitter сообщения от @nostarch,

проматываете страничку вниз и видите все больше и больше сообщений,

это происходит благодаря JavaScript.

Чтобы понять, чем же так хорош JavaScript, достаточно посетить

несколько сайтов:

17

• JavaScript позволяет проигрывать музыку и создавать яркие визу-

альные эффекты. Например, вы можете полетать в интерактивном

видеоклипе от студии HelloEnjoy на песню Элли Голдинг Lights

(http://lights.helloenjoy.com/), рис. 1.1.

Рис. 1.1. В клипе Lights нужно управлять искрящимся курсором

• С помощью JavaScript можно создавать инструменты для творчества.

Patatap (http://www.patatap.com/) — это нечто вроде виртуальной

драм-машины, которая издает всевозможные шумы и звуки, а также

проигрывает забавные анимации, рис. 1.2.

Рис. 1.2. Зайдя на страничку Patatap, нажимайте на разные клавиши, чтобы услышать

разные звуки!

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

• JavaScript дает нам возможность играть в увлекательные игры.

CubeSlam (https://www.cubeslam.com/) — это трехмерное подобие