Если вы хотите создавать сайты, не ограничивая себя возможностями CMS, вы должны знать ряд языков. Одним из самых важных для веб-мастера, помимо php, html, css, является Javascript.
Пожалуй, найдется совсем немного специалистов, создающих сайты более 4-5 лет, не знающих языка Javascript. Это один из самых распространенных языков программирования, встраиваемых на страницу html и не нуждающихся в каких-то дополнительных операциях.
Зачем нужен Javascript?
Прежде всего, для того, чтобы делать сайт (а точнее, конкретную его страницу) динамичным. Скрипт может выполнять различные функции, изменяя страницу без перезагрузки. Среди преимуществ языка - простота, возможность выполнения непосредственно на странице (без обращения к серверу, как с php). Кроме того, Javascript поддерживается практически везде.
С чего начать изучение?
В целом, ничего специального для изучения js вам не нужно. Язык может поддерживаться почти во всех браузерах, и для его выполнения не потребуется установка сервера. Писать код можно непосредственно в html-странице (иногда требуется создание отдельного файла .js).
Впрочем, вы можете скачать специальный редактор с подсветкой js-кода, а также установить Firefox - наиболее оптимальный для Javascript браузер. Как правило, сначала скрипты просматриваются именно в этом браузере.
Основы синтаксиса Javascript
Скрипт можно прописывать в любом месте страницы, в заголовке (в тегах head), либо выносить в отдельный файл .js.
Javascript отделяется тегами script и /script. Внутри помещаются атрибуты, события, обработчики событий и функции.
Самый простой код на Javascript может выглядеть так:
script>
document.write("Привет, мир!")
/script>
Включив скрипт в html-код страницы и загрузив ее в браузере, мы увидим надпись "Привет, мир!"
Как видим, то, что находится внутри тегов, интерпретируется как скрипт, а "document.write()" является инструкцией, позволяющей выводить на экран текст.
В некоторых браузерах JS не поддерживается, а потому содержимое тегов часто закрывают в "!-- .... //--". Такие "скобки" позволяют скрывать код, чтобы он не выводился непосредственно на страницу.
Язык позволяет создавать динамические страницы, элементы которых реагируют на действия пользователей. Простейший пример - выпадающее меню. Вы нажимаете кнопку (например, "меню"), и меню выпадает. Делается это с помощью такого кода:
form>
input type="button" value="Click me" onClick="alert('Yo')">
/form>
alert('Yo') - функция, позволяющая создавать выпадающее меню, Click - событие, в ответ на которое запускается скрипт.
Существуют и "внешние" скрипты, которые выносят в отдельный файл .js. Прописав на странице script src="/my/script.js" /script, вы сможете использовать один скрипт сразу на нескольких страницах и, разумеется, также быстро его изменять, не затрагивая сами страницы.
В целом, зачастую достаточно изучить лишь основы синтаксиса JS. В сети немало готовых скриптов, которые достаточно просто немного видоизменить и разместить на странице.
