Приступим к рассмотрению последней "вспомогательной" части нашего будущего фреймворка, после чего начнем писать именно фреймворк.
Итак, что же такое JavaScript простыми словами? Это скриптовый язык программирования. Программы на нём работают на стороне клиента - у него в браузере. То есть вы пишите программу, но работать она будет у пользователя.
И нет! Те, кто почуствовал себя крутым хакером или собрался включать режим паранойи не правы: вы не правы. Ни те, ни другие. Программы работают исключительно в браузере и сам браузер не даст выйти "за рамки". Ну да ладно.
Программы на JS выполняют самые разнообразные задачи. Это и "оживляж" сайта на уровне более продвинутом, нежели можно сделать на CSS, и связь с сервером, и, к примеру, проверки заполненности форм и многое-многое-многое другое.
Сейчас существует масса разнообразных js-фреймворков. Но, мы не станем их использовать. Всё сами, всё сами... Единственное вот что: используем не чистый JavaScript, а jQuery. Причина - уменьшение объема кода.
Для демонстрации покажу на этом примере:
И сейчас я их трансформирую....
$('img').css({border: '1px solid red', width: 100, height: 50})
Взял все картинки на странице и назначил им свойства: красный бордюр, ширина 100 пикселей и 50 пикселей высоту.
var img = document.getElementsByTagName('img'), i;
for (i in img) if (img.hasOwnProperty(i)) {
img[i].style.border = '1px solid green';
img[i].style.width = '50px';
img[i].style.height = '100px';
}
Та же самая операция - с зеленым бордюром, шириной в 50 и высотой в 100 пикселей.
Вобщем, полагаю, понятно почему именно jQuery. По сути, это лишь обёртка над чистым JavaScript, позволяющая упростить разработчику жизнь.
Первые статьи будут просто показательными и объясняющими.
В этой статье я только покажу, как подключается JavaScript к HTML коду.
Есть два варианта подключения:
Всегда используем только скрипты, находящиеся у нас в проекте! - это важно.
Все статьи попадают в "Оглавление канала". Не пропускаем новости!