Эрл Каслдайн — «Изучаем jQuery. 2-е издание»
Неважно, в какой области вы являетесь профессионалом — в приготовлении еды, адвокатской практике или боевых искусствах,— мастерство прежде всего сводится к овладению основными «ремесленными» навыками. После того как вы приобрели их и стали специалистом в своей сфере, вы сможете применить свои знания в созидательных целях и придумать что-то новое.
За последнее время библиотека jQuery зарекомендовала себя как простой, но мощный инструмент для управления и трансформации веб-страниц, позволяющий подчинить нашей воле даже самые «упрямые» и устаревшие браузеры. Данная библиотека преследует две основные цели: легкое манипулирование элементами на веб-страницах и помощь при совершении Ajax-запросов. Несомненно, для этого можно воспользоваться и множеством других последовательных и легких для запоминания команд. Однако, как только вы овладеете последовательностью действий, вы, без сомнения, пристраститесь к строительным блокам jQuery.
Во главе основной библиотеки jQuery стоит пользовательский интерфейс jQueryUI. Он представляет собой набор превосходных элементов управления и виджетов (таких как accordion, tabs и dialog), объединенных с коллекцией полноценных поведений для реализации собственных элементов управления. Пользовательский интерфейс jQuery UI позволяет быстро и без особых усилий свести вместе различные интерфейсы, а также служит великолепным примером того, чего можно достичь посредством использования технологии jQuery.
По своей сути jQuery является инструментом, помогающим повысить удобство пользования веб-сайтами и тем самым обеспечить вашим посетителям положительный опыт общения с ними. Удобство пользования связано с исследованием принципов, лежащих в основе воспринимаемой эффективности или элегантности объектов. Благодаря библиотеке jQuery можно быстро и с удовольствием создавать собственные страницы как простым, так и сложным путем: начиная с формирования обычной выдвижной панели и закачивания абсолютно новой реализацией взаимодействия с пользователями, которую вы только можете себе представить.
Нельзя стать профессионалом, основательно изучив какой-либо интерфейс программирования приложений API — для этого достаточно лишь иметь хорошую память. Реальные навыки обретают истинную ценность только тогда, когда вы сможете применить свои знания и опыт для создания чего-то необычного, в результате чего ваше творение будет хоть немного, но все-таки лучше созданного ранее другими людьми. Несомненно, сделать это весьма непросто, однако благодаря jQuery можно попробовать.
Целевая аудитория книги
Если вы являетесь современным веб-дизайнером, который стремится привнести интерактивность в свои интернет-сайты, и при этом желаете разобраться в множестве слухов по поводу jQuery, то эта книга направит вас на правильный путь. Если вы поверхностно общались с JavaScript и вас неприятно удивила сложность многих задач, выглядящих на первый взгляд простыми, то из данной книги вы узнаете, как справиться с подобными задачами. Если же вы владеете основами jQuery, но желаете усовершенствовать свои навыки, в этом издании вы сможете отыскать множество полезных советов по написанию программного кода, а также узнать много нового.
Изложенный материал предполагает, что вы имеете некоторые познания в языке гипертекстовой разметки HTML и каскадных таблицах стилей CSS, поскольку jQuery использует селекторы использует селекторы CSS-стиля в отношении элементов страниц. CSS-стиля в отношении элементов страниц. CSS-стиля в отношении элементов страниц. Следовательно также, чтобы вы владели элементарными навыками программирования, поскольку библиотека jQuery jQuery, несмотря на все ее искусные абстракции, основывается на JavaScript. Мы попытаемся разъяснить все концепции JavaScript, к которым будем обращаться. Но если у вас уже имеется небольшой багаж знаний, то освоение нового материала пройдет без особого труда.
Содержание книги
К окончанию чтения этой книги вы будете способны «оживить» свои статические HTML и CSS-веб-страницы с помощью магии jQuery. Вы научитесь производить выборку элементов на странице, перемещать иудалять их, добавлять новые элементы с использованием технологии Ajax, анимировать их… короче говоря, сможете управлять HTML и CSS в соответствии со своими нуждами! Мы также рассмотрим мощную функциональность библиотеки пользовательского интерфейса jQuery UI и исследуем недавно выпущенный фреймворк jQueryMobile.
Данная книга состоит из девяти глав и трех приложений. Чтобы полностью понять изложенный материал, главы необходимо изучать по порядку, от начала до конца. Однако, если вы желаете лишь освежить свои знания по определенной теме, некоторые главы можно пропустить.
Глава 1. В чем заключается притягательность jQuery. Перед тем как погрузиться в изучение всех аспектов библиотеки jQuery, мы кратко рассмотрим, зачем она вообще нужна: почему использование данной библиотеки предпочтительнее написания собственного JavaScript-кода и почему она лучше других существующих библиотек JavaScript. Мы освежим знания о некоторых концепциях CSS, которые являются ключевыми для понимания jQuery, а также кратко пройдемся по базовому синтаксису, посредством которого jQuery задействуется на практике.
Глава 2. Выборка, украшение и расширение функциональности. jQuery представляет собой наиболее значительное новшество по сравнению с обычным языком JavaScript, которое позволяет осуществлять выборку необходимых элементов на странице. В начале этой главы мы поговорим о том, как следует использовать селекторы jQuery в отношении целевых элементов, после чего посмотрим, каким образом можно изменять CSS-свойства этих элементов с помощью jQuery.
Глава 3. Анимация, прокрутка и изменение размеров. jQuery является превосходным инструментом для создания анимационных эффектов: как плавное выдвигающееся меню, так и резко появляющееся на экране диалоговое окно можно выполнить с помощью jQuery. В этой главе мы исследуем широкий круг вспомогательных средств для создания анимации и задействуем их на практике посредством расширения функциональности нескольких простых компонентов пользовательского интерфейса. Мы также рассмотрим вспомогательные анимационные инструменты для прокрутки страниц и обеспечения возможности изменения размеров элементов.
Глава 4. Изображения и слайд-шоу. Вооружившись базовыми знаниями, мы перейдем к созданию наиболее простых виджетов jQuery: галерей изображений и слайд-шоу. Вы узнаете, как создавать Lightbox-окна, поддерживающие прокрутку миниатюрные галереи, галереи с перекрестным изменением прозрачности, а также iPhoto-подобные «перелистываемые» галереи.
Глава 5. Меню, вкладки, подсказки и панели. После того как вы научитесь создавать виджеты пользовательского интерфейса с помощью jQuery, мы присту- jQuery, мы приступим к изучению более сложных элементов управления: раскрывающихся и аккордеонных меню, снабженных вкладками интерфейсов, подсказок и панелей содержимого разнообразных типов. Прогресс не стоит на месте: современные сайты сильно отличаются от брошюроподобных веб-страниц 1990-х годов и все больше становятся похожими на полноценные интернет-приложения RIA (Rich Internet Applications) XXIвека!
Глава 6. Конструкция, Ajax и интерактивность. Для создания подлинных настольных приложений для Всемирной сети разработчику необходимо обеспечить возможность передавать данные как на сервер, так и обратно без необходимости внудных обновлениях, приводящих к удалению интерфейса с экрана,— именно здесь играет роль технология Ajax. Библиотека jQuery включает соответствующие методы, позволяющие обрабатывать Ajax-запросы в простой кросс-браузерной манере, дающей возможность избежать множества трудностей. Однако не стоит слишком увлекаться — наш программный код будет становиться сложнее, поэтому мы рассмотрим наиболее оптимальные методики его организации.
Глава 7. Формы, элементы управления и диалоговые окна. Формы, которые являются головной болью всех веб-дизайнеров,— краеугольный камень любого веб-приложения. Из этой главы вы узнаете, что jQuery позволяет значительно облегчить написание сценариев, связанных с формами. Вы научитесь проверять формы «на лету», оказывать помощь своим пользователям, а также с легкостью манипулировать флаговыми полями, кнопками переключения и списками выбора. Затем мы рассмотрим традиционные способы взаимодействия с пользователями сайта: разнообразные элементы управления вроде виджетов datepicker, slider и интерфейс перетаскивания элементов Drag and Drop. В завершение мы изучим всплывающие модальные диалоговые окна, а также оригинальные немодальные стили уведомления. Эта глава заслуживает особого внимания!
Глава 8.Списки, деревья и таблицы. Вне зависимости от того, каким будет ваше приложение Web2.0, высока вероятность, что вам потребуется использовать банальные списки, однообразные деревья или даже неоднократно высмеянные таблицы, чтобы представить своим пользователям какую-либо информацию. В этой главе рассказывается, каким образом jQuery может сделать занятными даже скучные вещи, а также как можно превратить списки в динамические, сортируемые данные и преобразовывать таблицы в сетки данных, обладающие комплексной функциональностью.
Глава 9. Подключаемые модули, темы и дополнительный материал. jQuery — это не только превосходный инструмент для манипулирования объектной моделью документа (Document Object Model, DOM) и облегчения Ajax-запросов, а также набор компонентов пользовательского интерфейса UI. Данная библиотека имеет обширную функциональность, нацеленную на опытных разработчиков: она обладает фантастической архитектурой подключаемого модуля, легко расширяемым и гибким ядром, настраиваемыми событиями и множеством других качеств. В этой главе мы также рассмотрим систему тем пользовательского интерфейса jQueryUI, которая позволяет с легкостью приводить внешний вид виджетов этого интерфейса в соответствие с целевым сайтом и даже обеспечивает возможность смены тем ваших подключаемых модулей. Кроме того, мы рассмотрим использование нового фреймворка jQueryMobile, благодаря чему вы сможете использовать свои навыки при разработке для мобильных устройств.
Приложение А. Справочный материал. jQuery — это гибкая библиотека с множеством функций, предназначенных для использования в приложениях широкого диапазона. Независимо от того, осваиваете ли вы Ajax, создаете фундамент для обеспечения широкой браузерной поддержки или обрабатываете всевозможные события, существуют основные функции и подключаемые модули, которые отвечают потребностям любого разработчика.
Приложение B. Аспекты, касающиеся JavaScript. Итак, мы знаем, что внутри библиотека jQuery на самом деле представляет собой всего лишь JavaScript. В этом приложении вы пройдете ускоренный курс по базовому JavaScript. Прочитав данное приложение, можете сами дополнительно исследовать JavaScript.
Приложение C. Вспомогательные средства, используемые при разработке подключаемых модулей. При разработке собственного подключаемого модуля не забывайте, что существует арсенал действий и свойств, которые сделают процесс создания проекта более простым и увлекательным. Они кратко рассмотрены в данном приложении: начиная с jQuery-действия pushstack и заканчивая утилитами для уменьшения размеров ваших файлов.
Кроме того, вы можете проверить свои знания как грамотного jQuery-разработчика, ответив на наши несложные проверочные вопросы онлайн. Данные вопросы основаны на содержании этой книги. Они доступны на сайте SitePoint по адресу http://www.sitepoint.com/quiz-jquery.