Jquery для начинающих уроки – Мини-курс Javascript/Jquery программирования для начинающих веб-разработчиков с интерактивными заданиями на сайте FructCode

Учебник jQuery для начинающих / Habr

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

Скачиваем, читаем, пробуем

Чтобы долго не искали, даю сразу ссылки на учебник в PDF формате (1,8Mb):

И интерактивные примеры кода:

Убедительная просьба, если вы хотите рассказать о данном учебнике, то указывайте ссылку на страницу: http://anton.shevchuk.name/jquery-book/, так как со временем я буду обновлять учебник, и прямые ссылки будут не актуальны (а возможно даже вредны :). Я конечно же постараюсь поддерживать ссылки на Хабре в актуальном состоянии, но возможны случайности.
Историческая справка

Первая версия jQuery была представлена публике в августе 2006-го года разработчиком Джоном Резигом. До конца года выходили багфиксы, которые завершились на версии 1.0.4. В 2007-м началась и закончилась разработка ветки 1.1.х, к тому моменту jQuery уже начинает завоёвывать сердца разработчиков. В феврале 2008-го выходит версия 1.2.3, а дизайнер из Торонто Ник Ла пишет замечательную статью jQuery Tutorials for Designers, и к ней написано уже больше тысячи комментариев. И вот, в марте того же года, я публикую перевод данной статьи на своём блоге, c которой и начинается серия «для начинающих».

Чтобы было не так скучно читать анонс, я решил разбавить информацию статистикой, и она может быть любопытна:

Часть 1 (март 2008):

  • > 400 комментариев
  • > 1 200 000 просмотров
  • ~ 800 000 уникальных посетителей

Часть 9. Пишем плагины анимации (ноябрь 2010):

  • ~ 10 комментариев
  • ~ 30 000 просмотров
  • ~ 30 000 уникальных посетителей

Вся серия за период 2008-2012:

  • > 2 500 000 просмотров
  • > 2 000 000 уникальных посетителей
P.S.

Если у вас есть замечания и(или) предложения — то пишите на мой e-mail: [email protected]

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

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

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

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

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

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

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

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

Еще в 2014 году свыше

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

План курса

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

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

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

jQuery для начинающих · jQuery для начинающих

  • jQuery для начинающих
  • jQuery для начинающих
  • Об авторе
  • О книге
  • Условия распространения
  • 0% Об HTML, CSS и JavaScript
    • Семантическая вёрстка
    • Валидный HTML
    • CSS-правила и селекторы
    • CSS. Погружение
    • Разделяй и властвуй
    • Немного о JavaScript
  • 10% Подключаем, находим, готовим
    • Будь готов
    • Селекторы
    • Sizzle
    • Оптимизируем выборки
  • 20% Атрибуты и свойства элементов
    • CSS стили
    • CSS классы
    • Атрибуты
    • Свойства
  • 30% События
    • Работа с событиями
    • Всплытие и обработка событий
    • Пространство имен
    • «Живые» события
    • Touch-события
    • Оптимизация
    • Немного деталей
  • 40% Анимация
    • Step-by-step
    • В очередь…©
    • Отключение
  • 50% Манипуляции с DOM
    • Создание элементов
    • Манипуляциия над элементами
    • Размеры элементов
    • Полоса прокрутки
  • 60% AJAX
    • Метод ajax()
    • Обработчики AJAX-событий
    • JSONP
    • Лечим JavaScript-зависимость
    • Прокачиваем AJAX
  • 70% Объект Deferred и побратимы
    • Callbacks
  • 80% Работа с формами
    • Манипуляциия над элементами
  • 90% Пишем свой плагин
    • jQuery плагин
    • Data
    • Animate
    • Easing
    • Sizzle
  • 100% Последняя глава
  • Дополнение
    • jQuery-inlog
    • jQuery UI
    • jQWidgets
    • jQuery Mobile
    • Ещё плагины
    • Обновление на версию 2.х
    • Обновление на версию 3.х
  • История изменений
  • Благодарности
  • Опубликовано с помощью GitBook

Антон Шевчук

    jQuery для начинающих - Видеоуроки

    Приветствую вас, уважаемый читатель!

    Данная публикация посвящена изучению основ jQuery для начинающих.

    На видеоуроки курса я возлагаю следующую задачу:

    • Дать базовое представление о jQuery начинающему веб-программисту.
    • На основе полученных базовых знаний научить писать простенькие jQuery-скрипты.
    • Указать путь для дальнейшего изучения и становления в качестве классного jQuery-знатока (примером того, на что способен хороший программист и jQuery могут служить плагины для WordPress Dimox-a).

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

    Видеоурок #1 по jQuery для начинающих

    Речь пойдет о происхождении jQuery и его принципах (коротенько, только самое основное). Я познакомлю вас с сайтом разработчиков jQuery и покажу каким образом подключить библиотеку к вашему проекту.

     

    Видеоурок #2 по jQuery для новичка

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

     

    Видеоурок #3

    Продолжение начатого в видеоуроке #2

     

    Видеоурок #4

    Из-за ограничений YouTube 10-минутным размером видео в предыдущее видео не уместился полминутный хвостик.

    ***

    Хотите скачать видеоуроки в лучшем качестве к себе на компьютер?

    - Нет проблем. Качайте видеоуроки по jQuery для начинающих с Яндекс.Диска:

    С уважением, Андрей Морковин.

    jQuery для начинающих

    Видеокурсы из 36 уроков по JQuery, собранных в два полноценных видео. При помощи этих уроков Вы сможете овладеть такой сложной библиотекой и самостоятельно программировать на высоком уровне.

    Вместе с этими видеоуроками Вы сможете освоить:

    Глава 1: разбор DOM (01:20:14)

    Часть 1: Селекторы и фильтры (46:41)

    Урок 1 (11:44): селекторы базовые, иерархические
    Урок 2 (07:57): фильтры базовые
    Урок 3 (07:56): фильтры контента и видимости
    Урок 4 (04:55): фильтры атрибутов
    Урок 5 (06:16): «семейные» фильтры
    Урок 6 (07:53): селекторы/фильтры форм

    Часть 2: функциональный разбор DOM (33:33)

    Урок 1 (10:18): фильтрация отобранных элементов (часть 1)
    Урок 2 (05:43): фильтрация отобранных элементов (часть 2)
    Урок 3 (08:30): поиск в наборах элементов
    Урок 4 (09:02): утилитарные функции для работы с наборами

    Глава 2: работа с элементами DOM (52:48)

    Часть 1: работа с атрибутами (19:07)

    Урок 1 (06:57): работа с атрибутами
    Урок 2 (06:11): работа с классами
    Урок 3 (05:59): работа со значениями (value)

    Часть 2: работа с содержимым (33:41)

    Урок 1 (07:34): создание/добавление нового контента
    Урок 2 (08:06): вставка контента/элементов
    Урок 3 (05:37): «заварачивание» элементов
    Урок 4 (12:24): копирование/замена/удаление элементов

    Глава 3: работа с событиями (38:56)

    Урок 1 (05:40): связывание событий с их обработчиками
    Урок 2 (14:36): объект события в jQuery
    Урок 3 (08:16): хелперы событий
    Урок 4 (10:24): утилитарные методы для работы с событиями

    Глава 4: работа с анимационными эффектами (19:02)

    Урок 1 (07:05): hiding-эффекты
    Урок 2 (06:38): fading-эффекты
    Урок 3 (05:19): sliding-эффекты

    Глава 5: работа с AJAX запросами (58:54)

    Урок 1 (06:09): вводный
    Урок 2 (13:38): базовые методы и свойства
    Урок 3 (12:57): задание обработчиков локальных AJAX событий
    Урок 4 (07:51): детальная настройка запросов
    Урок 5 (06:49): задание обработчиков глобальных AJAX событий
    Урок 6 (11:30): shorthand методы

    Глава 6: отладка JQ кода (1:08:06)

    Урок 1 (07:10): вводный
    Урок 2 (12:47): работа с консолью (часть 1)
    Урок 3 (16:01): работа с консолью (часть 2)
    Урок 4 (10:59): отладка селекторов
    Урок 5 (05:44): отладка обработчиков событий
    Урок 6 (12:27): отладка асинхронных запросов (AJAX)

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

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