<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Установка jQuery

Установка jQuery

Мы приступаем к изучению jQuery, и самое первое, что нужно сделать - это установить jQuery к себе на страницу. Также рассмотрим, какие есть версии для установки. Это всё мы разберём в данной статье.

Первым делом, нужно скачать jQuery с официального сайта: http://jquery.com/download/. Рекомендую скачивать jQuery версии 1.x, а 2.x, поскольку последняя не поддерживается IE6-IE8.

Для скачивания имеются 2 вида библиотеки jQuery: сжатая (compressed) и несжатая (uncompressed). В плане работы они идентичны, но сжатая весит значительно меньше (за счёт удаления лишних пробельных символов), что крайне важно для страницы. Несжатая нужна, если Вам необоходимо будет заглядывать в исходный код jQuery, хотя такие ситуации случаются крайне редко, поэтому сразу скачивайте сжатую версию jQuery.

После того как Вы скачали jQuery, его нужно скопировать в папку на сайте. Допустим, путь к jQuery будет следующим: "js/jquery.js". Тогда подключается библиотека jQuery следующим образом:

<script type="text/javascript" src="js/jquery.js"></script>

И последний шаг - это проверка работоспособности библиотеки jQuery. Это нужно для того, чтобы не использовать то, что ещё даже не на 100% подключено, а потом думать, где ошибка в коде, хотя ошибка исключительно в подключении jQuery. Итак, для проверки jQuery можно использовать следующий код:

<script type="text/javascript">
  if (window.jQuery) alert("jQuery подключен");
  else alert("jQuery не подключен");
</script>

Если появилось всплывающее окно с текстом "jQuery подключен", значит, можете стирать этот код и приступать к написанию скриптов с использованием этой библиотеки. Иначе ищите ошибку в подключении.

В следующей статье мы перейдём уже непосредственно к изучению jQuery.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (18):

Ekaterina27 Ekaterina27 05.10.2013 23:18:13

Здравствуйте Михаил! jQuery можно установить на Joomla?Я так понимаю,что после такого как я скачала его,нужно создать для него отдельную папку на сайте,поместить его туда и подключить его.Я никогда не создавала свой сайт с нуля,так что не судите строго.

Ответить

lev_100rus lev_100rus 05.10.2013 23:27:33

Если Вы никогда не создавали свой сайт с нуля, то забудьте об этом. Ищите готовые решения для Вашей Joomla.

Ответить

ja69 ja69 06.10.2013 00:25:20

Не слушайте никого, Катя! Всякие там Joomla и Wordpress ни в какое сравнение не идут с движком собственного производства!!! На изучение этих монстров может уйти не меньше времени, чем на изучение html и php. Последнее гораздо интереснее!

Ответить

Ekaterina27 Ekaterina27 06.10.2013 01:57:22

Андрей,я не спорю с Вами.Но для того чтобы написать свой движок на php с б/д mysql наверное надо много времени, а у меня его не так много.А Jommla я хотя бы знаю,хотя в ней ковыряться в её настройках это тоже не лучший вариант, иногда проще свой код написать, чем эти кнопки нажимать. Хотя в ней тоже можно редактировать html-код.и php если знаешь.Но разбираться в этой горе кода это пипец конечно.Лучше наверное самой написать своё.Например шаблон Joomla если хочешь кардинально поменять снова нужно знать php, а если не знаешь,то довольствоваться тем, какой он есть,не изменяя например расположения менюшек.

Ответить

Ekaterina27 Ekaterina27 06.10.2013 01:49:25

Вы зря так пишите. Я уже нашла нужную мне инфу, и это очень просто на самом деле сделать.Нужно также скачать jQuery, создать для него папку, закинуть в корень сайта. Далее его нужно подключить, тоесть зайти в шаблоны Joomla, тобиш в папку templates, найти тот шаблон который включен и в нём найти index.php.В <head> нужно вставить код скрипта,необходимый для подключения.Вот и всё.

Ответить

ja69 ja69 06.10.2013 02:19:32

Ну вот! И я об этом. Вы уже почти готовы написать свой движок. Все эти Ваши манипуляции с готовыми шаблонами, по сути мало чем отличаются от того, что я предлагаю. За то свой движок Вы будете знать как свои же пять пальцев. К тому же вовсе не обязательно нужны б/д. Можно и на файлах базу построить. Кстати jQuery вовсе не обязательно держать на своём сайте. Эта библиотека лежит в свободном доступе на офсайте. достаточно просто подключить её к своим страницам вписав между тэгами script путь(ссылку откуда Вы её скачали)

Ответить

lev_100rus lev_100rus 06.10.2013 13:59:48

Но тогда скорость загрузки её будет намного меньше.

Ответить

ja69 ja69 06.10.2013 19:45:59

Да ладно?! Лично я разницы не заметил. Другое дело если тестировать сайт на локальном сервере, без подключения к сети.

Ответить

lev_100rus lev_100rus 06.10.2013 20:50:16

Подумайте сами. Одно дело взять файл, лежащей на одном и том же сайте, и совсем другое, обратиться к другому ресурсу, запросить у него тот файл, затем подключить у себя

Ответить

ja69 ja69 06.10.2013 21:04:10

А вы пробовали? А о хешировании скриптов слыхали?

Ответить

lev_100rus lev_100rus 07.10.2013 00:45:41

Слыхал. Хорошо, тогда, допустим, у них сервер упал. И что же будет у Вас? Все скрипты, использующие эту библиотеку, перестают работать. И тут уже ничего не поделаешь. Так что у себя их хранить лучше. Да, лишний вес, но всё же плюсов больше, чем минусов у такого способа

Ответить

ja69 ja69 07.10.2013 21:15:22

Спорить нет смысла. Сервер скорее у Вас упадёт, чем у них (я так думаю). Дело Ваше. Поступайте, как Вам удобнее. Моё мнение это всего лишь моё мнение и я пока останусь при нём.

Ответить

lev_100rus lev_100rus 06.10.2013 14:01:12

Екатерина, я имел ввиду, что если Вы не знаете html, css, js, то Вам бессмысленно подключать JQuery. Но, если Вы всё же знаете, то дерзайте.

Ответить

1111g 1111g 28.10.2014 20:28:02

Не подключается. Ни у какого браузера! Какой код на самом деле? Может нужно проверить или что?

Ответить

Eric Eric 23.11.2015 11:26:48

Покажите код

Ответить

mativo mativo 17.04.2015 00:28:25

Добрый день, способы рабочие, но вы забыли об одной очень важной части — что будет если у пользователя будут проблемы с подключением к CDN или на нем будет попросту ошибка? В этом случае нужно проверить загрузилась ли библиотека, и если нет, то загрузить с нашего сервера. Вот статья на эту тему — http://ymatuhin.ru/front-end/safe_use_of_cdn_and_jquery/

Ответить

Daimon1981 Daimon1981 06.02.2016 20:28:41

Добрый день! Подскажите, как поступить в ситуации: скачал с сайта http://jquery.com/download/ "compressed, production jQuery 1.12.0", инициализировал успешно - "jQuery подключен". Но потом вспомнил, что не прописал скрипт в <head>. Зашел, а там, оказывается, уже установлены JQuery 1.6.4. и jquery-1.3.1.min.js . Тут я вспомнил про какой-то "мигратор" с одной версии JQuery на другую версию. Как поступить: учиться дальше со старыми версиями или установить (как?) этот "мигратор" (чтобы он код обновил-подчистил)??? Заранее спасибо!

Ответить

Kris Kris 05.04.2016 20:48:36

Извините, я совсем новичок, вроде делала все по инструкции, но пишет, jquery не подключен. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Нева-строй</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>Бетон</p> <script type="text/javascript"> if (window.jQuery) alert("jQuery подключен"); else alert("jQuery не подключен"); </script> </body> </html> В чем возможна проблема? Спасибо!!!

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.