JavaScript для детей

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

Глава 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/) — это трехмерное подобие

классической игры «Понг», похожее на аэрохоккей. Посоревнуйтесь

с кем-нибудь из друзей или с медведем, за которого играет компью-

тер. См. рис. 1.3.

Рис. 1.3. Игра CubeSlam написана целиком на JavaScript!

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

JavaScript — далеко не единственный язык программирования. В сущ-

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

чин выбрать именно JavaScript. Например, изучать его гораздо проще

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

причина такова: чтобы писать и выполнять JavaScript-программы, доста-

точно интернет-браузера — такого, как Internet Explorer, Mozilla Firefox

или Google Chrome. В каждый из этих браузеров встроен интерпретатор

JavaScript, который сможет выполнять JavaScript-программы. И ника-

кого специального программного обеспечения вам не понадобится.

Написав программу на JavaScript, отправьте ссылку на нее другим

людям, и они тоже смогут ее запустить — у себя на компьютере, в брау-

зере (см. «Обмен кодом с помощью JSFiddle» на с. 280).

Пробуем JavaScript

Давайте напишем простую JavaScript-программку с помощью браузера

Google Chrome (www.google.com/chrome). Установите Chrome на свой

компьютер (если он еще не установлен), запустите его и введите слова

about:blank в адресной строке. Теперь нажмите ENTER — откроется

пустая страничка, как на рис. 1.4.

1. Что такое JavaScript? 19