2_5390937242204112261
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
Может показаться, что мы делаем слишком много работы для осуществления
чего-то весьма простого, и некоторая правда в этом есть. Конечно, я мог бы предоставить
пример, получающий тот же результат за значительно меньше этапов, но
этим я привил бы вам плохие привычки. Представленные здесь дополнительные этапы
вы будете видеть еще много раз, и хотя сейчас это может показаться сверхсложным,
вы можете по крайней мере утешить себя тем, что учитесь делать все правильно.
Последнее важное примечание об этой главе. Это единственная глава в книге,
в которой примеры кода будут написаны в синтаксисе ESS, а не ES6 (Harmony). Это
сделано для гарантии того, что примеры кода будут выполняться, даже если вы не
используете браузер, поддерживающий ЕSб. В следующих главах будет изложено, как
написать код в ЕSб и "транскомпилировать" его так, чтобы он выполнялся на устаревших
браузерах. После рассмотрения этих основ в остальной части книги будет
использован синтаксис ЕSб. Примеры кода в этой главе достаточно просты, и использование
ESS не представляет существенного препятствия.
Файлы, создаваемые для этого упражнения, должны находиться в той
же папке. Я рекомендую создать для этого примера новую папку, чтобы
файлы не потерялись среди других.
Начнем с файла JavaScript. Используя текстовый редактор, создайте файл main. js.
Добавьте в него одну следующую строку.
console . log ( 'main. j s loaded ' ) ;
Затем создайте файл CSS, main. css. Пока у нас нет ничего, что стоило бы вставить
здесь, поэтому включим в него только комментарий, чтобы не было пустого
файла.
/* Здесь будут стили. */
Затем создайте файл с именем index . html.
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>
<hl>My first application !</hl>
<p>Welcome to <i>Learning JavaScript, Зrd Edition</i>. </p>
<script src="main.js"></script>
</body>
</html>
Хотя эта книга и не об HTML или разработке веб-приложений, большинство
из вас изучает JavaScript именно с этой целью, поэтому мы затронем некоторое
30 Глава 1. Ваше первое приложение
Change language