Учить jQuery - Курс Кода
Учить jQuery - Курс Кода — Изучайте jQuery на телефоне: пишите цепочки и наблюдайте, как реагирует настоящая веб-страница
Учить jQuery - Курс Кода — бесплатное для начала приложение для iOS и Android, которое обучает библиотеке jQuery для JavaScript: работе с DOM, событиями, эффектами и AJAX. Оно подходит начинающим, студентам и разработчикам, которые поддерживают сайты на jQuery. Каждый урок сопровождается интерактивным редактором и предварительным просмотром страницы, а jQuery 3.7.1 уже встроен, поэтому написанный вами код работает на телефоне даже без подключения к интернету. AI Mentor отвечает на вопросы о селекторе, ошибке или AJAX-запросе.
- Цена
- Бесплатно, обновление до Pro
- Платформы
- iOS и Android
- Языки
- 22
- Возрастной рейтинг
- 4+
- Требуется
- iOS 15.1 или более поздняя версия
Если вы знаете CSS-селектор, значит, вы уже знаете большую часть jQuery.
jQuery заимствует селекторы из CSS и позволяет объединять действия в цепочку для полученного результата. Это делает jQuery мягким знакомством с DOM, событиями и асинхронным кодом, а также практичным навыком для множества существующих сайтов, которые по-прежнему от него зависят.
Что это
Учить jQuery - Курс Кода — приложение-курс для iOS и Android по библиотеке jQuery для JavaScript. В нём 22 курса с 48 уроками от уровня A1 до C1, интерактивный редактор JavaScript с предварительным просмотром страницы, который работает на устройстве со встроенным jQuery 3.7.1, 20 заданий по отладке, 20 пошаговых проектов на HTML и CSS, 50 вопросов для собеседований, 50 вопросов викторины и шпаргалка из 91 пункта. AI Mentor объясняет селекторы, ошибки и AJAX-запросы простым языком.
В приложении
Как это выглядит
Курс
Что входит в курс jQuery
На основе списка курсов CoddyKit по jQuery: от первого вызова $ до плагинов, тестирования и работы вместе с современным JavaScript.
Знакомство с jQuery и первые шаги
Что такое jQuery, какую реальную проблему он решил и почему его до сих пор используют на стольких сайтах, а также первая цепочка и основы для начинающих.
Выбор элементов и навигация по DOM
Выбор элементов, затем расширенные селекторы атрибутов и псевдоклассов, а также переход по DOM от одного элемента к другому.
Изменение DOM и стилизация
Создание, вставка, перемещение и удаление элементов в рамках двух курсов, а также изменение CSS и классов из кода.
События и делегирование
Управление событиями, затем делегирование событий для элементов, добавленных позже, и работа с пользовательскими событиями.
Анимации и эффекты
Базовые анимации, затем сложные анимации и пользовательские эффекты, например цепочки действий и пользовательское сглаживание.
Формы, данные и шаблоны
Динамический контент с атрибутами данных и шаблонами, а также расширенная обработка и валидация форм.
AJAX, Deferred objects и promises
Операции AJAX и работа с удалёнными данными, затем Deferred objects и promises для управления асинхронным кодом.
Плагины, производительность и тестирование
Пользовательские селекторы и фильтрация, разработка надёжных плагинов, производительность и лучшие практики, интеграция jQuery с современным JavaScript и тестирование приложений на jQuery.
Как это работает
Как устроен урок
Каждый урок сопровождается кратким объяснением и кодом, который вы запускаете самостоятельно, поэтому идея проверяется до перехода дальше.
Прочитайте короткий урок
Откройте тему и прочитайте краткое объяснение селектора, события или эффекта. Уроки достаточно короткие для поездки на автобусе, а курс постепенно переходит от первой цепочки к плагинам и тестированию.
Напишите цепочку и посмотрите, как реагирует страница
В интерактивном редакторе вы пишете HTML, CSS и jQuery и сразу запускаете их. Редактор повторно запускает ваш код, когда вы перестаёте печатать, без сервера и этапа сборки, а предварительный просмотр страницы показывает результат.
Исправьте ошибку, а затем спросите наставника
В заданиях вам дают неработающий код и просят найти неисправность: обработчик клика, в котором this — это window, меню, которое продолжает выезжать, или сохранение, срабатывающее дважды. Если концепция или ошибка непонятны, AI Mentor объяснит их ещё раз более простыми словами.
Что внутри
Что входит в приложение
22
Курсы от A1 до C1
22 курса с 48 уроками: от функции $ и первой цепочки до селекторов, работы с DOM, событий, анимаций, форм, AJAX, плагинов и производительности.
3.7.1
Встроенный jQuery
Предварительный просмотр страницы работает на устройстве со встроенным jQuery 3.7.1, поэтому редактор работает и без подключения к интернету.
20
Задания по отладке
Похожие на реальные ошибки для исправления: например, цепочка, которая заканчивается строкой, или кнопка удаления, работающая только в первых строках.
20
Пошаговые проекты страниц
Двадцать проектов на HTML и CSS, которые создают разметку, с которой ваши селекторы будут работать дальше.
91
Шпаргалка и викторины
Шпаргалка из 91 пункта по селекторам, событиям, эффектам и методам AJAX, а также 50 вопросов викторины и 50 вопросов для собеседований.
AI
AI Mentor
Спросите о селекторе, ошибке или AJAX-запросе и получите ответ простым языком. Бесплатный план включает 3 вопроса в день.
Контекст
Стоит ли всё ещё изучать jQuery и для чего его используют?
jQuery — это библиотека JavaScript, которая позволяет короче записывать выбор элементов на веб-странице, их изменение, реакцию на нажатия и загрузку данных без перезагрузки страницы. Более новые фреймворки заняли место jQuery во многих новых проектах, однако значительная часть существующих сайтов по-прежнему работает на jQuery. Поэтому умение читать, исправлять и расширять такой код остаётся практичным навыком веб-разработки. Кроме того, jQuery — это мягкий способ познакомиться с DOM, событиями и асинхронным JavaScript перед переходом к более крупным инструментам.
Функция $ и цепочкиодна строка, несколько действий
Вызов $ с селектором возвращает объект jQuery, а почти каждый метод снова возвращает этот объект. Благодаря этому можно записать цепочку — например, выбрать список, добавить класс и плавно показать его — в одной понятной строке вместо четырёх отдельных инструкций.
СелекторыЗнания CSS переносятся напрямую
Селекторы классов, идентификаторов, атрибутов и псевдоклассов работают примерно так же, как в таблице стилей. Затем методы обхода переходят от одного элемента к его родителям, дочерним элементам или соседним элементам — так можно добраться до нужной строки, даже если на странице сотни похожих строк.
Делегирование событийрешение для элементов, добавленных позже
Обработчик, прикреплённый к кнопке, существует только для кнопок, присутствовавших в момент выполнения кода. Если прикрепить его к родительскому элементу и отфильтровать по селектору, он будет работать и для строк, добавленных позже. Именно это часто становится причиной того, что кнопка удаления работает только в старых строках.
На что ссылается thisраспространённая ошибка
Внутри обработчика jQuery this — это элемент, получивший событие, но стрелочная функция или неправильно размещённый callback могут изменить это поведение. Отладка обработчика, в котором this превратился в window, — типичная первая настоящая ошибка.
AJAX и promisesданные без перезагрузки
$.ajax() отправляет запрос и позволяет обновить страницу, когда приходит ответ. Отложенные объекты и promises организуют несколько таких запросов, чтобы один шаг ждал завершения другого, а не приводил к вложенности callback.
Подходит
Кому это подходит — а кому нет
Подойдёт, если вы
- Немного знаете HTML и CSS и хотите сделать страницы интерактивными при нажатии и работе с формами
- Поддерживаете сайт на jQuery и хотите читать и исправлять его код
- Готовитесь к собеседованию на позицию front end-разработчика, где всё ещё встречается устаревший jQuery
- Хотите писать код на телефоне и сразу видеть предварительный просмотр страницы
- Лучше всего учитесь короткими сессиями и хотите задавать вопросы наставнику
Это не тот инструмент, если вы
- Хотите изучить современный фреймворк, например React; это приложение обучает jQuery и DOM
- Вам нужно, чтобы весь курс был бесплатным: первый курс, первый проект и две миссии бесплатны, а Pro открывает остальное
- Ожидаете бесплатную версию без рекламы, поскольку Pro удаляет рекламу
Вопросы
Часто задаваемые вопросы
Как лучше всего изучать jQuery на телефоне?
Самый эффективный способ — писать код и видеть, как меняется страница, а не только читать о селекторах. Учить jQuery - Курс Кода предлагает для каждого короткого урока редактор с предварительным просмотром страницы в реальном времени; jQuery 3.7.1 встроен в приложение, поэтому код выполняется на устройстве, а AI Mentor объясняет всё непонятное. Начать обучение можно бесплатно на iOS и Android.
jQuery — это то же самое, что JavaScript?
Нет. JavaScript — это язык программирования, а jQuery — библиотека, написанная на JavaScript, которая упрощает распространённые задачи, такие как выбор элементов, реакция на нажатия и отправка запросов AJAX. Учить jQuery - Курс Кода обучает jQuery в редакторе JavaScript, поэтому вы практикуете оба инструмента одновременно и видите, как цепочка преобразуется в обычный код DOM.
Стоит ли всё ещё изучать jQuery?
Для новых проектов многие команды выбирают другие инструменты, но значительная часть существующих сайтов всё ещё работает на jQuery, поэтому умение читать и исправлять такой код полезно на практике. Это также простой путь к изучению DOM, событий и асинхронного JavaScript. Учить jQuery - Курс Кода включает вопросы для собеседований на вакансии front end-разработчиков, где всё ещё встречается устаревший jQuery.
Доступен ли Учить jQuery - Курс Кода на iPhone и Android?
Да. Учить jQuery - Курс Кода доступен в App Store для iPhone (iOS 15.1 или более поздняя версия) и в Google Play для Android. Интерфейс доступен на 22 языках, включая английский, испанский, немецкий, французский, португальский, японский, корейский, арабский, хинди и турецкий, а написанный вами код в любом языке интерфейса остаётся кодом на jQuery и JavaScript.
Можно ли запускать код jQuery в приложении без подключения к интернету?
Да, в редакторе. jQuery 3.7.1 встроен в Учить jQuery - Курс Кода, поэтому предварительный просмотр страницы работает на устройстве даже без подключения к интернету. Для функций, использующих AI Mentor, требуется интернет-соединение.
Какие темы входят в курс jQuery?
22 курса охватывают темы от функции $ и селекторов до изменения DOM, стилизации, событий и делегирования, анимаций, форм, AJAX, Deferred objects и promises. Далее рассматриваются пользовательские селекторы, написание плагинов, производительность, интеграция jQuery с современным JavaScript и тестирование.
Что такое миссии по отладке?
Это 20 упражнений с неисправным кодом на jQuery, в которых нужно найти ошибку — так же, как это происходит в работе. Среди примеров — обработчик нажатия, где this указывает на window, цепочка, заканчивающаяся строкой, кнопка удаления, работающая только со старыми строками, меню, которое продолжает выезжать после ухода со страницы, и сохранение, срабатывающее дважды.
Нужно ли сначала знать JavaScript или HTML?
Базовые знания HTML и CSS помогут, потому что селекторы jQuery работают с разметкой и заимствуют синтаксис CSS. В Учить jQuery - Курс Кода также есть 20 пошаговых проектов страниц на HTML и CSS, поэтому вы сможете создавать разметку, с которой будут работать ваши селекторы. Курс начинается с первой цепочки.
Учить jQuery - Курс Кода — это бесплатно?
Начать можно бесплатно: доступны первый курс, первый пошаговый проект, две миссии, редактор, викторины, вопросы для собеседований, шпаргалка и 3 вопроса AI Mentor в день. В бесплатной версии показывается реклама. Pro открывает все курсы, проекты и миссии, экзамен для получения сертификата и неограниченное использование AI Mentor, а также убирает рекламу. Доступна подписка на неделю, месяц или год, а также разовая бессрочная покупка. Экзамен для получения сертификата в конце курса входит в Pro.
Связано ли приложение с jQuery?
Нет. jQuery — товарный знак OpenJS Foundation, а Учить jQuery - Курс Кода — независимое обучающее приложение, не связанное с OpenJS Foundation и не одобренное ею.
Начать
Напишите свою первую цепочку jQuery уже сегодня
Начните бесплатно на iOS и Android — доступно 22 языка.
Другие приложения CoddyKit
Доступно на iOS и Android.