Jquery изучаем: Фильтры jQuery

Содержание

jQuery для начинающих — уроки обучения основам jQuery с нуля на itProger

Мы приступаем к изучению библиотеки jQuery. Данная библиотека не является отдельным языком, таким как JavaScript. Это лишь библиотека или же дополнение к языку JavaScript. С помощью библиотек язык JavaScript становится намного функциональнее, а главное количество кода сильно сокращается.

Информация про jQuery

На сегодняшний день язык JavaScript обладает обширным количеством библиотек и фреймворков. Так было не всегда и буквально ещё пару лет тому назад для JavaScript существовало лишь несколько библиотек что облегчали работу с языком. 

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

Без знаний jQuery вы вполне можете написать веб сайт. Тем не менее, если вы планируете делать сайты быстрее или же если вы планируете изучать дополнительные технологии, то изучение jQuery является обязательным пунктом в списке.

Популярность библиотеки

Со дня выхода и по сей день библиотека завоевала большую популярность среди веб разработчиков. На основе библиотеки было построено множество других библиотек, а также было создано множество плагинов и проектов за счёт использования jQuery. 

Еще в 2014 году свыше 90% всех существующих сайтов в Интернете и использующих какие-либо JavaScript библиотеки использовали именно библиотеку jQuery. Сейчас этот процент намного ниже, тем не менее библиотека до сих пор очень популярная и очень востребована. 

План курса

За курс мы познакомимся с библиотекой jQuery и научимся прописывать программы на её основе. Мы изучим весь базовый синтаксис библиотеки, изучим различные встроенные функции, а также создадим несколько проектов на основе jQuery.

К концу курса вы сможете писать веб сайты с использованием функционала jQuery.

Прежде чем приступать к данному курсу мы настоятельно рекомендуем пройти курс по языку JavaScript. Просмотреть курс по JS можно у на сайте по этой ссылке.

Изучаем jQuery

Содержание

1. Живые веб-страницы.
Новые возможности веб-страниц
HTML и CSS — это, конечно, хорошо, но…
…без сценариев не обойтись
Знакомьтесь: j Query (и JavaScript)!
Что происходит в браузере
Скрытая структура веб-страницы
jQuery упрощает работу с DOM
Функция jQuery (и ее сокращенная запись)
jQuery выбирает элементы по тем же правилам, что и CSS
Селекторы: стили и сценарии
Использование селекторов jQuery
jQuery в переводе
Ваш первый проект с jQuery
Подготовка файлов HTML и CSS
Поехали…
Эффекты изменения прозрачности И это все?
Пушистые Друзья спасены
Ваш инструментарий jQuery

2. Хватай и действуй.
Подруга просит тебя помочь оформить сайт
Что требуется от проекта?
Начинаем с div
Событие click под увеличительным стеклом
Включение метода click в страницу
Выражайтесь точнее
Назначение классов
Идентификаторы элементов
Три уровня веб-страницы
Возвращаемся к списку
Выделение памяти для хранения данных
Конкатенация и слияние данных
Возвращаемся к программному коду…
Вставка сообщения
Все отлично работает, но…
Дайте мне $ (this)
Использование $(this)
Скатертью дорога!
Метод remove
Селекторы потомков
Ваша очередь прыгать от радости
Ваш инструментарий jQuery

3. Страница в центре событий.
Ни минуты покоя
В словах бухгалтера есть резон…
Реакция на события
За кулисами слушателя событий
Связывание события
Срабатывание событий
Удаление событий
Перебор элементов
Структура проекта
Использование функций
Как устроена функция
Анонимная функция
Именованные функции как обработчики событий
Передача переменных функциям
Функция также может возвращать значения
Условные конструкции и принятие решений
Но это еще не все
Методы могут изменять CSS
Добавление события hover
Еще немного…
Ваш инструментарий j Query

4. Изменение DOM.
Интерактивное меню
Вегетарианцы, вперед!
Назначение классов элементам
Создание кнопок
Что дальше?
Перемещение по дереву DOM
Методы обхода дерева DOM
Сцепленные вызовы методов
В переменных также могут храниться элементы
И снова знак $…
Хранение данных в массивах
Хранение элементов в массиве
Изменение элементов методом replace With
Чем поможет replace With?
Не торопитесь с replace With
Когда replace With не подходит
Вставка HTML в DOM
Фильтры (часть 1)
Фильтры (часть 2)
Верните гамбургер на место
И где же мясо?
Массив отсоединенных элементов
Метод each и перебор массивов
Вроде… все?
Ваш инструментарий jQuery

5. Плавно и изящно.
Новый заказ
Проект «Собери монстра»
Макет и позиционирование
Еще немного структуры и стиля
Проработка интерфейса
Эффект молнии
Как jQuery выполняет анимацию элементов?
Эффекты изменения прозрачности изменяют свойство CSS opacity
Эффект скольжения
Как работают эффекты изменения прозрачности
Комбинированные эффекты
Задержка при использовании эффектов
Включение функций в сценарий
Самодельные эффекты и animate
Что можно анимировать?
Метод animate изменяет стилевое оформление
Откуда и куда?
Абсолютные и относительные перемещения элементов
Включение вызовов animate в сценарный код
Смотри, мама! Работает без Flash!
Ваш инструментарий j Query

6. Люк jQuery, я твой отец!
Программируем блэкджек
Объекты и хранение данных
Построение собственных объектов
Создание объектов для повторного использования
Взаимодействие с объектами
Подготовка страницы
И снова массивы
Обращение к ячейкам массива
Добавление и обновление ячеек
Повторение операций
Поиск иголки в стоге сена
Пора принимать решение… снова!
Операторы сравнения и логические операторы
Стирание информации в jQuery
Чтобы было красивее
Ваш инструментарий jQuery и JavaScript

7. Что будем делать?
Надвигается буря
Мы создали монстра… функцию-монстра
Управление временными эффектами
Обработка событий браузера в onblur и onfocus
Методы работы с таймером определяют время выполнения функций
Пишем функции stopLightning и goLightning
Новая просьба
Случайные монстры
Мы уже знаем текущую позицию…
…и функция getRandom уже готова
Перемещение относительно текущей позиции
«Собери монстра-2» — настоящий хит!
Ваш инструментарий jQuery

8. Пожалуйста, передайте данные.
Бегом к современным технологиям
Прошлогодняя страница
Даешь динамику!
СТАРЫЕ и НОВЫЕ веб-технологии
Структура Ajax
Что такое Ajax?
Фактор «X»
Получение данных методом ajax
Разбор данных XML
Планирование событий
Самоактивизируемые функции
Сервер нам поможет
Который час?
Отключение планирования событий на странице
Ваш инструментарий jQuery/Ajax

9. Клиент встречается с сервером.
В отделе маркетинга MegaCorp никто не знает XML
Ошибки в XML
Ввод данных на веб-странице
Что делать с данными
Форматирование данных перед отправкой
Отправка данных серверу
Хранение информации в базе данных MySQL
Создание базы данных для информации об участниках
Строение команды insert
Использование РНР для работы с данными
Обработка данных POST на сервере
Подключение к базе данных из кода РНР
Чтение из базы данных
Доступ к данным в коде РНР
На помощь приходит JSON!
jQuery + JSON = потрясающе
Несколько правил РНР…
Правила РНР (еще немного)…
Форматирование вывода средствами РНР
Работа с данными в объекте JSON
Проверка и чистка данных в РНР
Ваш инструментарий jQuery/Ajax/РНР/MySQL

10. Переработка форм.
Cryptozoologists.org нуждается в переработке
Новая форма HTML
jQuery UI экономит время и силы
Содержимое naKeTajQuery UI
Построение календаря
Незаметное вмешательство jQuery UI
Изменение параметров виджета
Стильные кнопки
Ограничение ввода числовых данных
Создание цвета по трем составляющим
Функция refreshSwatch И последнее…
Ваш инструментарий jQuery

11. Объекты, сплошные объекты.
Где видели снежного человека?
Google Maps API
В API используются объекты
Включение карт Google в страницу
Чтение данных JSON средствами SQL и РНР
Точки на карте — маркеры
Список задач для отображения нескольких существ
Прослушивание событий карты
Получилось!!!
Ваш инструментарий jQuery API
Пара слов на прощание…

Изучаем jQuery. 2-е изд / Блог компании Издательский дом «Питер» / Хабр

Автор: Э. Каслдайн, К. Шарки

Перевод книги: Вадим Черник

Автор рецензии: Алеся Серада (журналист, редактор www.dev.by).

Дата выхода: 23/07/2012

Вот еще одна книга нашего издательства, мимо которой сложно пройти. Если раньше у JavaScript была не очень хорошая репутация, то сейчас наступила новая эра во Всемирной сети для этого языка. Первые ниндзи «Изучаем jQuery» вышли в начале прошлого года и зарекомендовали себя очень положительно (отзывы на ozone.ru). Поэтому мы с радостью летом выпустили обновленное издание «Изучаем jQuery. 2-е изд.». Книгу можно приобрести как в печатном, так и в электронном виде.


Библиотека jQuery незаменима в работе многих веб-разработчиков: она позволяет добиться эффектных результатов на основе JavaScript, используя готовые наработки. Впечатляющие фотогалереи, меню, кнопки — все эти элементы, привлекающие ваше внимание на популярных веб-сайтах, часто реализованы именно с помощью jQuery. Как всякий умный инструмент, jQuery осваивается гораздо проще, когда под рукой есть печатная инструкция или руководство. Хорошим помощником послужит книга «Изучаем jQuery», которая вышла в издательстве «Питер».

«Изучаем jQuery» адресована читателям, хотя бы немного знакомым с HTML, CSS и языками программирования. Знание JavaScript приветствуется, но быть профессионалом в нем совсем необязательно. Таким образом, это книга скорее для веб-дизайнеров, чем для собственно разработчиков (хотя, например, работа с элементами управления рассматривается на приличном техническом уровне). Наше внимание сосредоточено на том, как будет выглядеть и вести себя тот или иной элемент или эффект, заложенный в jQuery, и уж затем этому дается объяснение в терминах JavaScript.

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

Чтобы сделать более занятными рутинные моменты веб-разработки, в качестве рабочего проекта авторы предлагают читателям улучшить функциональность и внешний вид гипотетического сайта, который помогает фанатам и папарацци следить за знаменитостями. Такая двусмысленная цель дает повод для множества шуточек, не говоря уже о том, что при разработке этого сайта мы умудряемся использовать просто неправдоподобное количество возможностей jQuery. В отличие от многих аналогичных пособий, страдающих излишней сухостью, «Изучаем jQuery» написано достаточно легко и образно, местами не без остроумия. Это не справочник, а именно учебник, в котором изложение материала идет, не подчиняясь строгой системе, а в том порядке, в каком нам понадобился тот или иной элемент: работа с таблицами, базовая анимация, прокрутка страницы, лайтбоксы, меню, формы и так далее. Такое изложение не слишком удобно в случае справочной литературы, но здесь это — призыв к читателю активно включаться в процесс воображаемой разработки и, возможно, параллельно пробовать создавать что-то свое. Вероятно, при первом прочтении вы пропустите более сложные моменты или не захотите останавливаться на каких-то мелочах, однако книга достаточно практична и информативна, чтобы перечитывать ее на разных этапах изучения JavaScript.

И еще один забавный момент: не будем считать это скрытой рекламой компании Apple, однако авторы книги питают большую симпатию к их наиболее популярной ОС, для наглядности сравнивая рассматриваемые веб-элементы то с iPhoto, то с Growl.

Книга на piter.com
Книга на ozone.ru
Ссылка на оглавление

Книговодство > Изучаем jQuery / Э. Каслдайн, К. Шарки

Данная книга — это ваш быстрый путь к освоению jQuery, JavaScript-фреймворка, завоевавшего широкое признание. Библиотека jQuery использовалась при создании более чем половины из 10 000 ведущих веб-сайтов мира и является самым быстрым и эффективным способом добавить потрясающую функциональность на ваш сайт.

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

Издательство: Питер, 2012 г.

ISBN 978-5-459-01619-2

Количество страниц: 400.

Содержание книги «Изучаем jQuery»:

  • 17 Предисловие
    • 18 Целевая аудитория книги
    • 18 Содержание книги
    • 20 Поиск справочных сведений
    • 20 Форумы SitePoint
    • 21 Веб-сайт, посвященный книге
    • 21 Группа SitePoint Podcast
    • 21 Обратная связь
    • 21 Благодарности
      • 21 Эрл Каслдайн
      • 22 Крэйг Шарки
    • 22 Условные обозначения, использованные в книге
      • 22 Образцы программного кода
      • 23 Советы, примечания и предупреждения
  • 24 Об авторах
  • 25 От издательства
  • 26 Глава 1. В чем заключается притягательность jQuery
    • 26 Что делает библиотеку jQuery такой полезной?
      • 27 Кросс-браузерная совместимость
      • 27 Селекторы CSS3
      • 28 Полезные утилиты
      • 28 Пользовательский интерфейс jQuery UI
      • 29 Подключаемые модули
      • 30 Соблюдение чистоты разметки
      • 30 Повсеместное использование
    • 31 А в чем заключаются недостатки?
    • 32 Загрузка и включение библиотеки jQuery в веб-страницы
      • 32 Загрузка библиотеки jQuery
      • 33 Сеть Google CDN
      • 34 Сборки Nightly и система контроля версий Subversion
      • 35 Какой формат библиотеки предпочтительнее – несжатый или сжатый?
    • 35 Анатомия сценария jQuery
    • 35 Псевдоним jQuery
      • 36 Анализ оператора jQuery
    • 37 Биты HTML, также называемые объектной моделью документа
    • 39 Если вам понравилась библиотека jQuery…
  • 40 Глава 2. Выборка, украшение и расширение функциональности
    • 41 Проверяем, загрузилась ли веб-страница полностью
    • 42 Выборка: ключевой аспект jQuery
      • 42 Простая выборка
      • 44 Сужаем рамки выборки
      • 45 Проверка выборки
      • 45 Фильтры
      • 46 Выборка множественных элементов
      • 46 Обеспечение выборки на должном уровне
    • 47 Украшение: технология CSS в сочетании с библиотекой jQuery
      • 47 Просмотр CSS-свойств
      • 48 Настройка CSS-свойств
      • 50 Классы
      • 51 Добавление и удаление классов
    • 52 Расширение функциональности: добавляем эффекты с использованием jQuery
      • 53 Скрытие и отображение элементов
      • 54 Отображение скрытых элементов
      • 55 Переключение элементов
    • 56 Поступательное расширение функциональности
    • 57 Добавление новых элементов
    • 59 Удаление существующих элементов
    • 61 Модификация содержимого
    • 61 Базовая анимация: эффектное скрытие и отображение элементов
      • 62 Отображение и скрытие элементов путем изменения их прозрачности с помощью функций fadeIn и fadeOut
      • 62 Переключение эффектов и анимаций
    • 63 Функции Callback
    • 64 Некоторые хитрости
      • 64 Подсветка элементов при наведении на них указателя мыши
      • 65 Разворачиваемый спойлер
    • 67 Перед тем как перейти к следующей главе
  • 68 Глава 3. Анимация, прокрутка и изменение размеров
    • 68 Анимация
      • 68 Анимация CSS-свойств
      • 70 Цветовая анимация
      • 71 Замедление
      • 72 Развитое замедление
      • 74 Выскакивающие панели
      • 76 Очередь анимаций
      • 77 Объединение действий в цепочку
      • 78 Приостановка выполнения цепочки
      • 79 Анимированная навигация
      • 81 Анимированная навигация. Дубль 2
      • 83 Библиотека пользовательского интерфейса jQuery UI
      • 86 Создаем анимацию!
    • 86 Прокрутка
      • 86 Событие scroll
      • 87 Плавающая панель навигации
      • 89 Прокрутка документа
      • 91 Специальные полосы прокрутки
    • 92 Изменение размеров
      • 93 Событие resize
      • 93 Переключатель макетов
      • 95 Элементы, поддерживающие изменение размеров
      • 96 Элементы textarea, поддерживающие изменение размеров
      • 98 Разделитель панелей
    • 102 Вот как осуществляется прокрутка. И анимация
  • 103 Глава 4. Изображения и слайд-шоу
    • 103 Лайтбоксы
      • 103 Специальные (пользовательские) лайтбоксы
      • 107 Устранение неполадок с использованием console.log
      • 109 ColorBox: подключаемый лайтбокс-модуль
    • 111 Обрезка изображений при помощи Jcrop
    • 114 Слайд-шоу
      • 114 Слайд-шоу из изображений с перекрестным изменением прозрачности
      • 128 Слайд-шоу с поддержкой прокрутки
      • 134 iPhoto-подобный виджет слайд-шоу
    • 140 Задумайтесь, сколького мы уже достигли!
  • 142 Глава 5. Меню, вкладки, подсказки и панели
    • 142 Меню
      • 143 Разворачиваемые/сворачиваемые меню
      • 147 Индикаторы Открыто/Закрыто
      • 149 Разворачивание меню при наведении указателя мыши
      • 150 Выпадающие меню
    • 154 Меню типа «аккордеон»
      • 154 Простой аккордеон
      • 158 Многоуровневые аккордеоны
      • 159 Аккордеон библиотеки пользовательского интерфейса jQuery UI
    • 161 Вкладки
      • 161 Базовые вкладки
      • 163 Вкладки библиотеки пользовательского интерфейса jQuery UI
    • 166 Панели различных размеров
      • 167 Выдвигающаяся форма ввода данных для входа
      • 168 Выдвигающийся оверлей
    • 172 Подсказки
      • 172 Простые подсказки
      • 175 Подсказки продвинутого типа
    • 182 Собственный подход
  • 183 Глава 6. Конструкция, Ajax и интерактивность
    • 183 Конструкция и рекомендуемые методики
      • 184 Написание более аккуратного программного кода jQuery
      • 189 Клиентские шаблоны
      • 191 Анализ браузеров (…это плохо!)
    • 193 Знакомимся с Ajax
      • 193 Что такое Ajax?
      • 194 Загрузка удаленного HTML-содержимого
      • 194 Расширяем функциональность гиперссылок при помощи Hijax
      • 196 Выборка HTML-содержимого при помощи селекторов
      • 197 Продвинутая загрузка
      • 198 Задел на будущее: методы live и die
      • 199 Выборка данных при помощи $.getJSON
      • 200 Клиентский Twitter-поисковик
      • 201 «Рабочая лошадка» Ajax в jQuery
      • 202 Общие настройки Ajax
      • 203 Загрузка внешних сценариев при помощи $.getScript
      • 203 Запросы GET и POST
      • 204 Ajax-события в jQuery
    • 205 Интерактивность: используем Ajax
      • 206 Галерея изображений Ajax
      • 219 Теггинг изображений
    • 224 Есть ли смысл во владении Ajax на высоком уровне? Убедитесь сами!
  • 226 Глава 7. Формы, элементы управления и диалоговые окна
    • 226 Формы
      • 227 Простая проверка форм
      • 230 Проверка форм с помощью подключаемого модуля Validation
      • 233 Индикатор максимальной длины
      • 234 Подсказки в формах
      • 236 Установка флажков у всех позиций за один подход
      • 237 Встроенное редактирование
      • 241 Подключаемый модуль Autocomplete
      • 243 Элемент управления для присвоения рейтинга на основе количества звезд
    • 249 Элементы управления
      • 249 Календарь
      • 252 Ползунки (слайдеры)
      • 255 Перетаскивание и помещение
      • 262 Поведение sortable из состава библиотеки пользовательского интерфейса jQuery UI
      • 264 Полоса хода выполнения
    • 266 Диалоговые окна и уведомления
      • 266 Простое модальное диалоговое окно
      • 269 Виджет Dialog из состава библиотеки пользовательского интерфейса jQuery UI
      • 272 Growl-подобные уведомления
      • 275 Короткие исчезающие уведомления
    • 278 Мы в хорошей форме
  • 279 Глава 8. Списки, деревья и таблицы
    • 279 Списки
      • 280 Поведение selectable из состава библиотеки пользовательского интерфейса jQuery UI
      • 285 Сортировка списков
      • 287 Манипулирование выпадающими списками в полях
    • 291 Деревья
      • 291 Разворачиваемое дерево
      • 294 Делегирование событий
    • 296 Таблицы
      • 297 Фиксированные заголовки таблиц
      • 300 Повторение заголовка
      • 302 Сетки данных
      • 311 Выбор строк при помощи поля для установки флажков
    • 313 Список А готов!
  • 315 Глава 9. Подключаемые модули, темы и дополнительный материал
    • 315 Подключаемые модули
      • 316 Создание подключаемого модуля
    • 323 Дополнительный материал
      • 324 Расширение библиотеки jQuery
      • 329 События
    • 340 Материалы для профессионалов в области jQuery
      • 340 Как избежать конфликтов
      • 341 Помещение анимаций в очередь и изъятие их из очереди
      • 343 Обработка JavaScript-объектов как jQuery-объектов
    • 344 Работа с темами
      • 345 Использование тем, содержащихся в галерее
      • 345 Конфигурирование собственной темы
      • 347 Внедрение поддержки компонентами смены тем
    • 349 StarTrackr!: эпилог
  • 350 Приложение А. Справочный материал
    • 350 Опции метода $.ajax
      • 350 Флаги
      • 351 Параметры
      • 353 Функции обратного вызова callback и прочие функции
    • 353 Опции метода $.support
      • 354 boxModel
      • 354 changeBubbles
      • 354 cssFloat
      • 354 hrefNormalized
      • 355 htmlSerialize
      • 355 leadingWhitespace
      • 355 noCloneEvent
      • 355 opacity
      • 355 scriptEval
      • 355 style
      • 356 submitBubbles
      • 356 tbody
    • 356 События
      • 356 Свойства событий
      • 357 Методы событий
      • 357 Объекты событий типа «Сделай сам»
  • 358 Приложение Б. Аспекты, касающиеся JavaScript
    • 358 Приведение типов
    • 359 Операторы равенства
    • 360 Значения true и false
  • 362 Приложение В. Вспомогательные средства, используемые при разработке подключаемых модулей
    • 362 Свойства selector и context
    • 363 jQuery-действие pushstack
    • 364 Уменьшение размеров

Инструкция как скачать книгу Э. Каслдайн, К. Шарки: Изучаем jQuery в форматах DjVu, PDF, DOC или fb2 совершенно бесплатно.

ТОП-15 книг по JavaScript: от новичка до профессионала

Фримен, Робсон – Изучаем программирование на JavaScript

Если до этого момента вы не написали ни строчки кода, не беда – эта книга поможет в доступной форме войти в курс дела. Вы узнаете, почему браузеры по-разному реагируют на программы JavaScript и как писать универсальный, понятный всем код. Учебник подойдёт начинающим программистам – формат не покажется скучным или однообразным.

Э. Фримен, Э. Робсон – Изучаем программирование на JavaScript

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

Несмотря на незатейливый дизайн обложки, читатели отмечают следующие преимущества самоучителя Фримена и Робсон:

  • доступная подача и простой язык описаний;
  • разносторонний подход к запоминанию материала;
  • многочисленные примеры.

Недостатки:

  • несколько отвлекающие иллюстрации;
  • большой размер книги;
  • мягкий переплёт.

Минник, Холланд – JavaScript для чайников

Поскольку JavaScript является ключевым языком программирования современных сайтов, важно сразу начинать изучение с правильных источников. Данный труд позволит быстро, качественно с небольшими усилиями постигнуть применение CSS, работу с HTML5 и общение с онлайн-графикой. Все темы (настройка среды, циклы, массивы, jQuery, анимация, JSON) сопровождаются проверкой полученных знаний онлайн на сайте издательства.

К. Минник, Е. Холланд – JavaScript для чайников

Преимущества:

  • содержательное и доступное для понимания пособие по основам JavaScript;
  • подробное описание всех ключевых тем.

Недостатки:

  • мягкая обложка;
  • бледные иллюстрации;
  • мало разбора кода.

Д. Крокфорд – Как устроен JavaScript

Специалист в области JS в доходчивой форме объясняет основы и устройство языка: имена, числа, логические значения, символы и прочее. У всех новичков бывают трудности с типизацией – эта книга поможет научиться их избегать. В конце вас ждут объектно-ориентированный подход, программирование без классов и функции высшего порядка.

К. Дуглас – Как устроен JavaScript

Книга вышла в издательстве Питер в 2019 г., поэтому отзывов пока немного, вот один из них:

Весьма оригинальная книга для книжной JavaScript-арены. Субъективный взгляд на то, как работать с этим языком от одного из самых продвинутых его знатоков. JS хорош тем, что на нем можно писать в очень разных стилях, есть множество подходов, которые работают тут, в отличие от более узконаправленных языков. И Дуглас Крокфорд рассказывает о своём видении языка и работы с ним, без особой любви к JS и сюсюканья с ним, но довольно субъективно, тем не менее. Приводит много своих личных «трюков», которые мне понравились, многое не знал, хотя пишу веб-приложения довольно давно.

Из рецензии на книгу читателя с ником loenkoff

Э. Браун – Изучаем JavaScript. Руководство по созданию современных веб-сайтов

Это издание познакомит вас с правилами, спецификациями и инструментальными методами, используемыми в ES6, опираясь на практическую основу, а также научит создавать эффективные приложения на клиентской стороне и в Node.js. Вот неполный список того, с чем вам придётся иметь дело в процессе обучения:

  • использование ES6 для транскомпиляции;
  • механика применения функций JavaScript;
  • объекты и объектно-ориентированное программирование;
  • итераторы, генераторы и прокси-объекты;
  • асинхронное программирование;
  • Node.js.

Книга предназначена для программистов, имеющих опыт работы с другими языками, но незнакомых с JavaScript. Однако и для новичков найдётся полезная информация.

Э. Браун – Изучаем JavaScript. Руководство по созданию современных веб-сайтов

Преимущества:

  • качественная печать и переплёт;
  • простой язык, интересная подача;
  • Хорошо описан фундамент JS и асинхронное программирование.

Недостатки:

  • там, где должны стоять обратные кавычки (`) стоят обычные одинарные (‘) или обычные двойные (") ;
  • некоторые примеры и конструкции недостаточно ясно разобраны, объяснения малочисленны;
  • прикладная разработка, например, в браузере, дана поверхностно.

Д. Дакетт – Javascript и jQuery. Интерактивная веб-разработка

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

Д. Джон – Javascript и jQuery. Интерактивная веб-разработка

Книга в сообществе Книги для программистов

Преимущества:

  • много иллюстраций, качественная печать, твёрдый переплёт.

Недостатки:

  • не весь код из книги корректно работает.

С. Стефанов – JavaScript. Шаблоны

Применение шаблонов в JS во многом похоже на другие языки программирования, но имеет свои особенности. Информация в этой книге подкрепляется понятными примерами из реальной жизни, которые помогут лучше уяснить методы решения распространённых задач.

С. Стефанов – JavaScript. Шаблоны

Книга в сообществе Книги для программистов

Преимущества:

  • понятность изложения;
  • доступность среднему уровню и выше;
  • в книге описывается масса примеров хорошего и плохого кода;
  • рекомендуется всем тем, кому «грозит» процедура вхождения в JavaScript-фреймворки.

Недостатки:

  • русский перевод очень «механический», что портит общее впечатление.

Резиг, Бибо, Марас – Секреты JavaScript ниндзя

Этот труд является переработанным изданием, в котором были внесены дополнительные сведения по следующим темам: функции, замыкания, объекты, прототипы и промисы. Вы изучите: DOM, события и таймеры, передовые практики программирования, тестирование и кросс-браузерный код.

Резиг, Бибо, Марас – Секреты JavaScript ниндзя

Книга в сообществе Книги для программистов

Преимущества:

  • рассмотрены последние возможности языка;
  • даны рекомендации по практике разработки;
  • твёрдый переплёт;
  • качественный перевод;
  • есть упражнения для самостоятельной проверки усвоенного материала.

Недостатки:

  • иногда реализация издания неправильно сброшюрована, надо проверять при покупке.

М. Хавербеке – Выразительный JavaScript. Современное веб-программирование

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

М. Хавербеке – Выразительный JavaScript. Современное веб-программирование

Книга в сообществе Книги для программистов

Преимущества:

  • много материала, примеров, практических заданий;
  • есть интернет-песочница для упражнений.

Недостатки:

  • в переводе используется слово «привязка» вместо «переменная»;
  • мягкая обложка.

Н. Закас – JavaScript. Оптимизация производительности

Всем известно (ну, или почти всем) что вся динамика
сайта построена на JS.
Эта динамика имеет минус – замедление загрузки страницы, важной для маленького
отклика ресурса. Книга расскажет о приёмах и секретах, применяемых для
устранения слабых мест, несущих просадку производительности. Вы освоите
ускорение выполнения загрузки, методы манипулирования с DOM, правильную работу со страницей и
массу другой полезной информации.

Н. Закас – JavaScript. Оптимизация производительности

Преимущества:

  • затронуты такие понятия как мемоизация;
  • будет полезна, если приходится работать с поддержкой старых технологий.

Недостатки:

  • некоторые измерения уже устарели (современные браузеры шагнули далеко вперёд).

Л.
Атенсио – Функциональное программирование на JavaScript

Функциональное программирование облегчает
поддержание и сопровождение кода, способствуя «наведению порядка» в
слабосвязанных элементах и отдельно взятых компонентах. Автор подробно
разбирает способы улучшения приложений, расширения и увеличения производительности.
Вы научитесь понимать разницу между императивным, объектно-ориентированным и функциональным подходами
к программированию на практических примерах.

Л. Атенсио – Функциональное программирование на JavaScript

Книга в сообществе Книги для программистов

Преимущества:

  • помогает понять базовые принципы функционального программирования;
  • доступное описание монад.

Недостатки:

  • мягкая обложка, качество бумаги;
  • читатели отмечают сомнительные моменты в коде.

М. Фаулер – Рефакторинг кода на JavaScript

Без качественного рефакторинга сложно себе
представить работоспособный и растущий проект. В этом труде описано более 50
способов отрефакторить код с практическими примерами. Работы Мартина Фаулера
пользуется популярностью и данная книга не исключение.

М. Фаулер – Рефакторинг кода на JavaScript

Книга вышла недавно, в 2019 году, отзыв читателя:

Понятно рассказано: что такое рефакторинг, когда его применять, с чего начинать, что получим в результате. Щедрые кодовые примеры. Легко читается, у Автора прекрасное чувство юмора. Книга помогает вернуть любовь к программированию на JS ). Код на JavaScript, пожалуй самый нуждающийся в рефакторинге.

Отзыв читателя под книгой на Ozon

Н. Морган – Самоучитель по JavaScript для детей

Если у вас есть дети и им интересно обучиться программированию, рекомендуем начать с этой книги. Материал излагается понятным языком для детей от 10 лет. В конце каждого этапа ребёнок сможет оценить свои знания на работающем софте. Итогом изучения всего материала будет несколько работающих программ, которые зададут отличный старт в изучении.

Н. Морган – Самоучитель по JavaScript для детей

Книга в сообществе Книги для программистов

Преимущества:

  • увлекательное изложение, нравится не только детям, но и некоторым взрослым;
  • много материала, книга объёмная;
  • хорошее качество печати.

Недостатки:

  • читатели обнаружили неправильные примеры кода.

Д. МакФарланд – JavaScript и jQuery. Исчерпывающее руководство

Очередной понятный труд по JS, дополненный информацией по библиотеке jQuery. Книга рассчитана на любой уровень знаний. Автор подобрал все популярные темы, структурировал их в правильном порядке и уделил большое внимание самому современному плагину jQuery UI.

Д. МакФарланд – JavaScript и jQuery. Исчерпывающее руководство

Преимущества:

  • книга даёт много знаний по jQuery;
  • твёрдый переплёт;
  • написана простым языком.

Недостатки:

  • книга в большей мере посвящена jQuery и jQuery UI;
  • изложение иногда слишком подробное.
  • есть повторения одного и того же текста.

Р. Никсон – Создаём динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5

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

  1. PHP и основы объектно-ориентированного программирования.
  2. Основы MySQL.
  3. Сookie-файлы и сеансы.
  4. Вызовы AJAX, динамика сайта.
  5. Основы CSS, форматирование и оформление страниц.
  6. Продвинутый HTML5, геолокация, обработка аудио и видео.

Р. Никсон – Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5

Книга в сообществе Книги для программистов

https://t.me/progbook/4219

Преимущества:

  • понятный язык, читается легко;
  • контрольные вопросы с ответами для самопроверки.

Недостатки:

  • мягкий переплёт.

Д. Флэнаган – JavaScript. Карманный справочник

Несмотря на небольшой объём издания, в книге представлены наиболее важные сведения о JavaScript и приведены полезные практические примеры. Главы можно разделить на две основные части

  • 1 – 9: описание синтаксиса ECMAScript 5. Типы данных, значения и переменные. Инструкции, операторы и выражения. Объекты, массивы, классы, функции и регулярные выражения.
  • 10 – 14: функциональные возможности языка, модель DOM и HTML5. Взаимодействие кода JavaScript с браузером, сценарии HTML-документов и элементы страницы. Управление стилями и классами CSS посредством кода JavaScript. Реагирование на события мыши и клавиатуры, взаимодействие с веб-серверами и хранение данных на компьютере пользователя.

Дэвид Флэнаган – JavaScript. Карманный справочник

Преимущества:

  • компактный размер.

Недостатки:

  • оригинал издан в 2012 году, отсутствуют данные по новым стандартам.

***

Мы забыли о какой-то книге? Напишите в комментариях – добавим.

Читали какую-то из перечисленных? Будем рады вашим отзывам.

Если вы только начинаете изучение JavaScript, вам также будут полезны следующие наши материалы:

Книга ‘Изучаем работу с jQuery’ (Райан Бенедетти, Ронан Крэнли)







→

Изучаем работу с jQuery





  Посмотрели 2613 раз(а)    


  Комментариев 2  

 Последний комментарий:

(19 мая 2017 15:02)
В книге только один недостаток — нет полного…
читать…
     
написать комментарий…











Изучаем работу с jQuery


Автор: Райан Бенедетти, Ронан Крэнли


Жанр: Компьютеры, IT, написание программ


Год выспуска : 2012

Описание


Хотите добавить интерактивности своему интернет-сайту? Узнайте, как jQuery позволит вам создать целый набор скриптов, используя всего несколько строчек кода! С помощью этого издания вы максимально быстро научитесь работать с jQuery — этой удивительной библиотекой JavaScript, использование которой сегодня стало необходимостью для разработки современных веб-сайтов и RIA-приложений. jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, а также предоставляет богатые возможности
по взаимодействию с AJAX.

Особенностью данного издания является уникальный способ подачи материала, выделяющий серию «Head First» издательства O’Reilly в ряду множества скучных книг, посвященных программированию.


Где почитать книгу?



Ваши Отзывы …
2
комментарий

Alex

19 мая 2017 14:57

Начинающий

19 мая 2017 15:02

 

 





  Книги  
































Изучаем C#

автор: Эндрю Стиллмен, Дженнифер Грин
год: 2014









Объявления






Концерты, шоу, спектакли, пьесы, выставки в Беларуси …













































Рассказы про отдых в Беларуси

















































































































Рассказы о Путешествиях










































Анонс!


Цирк -Шапито «Цирк Юрского периода» впервые в Беларуси!!! г. Лида с 15 октября по 24 октября 2021


 

Комментариев 119

гость: 7 июня 2021 СПАСИБО!


Объявления







  Спортивные занятия  































Плавание в бассейне

г. Речица

Физкультурно-оздоровительный комплекс «Надежда»

(ул. Светлогорское шоссе, 1)












Концерты недавно прошли:



























Концерты в Беларуси




































Объявления






Рассказы про отдых в Беларуси























Рассказы о Путешествиях





















ТОП-7 книг по jQuery на русском языке – Библиотека программиста


Просмотров 2.4k.
Обновлено

jQuery – это набор команд, которые созданы для обеспечения взаимодействия JavaScript и HTML. Уникальная способность этой библиотеки заключается в составлении алгоритмов, которые позволяют выполнять последовательные операции над отдельными элементами страницы, благодаря чему код сокращается в три раза. Это позволяет использовать многоразовые части кода, что значительно упрощает работу с JavaScript. jQuery предусматривает множество инструментов, которые позволяют упростить код и сделать интерфейс веб-сайта более функциональным и удобным.

На это странице мы составил ТОП список книги по jQuery на русском языке.

Изучаем работу с jQuery (Head First). Ронан Крэнли, Райан Бенедетти

Особенная подача скучного и громоздкого материала делает эту книгу уникальной. Прочитав ее, можно узнать, как сделать свою веб-страницу более живой при помощи нехитрой библиотеки JavaScript. В книге описаны все возможности взаимодействия с Ajax, получение доступа к любым элементам, атрибутам и содержимому DOM.

jQuery. Подробное руководство по продвинутому JavaScript. Бер Бибо, Иегуда Кац

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

Практические задания с разъяснениями помогут не только выучить новый материал, но и закрепить и окончательно понять все тонкости работы с инструментами jQuery.

JavaScript и jQuery. Исчерпывающее руководство. Дэвид Макфарланд

Название книги говорит само за себя. Это наиболее полное и структурированное руководство по JavaScript, в котором основное внимание уделено библиотеке jQuery. Это издание позволит в совершенстве овладеть всеми возможностями и структурой сложного языка программирования Java даже новичку.

Javascript и jQuery. Интерактивная веб-разработка. Джон Дакетт

Книга рассчитана в большей степени на новичков, но и отлично подойдет тем, кто хочет получить больше контроля над уже созданным сайтом. Она подойдет абсолютно любому компьютерному пользователю. Вся информация изложена в легкой и доступной форме, а также затронуты основы компьютерного программирования. Здесь простой визуальный способ подачи знаний с картинками, примерами и небольшими частями кода. Каждая страница несет в себе новую, интересную и легко запоминающуюся информацию. Единственным требованием для читателей является знание стандартов HTML и CSS.

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

Смотрите также: Подборка лучших книг по JavaScript

Расширение библиотеки jQuery. Кит Вуд

Учебник по jQuery научит писать расширения для того, чтобы можно было их многократно применять в событиях, анимации, проверки данных, эффектах и технологиях Ajax. Она создана для более опытных программистов, которые уже работали с jQuery.

jQuery в действии. Бибо Беэр, Кац Иегуда, Аурелио де Роза

Справочник раскрывает многие актуальные темы по использованию библиотеки jQuery:

  • обход HTML-документов;
  • создание плагинов и анимации;
  • тестирование кода.

А также при помощи практических работ поможет закрепить знания и пройти все популярные вопросы на опыте. Эта книга предполагает наличие базовых знаний  Javascript и HTML. Для высокой скорости восприятия желательны начальные знания о jQuery.

Изучаем jQuery. Эрл Каслдайн, Крэйг Шарки

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

Второе издание обучает основам jQuery, созданию и добавлению анимации и эффектов на сайт. И дает более сложные способы применения модулей и виджетов интерфейса.

Начало работы с jQuery Mobile

jQuery Mobile предоставляет набор сенсорных виджетов пользовательского интерфейса и навигационную систему на основе Ajax для поддержки анимированных переходов между страницами. Это руководство покажет вам, как создать свое первое приложение jQuery Mobile.

Ссылка

Создание базового шаблона страницы

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

В этого шаблона метатег viewport устанавливает ширину экрана равной ширине устройства в пикселях.Ссылки на jQuery, jQuery Mobile и таблицу стилей мобильной темы из CDN добавляют все стили и сценарии. jQuery Mobile 1.4 работает с версиями jQuery core 1.8 и новее.

В , div с ролью данных из страницы является оболочкой, используемой для разграничения страницы. Строка заголовка ( data-role = "header" ), область содержимого ( role = "main" ) и нижний колонтитул ( data-role = "footer" ) добавляются внутрь для создания базовой страницы. (все три необязательны).Эти атрибуты data- представляют собой атрибуты HTML5, используемые в jQuery Mobile для преобразования базовой разметки в улучшенный виджет со стилем.

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

ссылка Добавить содержимое

Следующим шагом является добавление содержимого в контейнер содержимого.Могут быть добавлены любые стандартные элементы HTML — заголовки, списки, абзацы и т. Д. Вы можете написать свои собственные стили для создания пользовательских макетов, добавив дополнительную таблицу стилей в после таблицы стилей jQuery Mobile.

link Make a Listview

jQuery Mobile включает разнообразный набор общих списков, которые закодированы как списки с добавленным data-role = "listview" . Вот простой связанный список, который играет роль listview . Атрибут data-inset = "true" делает вид списка похожим на модуль-вставку, а data-filter = "true" добавляет фильтр динамического поиска.

1

2

3

4

5

6

7

ссылка Добавить слайдер

Платформа содержит полный набор элементов формы, которые автоматически превращаются в удобные для сенсорного ввода виджеты.Вот слайдер, созданный с новым типом ввода HTML5 диапазона, data-role не требуется. Все элементы формы всегда должны быть правильно связаны с , а группа элементов формы должна быть заключена в тег

.

1

2

3

4

ссылка Создание кнопки

Есть несколько способов сделать кнопки.Распространенный способ — превратить ссылку в кнопку, чтобы на нее было легко нажимать. Просто начните со ссылки и добавьте к ней атрибут data-role = "button" . Вы можете добавить значок с атрибутом data-icon и дополнительно установить его положение с помощью атрибута data-iconpos .

1

 
   Кнопка звездочки

ссылка Выберите образец темы

jQuery Mobile имеет надежную структуру тем, которая поддерживает до 26 наборов цветов панели инструментов, содержимого и кнопок, называемых «образцами».Вы можете добавить атрибут data-theme = "b" к любому из виджетов на этой странице: странице, заголовку, списку, вводу для ползунка или кнопке, чтобы сделать его темно-серым. Различные буквы образца от a до b в теме по умолчанию могут использоваться для смешивания и сопоставления образцов.

Если вы добавите образец темы на страницу, все виджеты внутри содержимого автоматически унаследуют тему.

1

 
   Кнопка

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

ссылка Идите дальше и создайте что-нибудь

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

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

Наконец, вы можете прочитать страницы сценариев, создание динамических страниц и создание приложений PhoneGap.

Селекторы jQuery

Селектор Пример Выбирает
* $ («*») Все элементы
# id $ («# фамилия») Элемент с
. класс $ («. Вступление») Все элементы с
. класс, . класс $ («. Intro, .demo») Все элементы с классом «intro» или «demo»
элемент $ («п») Все элементы

el1 , el2 , el3 $ («h2, div, p») Все элементы

,

и

: первый $ («p: first») Первый элемент

: последние $ («p: last») Последний элемент

: даже $ («tr: четный») Все четные элементы

: нечетный $ («tr: odd») Все нечетные элементы

: первенец $ («p: первенец») Все элементы

, которые являются первыми дочерними элементами своих родительских

: первый в своем роде $ («p: первоклассный») Все элементы

, которые являются первым элементом

своих родительских

: последний ребенок $ («p: last-child») Все элементы

, которые являются последними дочерними элементами своего родителя

: последний тип $ («p: последний в своем роде») Все элементы

, которые являются последним элементом

их родительского

: nth-ребенок ( n ) $ («p: nth-child (2)») Все элементы

, которые являются вторыми дочерними элементами своего родителя

: nth-последний-ребенок ( n ) $ («p: nth-last-child (2)») Все элементы

, которые являются вторыми дочерними элементами своего родителя, начиная с
последний ребенок

: nth-of-type ( n ) $ («p: nth-of-type (2)») Все элементы

, которые являются вторым элементом

их родительского

: nth-last-of-type ( n ) $ («p: nth-last-of-type (2)») Все элементы

, которые являются 2-м элементом

своего родителя, считая от
последний ребенок

: только ребенок $ («p: только ребенок») Все элементы

, которые являются единственными дочерними элементами их родительского

: только тип $ («p: only-of-type») Все элементы

, которые являются единственными дочерними по своему типу, от их родительских

родитель> ребенок $ («div> p») Все элементы

, которые являются прямым потомком элемента

родитель-потомок $ («div p») Все элементы

, являющиеся потомками элемента

элемент + следующий $ («div + p») Элемент

, который находится рядом с каждым элементом

элемент ~ братья и сестры $ («div ~ p») Все элементы

, которые появляются после элемента

: eq (, индекс ) $ («ul li: eq (3)») Четвертый элемент в списке (индекс начинается с 0)
: GT ( № ) $ («ul li: gt (3)») Элементы списка с индексом больше 3
: LT ( № ) $ («ul li: lt (3)») Элементы списка с индексом меньше 3
: нет ( селектор ) $ («input: not (: empty)») Все непустые элементы ввода
: заголовок $ («: заголовок») Все элементы заголовка

,

…

: анимированные $ («: анимированный») Все анимированные элементы
: фокус $ («: focus») Элемент, который в настоящее время имеет фокус
: содержит ( текст ) $ («: содержит (‘Привет’)») Все элементы, содержащие текст «Hello»
: имеет ( селектор ) $ («div: has (p)») Все элементы

, у которых есть элемент

: пусто $ («: пусто») Все пустые элементы
: родитель $ («: parent») Все элементы, являющиеся родительскими для другого элемента
: скрыто $ («p: скрыто») Все скрытые элементы

: видимый $ («таблица: видимая») Все видимые таблицы
: корень $ («: root») Корневой элемент документа
: язык ( язык ) $ («p: lang (de)») Все элементы

со значением атрибута lang, начинающимся с «de»

[ атрибут ] $ («[href]») Все элементы с атрибутом href
[ атрибут = значение ] $ («[href = ‘по умолчанию. = ‘Том’]») Все элементы со значением атрибута title, начинающимся с «Tom»
[ атрибут ~ = значение ] $ («[title ~ = ‘привет’]») Все элементы со значением атрибута title, содержащим конкретное слово «hello»
[атрибут * = значение ] $ («[title * = ‘привет’]») Все элементы со значением атрибута title, содержащим слово «hello»
: ввод $ («: ввод») Все элементы ввода
: текст $ («: текст») Все элементы ввода с type = «text»
: пароль $ («: пароль») Все элементы ввода с type = «password»
: радио $ («: радио») Все элементы ввода с type = «radio»
: флажок $ («: флажок») Все элементы ввода с type = «checkbox»
: отправить $ («: отправить») Все входные элементы с type = «submit»
: сброс $ («: сброс») Все элементы ввода с type = «reset»
: кнопка $ («: кнопка») Все элементы ввода с type = «button»
: изображение $ («: изображение») Все входные элементы с type = «image»
: файл $ («: файл») Все входные элементы с type = «file»
: включено $ («: включено») Все задействованные элементы ввода
: отключено $ («: отключено») Все отключенные элементы ввода
: выбран $ («: selected») Все выбранные элементы ввода
: проверено $ («: проверено») Все проверенные элементы ввода

Learning jQuery — Fourth Edition: 9781782163145: Computer Science Books @ Amazon.com

Добавьте к своим текущим навыкам разработки веб-сайтов это прекрасное руководство по JQuery. Этот пошаговый курс не требует предварительных знаний JavaScript, поэтому подходит как для начинающих, так и для более опытных разработчиков.

Обзор

  • Введение в jQuery, требующее минимального опыта программирования
  • Подробные решения конкретных проблем на стороне клиента
  • Пересмотренная и обновленная версия этой популярной книги jQuery

Подробно

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

LearningjQuery — четвертое издание — это переработанная и обновленная версия jQuery. Вы изучите основы jQuery для добавления взаимодействий и анимации на свои страницы. Даже если предыдущие попытки написания JavaScript привели вас в замешательство, эта книга поможет вам преодолеть подводные камни, связанные с AJAX, событиями, эффектами и расширенными возможностями языка JavaScript.

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

Что вы узнаете из этой книги

  • Создание интерактивных элементов для веб-дизайна
  • Узнайте, как создать лучший пользовательский интерфейс для ваших веб-приложений
  • Используйте селекторы различными способами, чтобы получить все, что вы хотите a page
  • Сделайте что-либо на своих веб-страницах с помощью событий
  • Добавьте изюминку своим действиям с помощью разнообразных анимационных эффектов
  • Откройте для себя новые функции, доступные в jQuery в этом третьем обновлении этой популярной книги jQuery

Подход

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

Для кого написана эта книга

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

Джонатан Чаффер

Джонатан Чаффер является членом Rapid Development Group, фирмы по веб-разработке, расположенной в Гранд-Рапидс, штат Мичиган. Его работа там включает контроль и реализацию проектов в самых разных технологиях, с упором на PHP, MySQL и JavaScript. Он также ведет выездные обучающие семинары по фреймворку jQuery для веб-разработчиков.

В сообществе разработчиков ПО с открытым исходным кодом он был очень активен в проекте Drupal CMS, который выбрал jQuery в качестве предпочитаемой среды JavaScript.Он является создателем Content Construction Kit, популярного модуля для управления структурированным контентом на сайтах Drupal. Он также отвечает за капитальный ремонт системы меню Drupal и справочник по API для разработчиков.

Он живет в Гранд-Рапидс со своей женой Дженнифер.

5 БЕСПЛАТНЫХ курсов для изучения jQuery в 2021 году

Раскрытие информации: этот пост содержит партнерские ссылки; Я могу получить компенсацию, если вы приобретете продукты или услуги по различным ссылкам, указанным в этой статье.

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

Ранее я поделился лучшими онлайн-курсами JavaScript, Angular и бесплатными онлайн-курсами React, а в этой статье я собираюсь поделиться некоторыми из лучших бесплатных курсов jQuery от Udemy и Pluralsight, которые вы можете использовать, чтобы изучить эту потрясающую библиотеку JavaScript. .

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

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

Он предоставляет селекторы типа CSS, которые позволяют вам выбрать несколько компонентов за один раз и изменить их всего в одной строке кода, например, вы можете захватить все кнопки и включить или отключить их, как мы это сделали в этом примере.

Вы можете взять все теги «p» и лучше стилизовать их. Вы даже можете сделать классную анимацию, такую ​​как постепенное появление и исчезновение, кнопки переключения и другие элементы, точно так же, как мы сделали в нашем примере с графическим интерфейсом на основе вкладок. jQuery действительно меняет то, как вы используете JavaScript для проверки и делая ваш сайт интерактивным.

Популярность jQuery можно понять по тому простому факту, что многие люди используют jQuery, не изучая JavaScript, что не очень хорошо, но все же говорит о том, насколько полезна эта маленькая библиотека.Слово «пиши меньше, делай больше» ясно говорит о том, что возможно с jQuery.

5 бесплатных онлайн-курсов по изучению jQuery в 2021 году

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

Эти бесплатные курсы jQuery от Udemy и Pluarlsight на самом деле довольно хороши и похожи на многие другие платные курсы. В основном они делаются бесплатно в рекламных или образовательных целях.

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

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

1. Завершите курс JQuery и JQuery UI для начинающих.

Это один из последних курсов по изучению jQuery и jQuery UI, и это хорошее место для начала, если вы изучаете jQuery в этом году.В нем уже обучается более 9000 студентов, и он по-прежнему бесплатен, но не может оставаться таким навсегда.

Курс разделен на два раздела: введение в jQuery и введение в пользовательский интерфейс jQuery.

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

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

Раздел jQuery UI фокусируется на основных виджетах jQuery UI, таких как виджеты DatePicker, виджеты всплывающих подсказок, виджеты Accordion и виджеты вкладок.

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

2. Научитесь использовать виджеты пользовательского интерфейса jQuery.

Если вы не знаете, jQuery разделен на две библиотеки: jQuery и jQuery UI.JQuery — это проверка, селектор и манипуляции с DOM, в то время как пользовательский интерфейс jQuery предоставляет несколько интересных виджетов пользовательского интерфейса, которые вы можете использовать в своем веб-приложении.

В этом курсе вы узнаете, как использовать теги, аккордеон, средство выбора даты и многие другие виджеты. Курс начинается с введения и установки пользовательского интерфейса jQuery.

После этого он охватывает различные виджеты jQuery UI, такие как jQuery Accordion, Tabs, Menu, ToolTip, DatePicker и Button. После каждого раздела он также содержит вопросы для проверки ваших знаний об этих конкретных виджетах пользовательского интерфейса jQuery.

Это короткий курс, но он действительно полезен и чрезвычайно популярен на Udemy. На этот курс уже записано более 32 550 студентов, и он получил более 700 оценок со средним баллом 4,3, что впечатляет.

3. Bootstrap, HTML5 и CSS3: создание современной домашней страницы Youtube.

Это еще один бесплатный курс для изучения jQuery путем создания адаптивных веб-сайтов с использованием HTML, CSS и Bootstrap.

Курс начинается с основ HTML 5 и объясняет основные вещи, необходимые для создания веб-сайтов, такие как изображения, шрифты, ссылки, стили, формы, переключатели и флажки.

Позже он использует BootStrap, библиотеку CSS для стилизации веб-страниц. BootStrap помогает создавать адаптивные формы изображений, меню, ссылки, а также использовать удивительные иконки шрифтов с помощью начальной загрузки и т. Д.

В последнем разделе вы изучите jQuery для предоставления анимации и таргетинга элементов страницы с помощью селектора классов и идентификаторов.

Вы узнаете о добавлении и удалении классов CSS из группы элементов с помощью jQuery, изменении текста HTML, закрытии и нацеливании на родительские и дочерние элементы и т. Д.

Короче говоря, хороший практический курс для изучения практических аспектов jQuery путем выполнения полного проекта с использованием HTML, CSS и jQuery. Он также довольно популярен, на этот курс записано более 13 300 студентов, получивших 435 оценок в среднем 4,1

.

4. jQuery и AJAX для начинающих — полное руководство

Это еще один отличный бесплатный онлайн-курс для изучения jQuery и AJAX. Вы узнаете, как создавать динамические веб-сайты с помощью библиотеки jQuery JavaScript.Курс содержит 2,5 часа материалов и предоставляет бесплатный доступ к нему в течение всей жизни.

В этом курсе вы изучите jQuery, создав приложение, например сначала создание HTML-страницы, затем создание динамического игрового поля, добавление стилей и перемещение кротов.

Вам понравится эта настройка и обновление кода, когда вы увидите, что происходит.

Если говорить о социальном доказательстве, то у этого курса более 235 оценок в среднем 4.3, что впечатляет. Кроме того, более 6000 студентов зарегистрировались на этот бесплатный курс для изучения jQuery.

5. Основы jQuery

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

Этот курс научит вас использовать разные селекторы jQuery, например. Селекторы идентификаторов, классов и тегов для выбора и управления элементами DOM, обработки событий и применения анимации для создания отзывчивого пользовательского интерфейса.

Он также обеспечивает исчерпывающий охват селекторов jQuery и взаимодействия с DOM, например. итерация по узлам, изменение отдельных свойств и атрибутов, добавление и удаление узлов, изменение стиля, например добавление / удаление селекторов CSS и т. д.

Помимо API и функций, вы также узнаете, как работает jQuery, и некоторые важные концепции, например, почему использование CDN лучше для загрузки библиотеки jQuery и работы с такими функциями AJAX, как загрузка HTML-содержимого с сервера и понимание load (), get (), post () и функция ajax ().

Между прочим, если вам нравится бесплатный ресурс, позвольте мне сказать вам, что я довольно давно делился множеством бесплатных ресурсов в этом блоге, таких как бесплатные курсы и книги по Spring, Python, REST, Jenkins, JUnit, Docker, PHP, React , Веб-разработка и многое другое. Если вы заинтересованы в изучении этих навыков, не стесняйтесь их проверять.

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

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

После того, как вы присоединитесь к курсу, он будет доступен вам бесплатно, и вы сможете пройти курс позже, когда у вас появится время или изменится ваш приоритет.

Другое Бесплатные онлайн-курсы , которые вы можете изучить
Дорожная карта веб-разработки на 2021 год (Frontend + Backend)
5 курсов по изучению микросервисов с помощью Spring Boot и Spring Cloud
5 бесплатных курсов для изучения сервлетов, JSP и JDBC
10 Бесплатно Курсы Docker для Java и DevOps Engineer
5 курсов для изучения Maven и Jenkins для разработчиков Java
3 Книги и курсы для изучения веб-сервисов RESTful на Java
5 курсов для изучения базы данных Oracle и Microsoft SQL Server
5 БЕСПЛАТНЫХ курсов для изучения технологии Blockchain
7 бесплатных курсов Selenium Webdriver для разработчиков Java и C #
10 лучших онлайн-курсов по HTML и CSS для начинающих
Мои любимые онлайн-курсы по веб-разработке

Спасибо, что прочитали эту статью.Если вам нравятся эти бесплатные курсы jQuery, поделитесь ими со своими друзьями и коллегами. Если у вас есть какие-либо вопросы или отзывы, напишите нам.

P. S. — Если вы не против заплатить несколько долларов за хороший ресурс, вы также можете проверить The Complete jQuery Course: From Beginner To Advanced! , один из лучших курсов для изучения jQuery.

учебных ресурсов JS и jQuery · GitHub

учебные ресурсы JS и jQuery · GitHub

Мгновенно делитесь кодом, заметками и фрагментами.

Учебные ресурсы JS и jQuery

Учебные ресурсы по JavaScript.
Отправная точка для тех, кто уже изучил JS, но забыл. Хорошая статья. Достаточно компактный.
https: // разработчик.mozilla.org/en/JavaScript/A_re-introduction_to_JavaScript
Вопрос: какой лучший учебный источник по JS. Некоторые ответы.
http://stackoverflow.com/questions/11246/best-resources-to-learn-javascript
http://stackoverflow.com/questions/2687566/learning-javascript-in-one-weekend
http: // net.tutsplus.com/tutorials/javascript-ajax/the-best-way-to-learn-javascript/
Книга: JavaScript — Хорошие детали. Читаю сейчас. Очень хорошее объяснение функций и объектов.
http://www.amazon.com/JavaScript-Good-Parts-Douglas-Crockford/dp/0596517742/
Книга: JavaScript и JQuery — Отсутствует руководство
www.amazon.com/JavaScript-jQuery-David-Sawyer-McFarland/dp/1449399029/
Интерактивная книга: красноречивый JavaScript — современное введение в программирование
http://eloquentjavascript.net/
Расширенное руководство по JS
http: // ejohn.org / apps / learn /
О Firebug — отладчик для Firefox
http://www.tuttoaster.com/learning-javascript-and-dom-with-console/
http://net.tutsplus.com/tutorials/other/10-reasons-why-you-should-be-using-firebug/
JS Руководство.TL; DR;
https://developer.mozilla.org/en/JavaScript/Guide
Учебные ресурсы JQuery.
Много ссылок для начала.
http: // www.learningjquery.com/2010/07/great-ways-to-learn-jquery
Выделенный веб-сайт.
http://www.learningjquery.com/
30-дневный курс обучения jQuery. Подписался на него.
http://learnjquery.tutsplus.com/
20 не очень известных методов jQuery
http: // net.tutsplus.com/tutorials/javascript-ajax/20-helpful-jquery-methods-you-should-be-using/
Компактность и много информации. На русском.
http://www.rsdn.ru/article/inet/jQuery.xml
Статьи по jQuery для начинающих. На русском тоже.
http: // anton.shevchuk.name/javascript/jquery-for-beginners/
http://anton.shevchuk.name/javascript/jquery-for-beginners-2/
http://anton.shevchuk.name/javascript/jquery-for-beginners-ajax/
http://anton.shevchuk.name/javascript/jquery-for-beginners-selectors/
Две статьи Рика Страла о jQuery.Размещено 2008 год.
http://www.west-wind.com/presentations/jquery/
http://www.west-wind.com/presentations/jQuery/jQueryPart2.aspx

Вы не можете выполнить это действие в настоящее время.

Вы вошли в систему с другой вкладкой или окном. Перезагрузите, чтобы обновить сеанс.
Вы вышли из системы на другой вкладке или в другом окне.Перезагрузите, чтобы обновить сеанс.

учебных материалов по jQuery для начинающих | автор: javinpaul

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

Этот курс научит вас использовать различные селекторы jQuery, такие как селекторы идентификаторов, классов и тегов, для выбора и управления элементами DOM, обработки событий и применения анимации для создания отзывчивого пользовательского интерфейса.

Он также обеспечивает исчерпывающий охват селекторов jQuery и взаимодействия с DOM, например перебор узлов, изменение отдельных свойств и атрибутов, добавление и удаление узлов, изменение стилей, например добавление или удаление селекторов CSS и т. д.

Вот ссылка, по которой можно бесплатно присоединиться к этому курсу — Основы jQuery

Помимо API и функции, вы также узнаете, как работает jQuery, и некоторые другие важные концепции. Например, почему использование CDN лучше для загрузки библиотеки jQuery или работы с функциями AJAX, такими как загрузка HTML-содержимого с сервера и понимание функций load (), get (), post () и ajax ().

Между прочим, если вы здесь новичок, позвольте мне сказать вам, что я уже довольно давно делюсь множеством бесплатных ресурсов в этом блоге — бесплатными курсами и книгами по Spring, Python, REST, Jenkins, JUnit, Docker, PHP, React, веб-разработка и многие другие. Если вы заинтересованы в изучении этих навыков, не стесняйтесь их проверять.

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

Еще раз отметим, что некоторые бесплатные курсы на Udemy становятся платными, когда инструктор достигает своих рекламных целей. Это значит, что лучше записаться сейчас, чем позже!

Другие Бесплатные онлайн-курсы , которые вы можете изучить

Дорожная карта для веб-разработчиков 2019
5 курсов для изучения микросервисов с Spring Boot и Spring Cloud
5 Бесплатный курс для изучения сервлетов, JSP и JDBC
10 бесплатных курсов для докеров для Java and DevOps Engineer
5 курсов по изучению Maven и Jenkins для разработчиков Java
3 Книги и курсы по изучению веб-сервисов RESTful на Java
5 курсов по изучению базы данных Oracle и Microsoft SQL Server
5 курсов по изучению технологии блокчейн БЕСПЛАТНО
7 бесплатно Курсы Selenium Webdriver для разработчиков Java и C #

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

P. S. Если вы не против заплатить несколько долларов за хороший ресурс, вы также можете проверить Полный курс jQuery: от новичка до продвинутого !, один из лучших курсов для изучения jQuery.

Изучите jQuery с помощью онлайн-курсов и уроков

Что такое JQuery?

JQuery — это легкая библиотека JavaScript, предназначенная для большего с меньшими затратами.То, для чего вам понадобится много строк кода в Javascript, требует простой операции с фреймворком JQuery. JQuery упрощает и другие вещи из Javascript, включая вызовы AJAX и манипуляции с dom. Он также обрабатывает манипуляции с CSS, HTML-событиями, утилиты, а также анимацию и эффекты. JQuery — один из самых популярных плагинов для Javascript, используемый Google, Microsoft и IBM. Это вариант с открытым исходным кодом для сокращения некоторых из более сложных операций в Javascript.Он позволяет создавать динамические веб-страницы и веб-приложения с помощью модульного подхода.

Изучение JQuery

Изучение JQuery позволяет создавать и запускать веб-приложения и страницы с гораздо меньшими затратами времени. JQuery Foundations занимается обслуживанием с миссией «меньше писать, делать больше», обеспечивая более эффективную веб-разработку. Если вы планируете заниматься веб-разработкой, понимание JQuery является важной частью этого процесса. Крупнейшие компании используют JQuery, но и стартапы тоже.Это основополагающий навык, который широко применяется в различных областях разработки.

Курсы и сертификаты JQuery

EdX.org предлагает множество курсов и сертификатов, предназначенных для обеспечения базовых навыков, необходимых для реализации веб-разработки с помощью JQuery. В сотрудничестве с проверенными ведущими учреждениями в этой области вы можете изучить JQuery вместе с соответствующими навыками. Microsoft предлагает начальный курс по JQuery. Вы узнаете, как выполнять вызовы на стороне сервера с помощью Javascript, улучшать пользовательский интерфейс веб-сайта и как интегрировать HTML.Он включает в себя такие функции, как действия при наведении указателя мыши, скольжение вверх и связывание. Microsoft также предлагает полную профессиональную сертификацию по программированию с помощью Javascript. Вы разовьете уверенность в основных элементах Javascript / JQuery с помощью обработчика событий, элемента dom и обратных вызовов. У вас будет все необходимое для поддержки браузера и интеграции с другими элементами, такими как JSON.

Постройте карьеру с JQuery

Как веб-разработчику вам понадобится много навыков, и правильный пользовательский интерфейс JQuery поможет вам привлечь внимание.Независимо от того, создаете ли вы независимые проекты в своей учетной записи Github или активно ищете работу, понимание структуры JQuery может помочь. JQuery.com — обширный источник информации, но для более формального обучения коллекция курсов и сертификатов edX.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *