• доступно о веб-разработке
06.10.2012 JavaScript, Технологии

Скрипты — основа динамики

Скрипты

Ознакомившись с предыдущим уроком вы, уверен, осознали, что HTML-разметка — это скелет любой страницы любого сайта. Но здесь надо отдавать себе представление о том, что скелет без мускулатуры недвижим. Вот скрипты — это и есть те мышцы, которые приводят верстку в движение. И все привычные вещи, о которых мы не задумываемся (типа пресловутых «лайков»), существуют благодаря этим маленьким помощникам.

Есть еще и кожа, придающая привычный внешний облик человека — это каскадные листы стилей (CSS), о которых мы поговорим в одном из следующих материалов.

Итак, скрипты.

Вот у вас есть верстка. И вам нужно её оживить.

Проще говоря, запрограммировать реакцию на действия пользователя.

Например, при нажатии на «Мне нравится», отправляется информация на сервер, приходит ответ, количество «лайков» рядом с сердечком увеличивается.

Или, на этом сайте, другой пример. Вы наводите курсор на изображение, курсор принимает вид руки с вытянутым указательным пальцем. Вы нажимаете левой кнопкой — всплывает увеличенная копия изображения. Нажимаете в другом месте окна или же клавишу Esc, и увеличенная копия исчезает.

Комментарии, которые вы оставляете, также работают через скрипты.

Все это скрипты. Без них никуда сегодня.

Скрипт — это алгоритм, автоматизирующий процессы.

Основной скриптовый язык — JavaScript. Не путайте просто с Java. Хоть они и схожи, но это два разных языка. Когда говорят «Ява» — имеют в виду Java, а не «ЯваСкрипт». Ну или «Джава». Чаще всего JavaScript называют по заглавным буквам — JS или «ДжиЭс».

JavaScript — браузерный язык, потому что его исполняет непосредственно сам браузер по ходу отображения страницы.

Вот код простого скрипта:

<script type=»text/javascript»>
alert(«Привет, ДвижКод!»);
</script>

Как видите, скрипты вставляются специальным тегом. Атрибут type сегодня в HTML5 уже можно упускать.

Попробуйте, вставьте этот скрипт перед закрывающим тегом </body> из прошлого урока, сохраните и откройте страницу в браузере.

И вас сразу же встретит диалоговое окно:

Просто? Еще бы. Это достаточно простой язык. Нужно просто знать правила работы с переменными, условные и цикловые операторы, а также основные правила работы скрипта.

Скрипты не обязательно хранить в теле страницы.

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

Для этого умные люди придумали возможность подключать внешние скрипты.

К примеру, вот так:

<script src=»http://codemotion.ru/wp-includes/js/jquery/jquery.js?ver=1.7.2″></script>

И все что вам нужно — править 1 файл на сервере. Изменения будут происходить на всех страницах сайта.

Сегодня мало кто пользуется JavaScript в чистом виде. Почему? Потому что команды разработчиков написали специальные библиотеки (фреймворки, frameworks), которые существенно облегчают ряд типовых задач.

Самый популярный из фреймворков — jQuery. И я пользуюсь в своих проектах именно им.

http://jquery.com

Сейчас не будем на этом останавливаться, потому как этот повод для десятка статей, и мы будем часто беседовать о программировании на JavaScript в будущем.

Узнать более подробно о JavaScript вы можете, пройдя по ссылке:

http://javascript.ru/tutorial

Поделиться

Комментарии Правила дискуссии

Читайте ранее:
Кодировка

По ходу выполнения прошлого задания кто-то из вас, уважаемые читатели, столкнулся с тем, что первая созданная страница вместо русского текста...

Закрыть