Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31


Чувашия-это моя Россия

Первые шаги в jQuery.

Если использовать язык программировании jQuery при создании своего сайта, то процесс написания и оформления страниц сайта на порядок ускорится и что одна строчка в jQuery заменит несколько десятков строк в JavaSripte. Ведь, чем больше строк написано на странице сайта, тем больше вероятность допустить ошибки. Даже если не пишем коды программы, всего лишь обычные строки. Что же происходит при написании сценариев. Естественно в геометрической прогрессии возрастает количество ошибок. И по статистике почти половину времени программисты затрачивают на отладку своих написанных программ. А тут на порядок, а то и на два порядке меньше строк пишем.

С чего начинать изучение и оформлении при создании сайта по кодам и функциям jQuery?

Так как язык программирования JavaScript основывается на двух языках: первый язык разметки HTML-кодов, который обеспечивает структурный слой документов, при этом содержимое получается выразительно и понятно, как изображения, так и тексты на страницах сайта; второй язык веб-дизайна CSS каскадных таблиц стилей, который образует презентационный вид документов на страницах сайта, обеспечивая красивый и приятный внешний вид документов. Вот, язык JavaScript добавляет на страницы сайта интерактивность, создает так называемый поведенческий вид документов на страницах Вашего сайта. Ну, а язык jQuery представляет собой концентрированный интерактивный язык для сайтостроителей, для тех кто не очень сильно владеет языками программирования. Основную работу по созданию всякого рода программ циклов, переборов, с условиями без условий и т.д. и т.п. язык jQuery в виде библиотеки плагинов взваливает на себя сложные и кропотливые занятия написания таких программ.

Таким образом, в первую очередь Вы немного должны разбираться в языке разметки HTML-кодов, что такое теги, как они пишутся, что означают; и, естественно, иметь представление о CSS ( каскадные таблицы стилей) и понимать какими тремя способами можно обращаться к этим таблицам стилей, так как стиль CSS свод правил, который сообщает браузеру, как следует отображать на страницах сайта тот или иной элемент документа и делает хорошо организованный ( структурированный) HTML-документ намного красивым и удобным для чтения и использовании. То есть немного разбираться в селекторах, блоках объявлений, объявлениях, свойствах.

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

После всего сказанного Вы легко и просто можете приступить к изучении языка jQuery.

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


                    http://ajax.googleapis.com/ajax/libs/jquery/1.9.0.min.js .
                    

Далее в заголовке Вашей страницы бесплатного сайта перед закрываюшим тегом < /head> написать следующие строки:

                 < script type="text/javascript" src="http://ajax.googleapis.com/
                                          ajax/libs/jquery/1.9.0/jquery.min.js">
                 < /script>
                 < script>$(document).ready(function(){
	                     // программный код
	                   });
                 < /script>

               Первая строка наборов тегов:
                 < script type="text/javascript" src="http://ajax.googleapis.com/
                                    ajax/libs/jquery/1.9.0/jquery.min.js">
                 < /script>
                
               это и есть вызов библиотеки jQuery. Как видите между открывающимся и 
               закрывающимся тегами < script ...>< /script> ничего нет и писать туда
                ничего не надо. 

Между вторым набором тегов < script>...< /script> находится функция $(document).ready(function(){...}); - это есть встроенная функция библиотеки jQuery, которая действует таким образом: ждет пока HTML-код страницы бесплатного сайта полностью загрузиться и только после этого запускает сценарий для выполнения Вашей программы скриптов, заключенной между фигурнами скобками встроенной функции {..}.

Встроенную функцию можно записать и покоротче, ее синтаксис такой: $function(){...}.

Здесь вроде написали только организационные моменты. Однако уже Вы пол-пути к знаниям и возможностям jQuery приблизились. В принципе, вот с этих основных строк: $(document).ready(function(){...}); всегда будет начинаться наша программа.

Вы должны не забывать, что ссылка на файл jQuery всегда должна идти раньше, чем код который использует библиотеку jQuery, то есть Вы должны при запуске программ сначала загружать библиотеки jQuery, но потом Вашу программу. Иначе у Вас программа не будет работать, даже если все правильно написано. Не совсем так в принципе она работает, но когда как в девяти случаях из десяти идеально и без проблем сценария будут выполняться, иногда раз и ищите где-то, что-то. Не хотите проблем, размещайте так как надо.

Следующее замечание тоже важное. Вы должны Ваш JavaScript-код располагать после любых ( как внутренних, так и внешних) таблиц стилей CSS. Чтобы не ошибаться, размещайте скрипты jQuery после любого другого контента внутри тега < head>, но обязательно до закрывающегося тега < /head>.

Когда пишете коды программ обязательно после выполнения какого-то действия ( функции) оставляйте комментарий в виде // это есть комментарий, например:

                       $(document).ready(function() {
                       // здесь будут Ваши коды
                       }); // окончание ready

И помните спервых шагов, что язык JQuery Вы используете для интерактивного вмешательства страницей Вашего сайта и при манипуляции веб-страницей Вы всегда совершаете два основных действия:

Первое действие. Вы выбираете элемент ( их может быть много) на странице сайта, над которым Вы будете совершать какое-либо действие ( их может быть много).

Второе действие. Вы составляете код программы, чтобы совершить над выборкой элементов ( их может быть много) какое-либо действие. Например, изменить свойства тегов; добавить новое содержимое внутрь тега; совсем удалить тег; извлечь информации об данном теге; добавлять и удалять атрибуты класса.

То есть Вы должны сначала выработать алгоритм действий от начала до конца, но потом уже совершать какие-либо действия.

Как обычно, маленькая ложка дегтя в большую и очень полезную библиотеку jQuery найдется ввиде некоторых разногласий в рекомендациях и правилах разных браузеров. Поэтому по ходу изучении плагинов jQuery приходиться познавать и возможности обхода несогласованности браузеров. Хотя таких разногласий все меньше и меньше, можно уже утверждать, что почти изживается всем добрым миром программистов.

Далее нам всего-то научиться писать программный код, что будет находиться между фигурнами скобами во встроенной анонимной функции function(){...}.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: