jQuery - Практическо програмиране за начинаещи

С този практически наръчник ще се научите как да използвате библиотеката jQuery и надстройката jQuery UI.

В първата част на книгата е обяснено как се работи с jQuery. Ще научите как да избирате елементи, как да създавате визуални ефекти и как, посредством технологията AJAX, можете да обновявате данните на страница без да я презареждате. Обърнато е внимание и на работата с данни и обработката на събития. Втора част е посветена на библиотеката jQuery UI, която предлага средства за създаване на потребителски интерфейс. Тук фокуса е върху уиджети, Cookies, визуални ефекти, средства за промяна на външния вид на приложенията и добавяне на взаимодействие с потребителя. Примерите в трета част се отнасят до най-популярните плъгини и разширения за jQuery, свързани с работата с графики, диаграми, таблици и обработка на форми. Разгледана е и фотогалерия. Всички примери са щателно тествани, а кодът към тях е предоставен от автора за безплатно сваляне и ползване.

Денис Николаевич Колисниченко е водещ автор в областта на програмирането и информационните технологии. Написал е многобройни статии и повече от 30 книги на компютърна тематика, в това число книги за PHP, MySQL, различни Linux дистрибуции (FreeBSD, Fedora, Ubuntu, openSUSE, Mandriva), Windows, интернет, Joomla!, Slaed, PHP-Nuke, Drupal и др. Автор на проекта http://www.dkws.org.ua и създател на дистрибутива Denix.

Асеневци трейд ЕООД
София, 1618
р-н Витоша, Еровете № 13, ет. 2
store@asenevtsi.com

Въведение
Включване на jQuery към вашето уеб приложение
Изучаваме jQuery

• Избиране на елементи. Селектори
• Просто избиране на елемент
• Избиране на всички елементи. Селекторът
• Избиране на елемент по неговото id
• Търсене на всички елементи от определен тип
• Търсене на елементи по името на класа
• Избор с отчитане на йерархията
• Филтри
• Избиране на първия ред от таблицата
• Избиране на последния ред от таблицата
• Избиране на четните и нечетните елементи
• Някои други филтри...20
• Селектори на атрибути.
• Филтрите :checked и :selected
• Атрибути на елементите
• Методите attr() и removeAttr(): получаване на стойност, задаване и изтриване на атрибути
• Методите addClass(), removeClass(): работа със стилове
• Методите html() и text(): работа със съдържанието на елементите
• Метод val(): работа с атрибута value
• Визуални ефекти и работа с CSS свойства
• Методите hide(), show(), toggle(): управление на видимостта
• Методите slideUp(), slideDown() и slideToggle(): плъзгане
• Методите fadeOut(), fadeIn() и fadeToggle(): ефект на затихване
• Метод fadeTo(): плавно изменение на прозрачността
• Метод animate(): проста анимация
• Работа с CSS
• Метод css(): получаване и задаване на стойности на CSS свойства
• Други методи
• Работа с данни
• Съхранение и извличане на данни
• Атрибутът data
• Операции с елементите на документа
• Операции със съдържанието на елементите
• Методите appendTo() и prependTo()
• Методите after() и before()
• Методите wrapInner() и wrapAll()
• Търсене и замяна на елементи
• Други полезни методи
• Търсене и филтрация на елементи
• Методите nextUntil() и prevUntil()
• Навигация по елементите с помощта на методите next() и prev()
• Търсене на родителски и дъщерни елементи
• Търсене на елементи от едно ниво
• Метод find()
• Филтрация на елементи. Метод filter()
• Метод is()
• Метод not()
• Обработка на събития
• Остарелите методи load() и unload(). Правилният обработчик при напускане на страницата
• Задаване на обработчици на събития в jQuery 1.x/2.x
• Установяване на обработчици на събития в jQuery 3.x
• Метод trigger()
• jQuery и AJAX
• Въведение в AJAX
• Презареждане на страницата в движение
• Създаване на AJAX приложение
• Методи на jQuery за взаимодействие с AJAX
• Зареждане на страница. Метод load()
• Получаване на данни от сървър с използване на POST заявка
• Получаване на данни от сървъра с използване на GET-заявка
• Зареждане и изпълнение на JS файлове
• Получаване на JSON данни
• Полезни функции и методи в jQuery
• Функция each()
• Функция extend()
• Функция merge()
• Функция unique()
• Функция inArray()

Запознаване с jQuery UI

• Въведение в jQuery UI
• Какво е jQuery UI?
• Какво представлява сам по себе си плъгинът jQuery UI?
• Преимущества на jQuery UI
• Недостатъци на jQuery UI
• Използване на jQuery UI
• Подобряваме потребителския интерфейс с помощта на уиджети
• Избор на дата
• Диалогов прозорец
• Разтварящи се секции
• Индикатор на процеса
• Табове
• Автоматично дописване
• Бутон
• Меню
• Ефектна подсказка ToolTip
• Плъзгач
• Добавяме взаимодействие с потребителя във вашия интерфейс
• Влачене с помощта на JavaScript
• Провлачване със средствата на jQuery UI (Draggable)
• Сортиране на елементи (Sortable)
• Промяна на размерите на елементите (Resizable)
• Селектираме елементи (Selectable)
• Работа с Cookies
• Какво представлява Cookies?
• jQuery Cookie
• Анимационни ефекти
• Метод effect() и анимационни ефекти
• Ефекти и техните параметри
• Настройка на ефектите с помощта на easing
• Демонстрация на всички ефекти наведнъж
• Манипулация с цветовете
• Промяна на външния вид на приложения, използващи jQuery UI
• Използване на ThemeRoller
• Външни теми за оформление
• Персонализиране на вашите приложения с помощта на jQuery UI CSS Framework
• Класове на оформление
• Добавяне на заоблени ъгли
• Оформление на уиджети
• Икони
• Таблица на предварително дефинираните класове
• Ефектен диалог

Плъгини и разширения за библиотеката jQuery

• Създаване на динамично меню на сайта
• Меню – най-важният елемент на сайта
• Допълнителните плъгини Superfish и hoverIntent
• Разработка на меню
• Допълнителни настройки на Superfish
• Вертикално меню
• Мега меню
• Плъгинът jqGrid: работа с таблици
• Запознаване с плъгина
• Работа с таблици
• Получаване на информация от база данни
• Добавяне, редактиране и изтриване на информация, намираща се в базата данни
• Търсене на данни в базата данни
• Плъгинът jqPlot: построяваме графики и диаграми
• Запознаване с плъгина
• Построяваме сложна графика
• Построяваме кръгова диаграма
• Стълбовидна диаграма
• Рисуваме тренд линия
• Допълнителни източници на информация
• Избор на плъгин за обработка на форми
• Плъгинът jQuery Form
• Плъгинът jQuery Validate: валидация на данните
• Фотогалерията FancyBox
• Проста галерия
• Надписи към изображенията
• Задаване на параметри на галерията

Заключение