JavaScript для детей. Самоучитель по программированию - [6]

Шрифт
Интервал

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

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

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

Ч АС Т Ь 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

Начнем с программирования в JavaScript-консоли Chrome (это секрет-

ный инструмент для тестирования коротких программ на JavaScript).

Если ваш компьютер работает под управлением Microsoft Windows

или Linux, нажмите и не отпускайте клавиши CTRL и SHIFT, а затем

нажмите J. Если же вы пользуетесь системой MacOS, нажмите и удержи-

вайте COMMAND и OPTION, а затем нажмите J.

Если вы все сделали правильно, то увидите пустую веб-страницу, под

которой стоит значок угловой скобки (>), а после него мигает курсор (|).

Здесь нам и предстоит писать код на языке JavaScript!

! Текст в консоли Chrome подсвечивается разными цветами в зависи-

мости от типа данных. В этой книге код для ввода в консоль напе-

чатан такими же цветами там, где это имеет значение. Но там,

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

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

матически выдаст программа, будут цветными.

Адресная строка используется для перехода на сайты,

например Facebook.com или Google.com. Сейчас нам

нужна пустая страница, поэтому вводим about:blank

и жмем ENTER.

JavaScript-консоль: здесь мы будем

тестировать короткие программы.

Рис. 1.4. JavaScript-консоль Google Chrome

Когда вы введете код и нажмете ENTER, JavaScript должен запу-

стить (иначе говоря, выполнить) ваш код, показав на следующей строке

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

Продолжить чтение
Еще от автора Ник Морган
Сигналы влияния. Как убеждать и контролировать людей

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

Рекомендуем почитать
Мы читаем «Зеленую книгу»

Дорогие ребята!Кто из вас не мечтал о романтике дальних походов, когда вкус едкого дыма смешивается с волнующими рассказами о путевых приключениях! Кто из вас не хотел бы пройти много километров пс просторам нашей огромной Родины! Но мало только хотеть. Чтобы пойти в поход, да еще многодневный, надо многое уметь: ориентироваться на местности, читать карту, ходить по азимуту и т. д. и т. п. Кстати, знать это — значит выполнять требования по топографии второй и третьей пионерских ступенек.Книжечка, которую вы открыли, и поможет вам, ребята, выполнить эти требования, не даст вам заблудиться в дальнем походе.

Древний Египет

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

Алиса в стране математики

Книга построена на занимательных сказочных сюжетах с персонажами всемирно известных сказок Льюиса Кэрролла «Алиса в Стране Чудес» и «Алиса в Зазеркалье» и призвана пробудить у детей интерес к математике, развить творческое воображение и логическое мышление. В книге содержатся также исторические экскурсы, знакомящие с великими математиками и историей возникновения и развития математики с древности до наших дней.

Расскажите детям о насекомых

Наглядно-дидактическое пособие «Расскажите детям о насекомых» предназначено для групповых и индивидуальных занятий с детьми 3-7 лет в детском саду и дома. Пособие с успехом может быть использовано на занятиях по ознакомлению с окружающим миром, для развития речи и мышления, в логопедических играх, для развития логического мышления, при обучении детей дошкольного и младшего школьного возраста иностранному языку.

КОАПП! КОАПП! КОАПП! Выпуск 8

На имя председателя КОАПП пришло письмо от пятилетнего бионика Леночки Шестопаловой: «Уважаемый Кашалот, расскажите, пожалуйста, что было дальше, когда пришел Верблюд». О каком Верблюде речь и чем была так заинтригована Леночка? Ответ на эти вопросы читатель найдет в протоколе заседания КОАПП, включенного в этот сборник. Из других протоколов можно узнать о том, умеют ли птицы считать, кем оказался таинственный и грозный Качерасогемастуд, какие последствия имел для поляны КОАПП дружественный визит эскадры броненосцев и о прочих невероятных событиях, происшедших на заседаниях с № 33 по № 36 включительно.Художники В.

Подвиг Тосканини

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