Page 32 - Браун Э. - Изучаем JavaScript. Руководство по созданию современных веб-сайтов - 2017
P. 32
Может показаться, что мы делаем слишком много работы для осуществления
чего-то весьма простого, и некоторая правда в этом есть. Конечно, я мог бы предо
ставить пример, получающий тот же результат за значительно меньше этапов, но
этим я привил бы вам плохие привычки. Представленные здесь дополнительные эта
пы вы будете видеть еще много раз, и хотя сейчас это может показаться сверхслож
ным, вы можете по крайней мере утешить себя тем, что учитесь делать все п р авильно.
Последнее важное примечание об этой главе. Это единственная глава в книге,
в которой примеры кода будут написаны в синтаксисе ESS, а не ES6 (Harmony). Это
сделано для гарантии того, что примеры кода будут выполняться, даже если вы не
используете браузер, поддерживающий ЕSб. В следующих главах будет изложено, как
написать код в ЕSб и "транскомпилировать" его так, чтобы он выполнялся на уста
ревших браузерах. После рассмотрения этих основ в остальной части книги будет
использован синтаксис ЕSб. Примеры кода в этой главе достаточно просты, и ис
пользование ESS не представляет существенного препятствия.
Файлы, создаваемые для этого упражнения, должны находиться в той
же папке. Я рекомендую создать для этого примера новую папку, что
бы файлы не потерялись среди других.
j
Начнем с файла JavaScript. Используя текстовый редактор, создайте файл main. s .
Добавьте в него одну следующую строку.
console . log ( m ain . j s loaded ' ) ;
'
Затем создайте файл CSS, main . css. Пока у нас нет ничего, что стоило бы вста
вить здесь, поэтому включим в него только комментарий, чтобы не было пустого
файла.
/ * Здесь будут стили. * /
Затем создайте файл с именем index . html.
< ! doctype html>
<html>
<head>
<link rel= s tylesheet " href="main . c s s " >
"
</head>
<body>
<hl>My first application ! < /hl>
<p>Welcome to <i>Learning JavaScript , Зrd Edition</i> . </p>
<script src="main . j s " > </script>
</body>
</html>
Хотя эта книга и не об HTML или разработке веб-приложений, большинство
из вас изучает JavaScript именно с этой целью, поэтому мы затронем некоторое
30 Глава 1. Ваше первое п р иложе н ие
