Разработка современных веб-приложений на jQuery (JavaScript)

Объем курса: 64 ак. часа,
16 занятий по 3 астр. часа,
6 недель (3 раза в неделю)

Стоимость курса: 24 900 руб

На кого рассчитан курс

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

Формат обучения

Обучение ведется 100% онлайн, на нашей собственной онлайн платформе. Наше онлайн обучение максимально приближено к традиционному академическому обучению в ВУЗе. Обязательные опросы, совместные обсуждения, онлайн диалоги (а не просто тупые вебинары, как на многих других онлайн курсах).

Мы проверяем все домашние задания и даем практические подсказки по каждой затруднительной ситуации: работаем дистанционно с Вашим компьютером через Интернет.

Также мы ведем онлайн журнал посещаемости занятий и выставляем оценки. После окончания курса Вы сдаете устный экзамен и выполняете курсовой проект. Все ваши ответы и оценки могут быть предоставлены по запросу Вашему потенциальному работодателю: отличный стимул учиться только на «отлично» 🙂

Плюшки и бонусы

Скидка 10% на любой другой наш онлайн курс обучения.

Бесплатный доступ ко всем записям следующего потока этого же курса.

Возможность для лучших учеников попадания в нашу команду фрилансеров.

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

Возможность получения бесплатной помощи и консультаций по Вашим проектам после окончания курса.

Преподаватель курса

Виктор Джигьясу

Все его профессиональные кейсы тут.

Полная программа курса

Тема 1. Закомство со структурой курса. Подготовка к работе.

Подключение jQuery, подключаемые библиотеки jQuery UI и jQuery mobile, листинги примеров, исходные коды примеров. Библиотека jQuery, HTML-редактор, Веб-браузер, Веб-сервер, node.js, изображения для сайта.

Тема 2. Введение в HTML.

Базовый HTML-документ, структура элементов HTML, атрибуты, атрибуты id и class, содержимое элементов, пустые элементы. Структура документа, элементы метаданных, элементы содержимого, иерархия элементов. Отношения “родители-дети”, отношения “предки-потомки”, “Сестринские” отношения. Объектная модель документа. Использование DOM, изменение DOM.Изменение стилей. Обработка событий.

Тема 3. Введение в CSS.

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

Тема 4. Введение в JavaScript.

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

Тема 5. Основы jQuery.

Установка библиотеки jQuery, первый сценарий jQuery, Функция $(), ожидание готовности DOM-модели, последствия пропуска ключевого слова function при вызове метода ready, использование альтернативной нотации, задержка срабатывания события ready, выбор элементов, сужение области поиска с помощью контекста. Что собой представляет выбранный набор элементов, определение селектора, определение контекста, работа с DOM-объектами, изменение нескольких элементов и создание цепочки вызовов методов. Обработка событий.

Тема 6. Работа с набором выбранных элементов.

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

Тема 7. DOM-манипуляции.

Создание новых элементов, создание элементов с использованием функции $(), создание новых элементов путем клонирования существующих, создание элементов средствами DOM API,
вставка дочерних элементов и элементов-потомков, вставка содержимого в начало элементов, вставка одних и тех же элементов в разные места документа, вставка элементов из объекта jQuery, вставка элементов с использованием функции, вставка родительских элементов и элементов-предков, обертывание набора элементов. Обертывание содержимого элементов, обертывание элементов с использованием функции, вставка сестринских элементов, вставка сестринских элементов из объекта jQuery, вставка сестринских элементов с использованием функции, замена элементов, замена элементов с использованием функции. Удаление элементов, удаление элементов с сохранением данных, очистка элементов. Метод unwrap().

Тема 8. Манипуляции элементами.

Работа с атрибутами и свойствами, установка значений атрибутов, установка нескольких атрибутов, динамическая установка значений атрибутов, удаление атрибутов, работа со свойствами, работа с классами, добавление и удаление классов с помощью функции, переключение отдельного класса, переключение одновременно нескольких классов, переключение всех классов, одностороннее переключение классов, динамическое переключение классов. Pa6oтa c CSS, установка одновременно нескольких свойств CSS, установка относительных значений, установка свойств с помощью функции, использование специализированных методов для работы со свойствами CSS. Работа с содержимым элементов, изменение содержимого элементов, изменение содержимого элементов с помощью функции, работа с элементами формы, изменение значений элементов формы, изменение значений элементов формы с помощью функции, связывание данных с элементами, работа с атрибутами данных HTML5.

Тема 9. Работа с событиями.

Обработка событий, регистрация функции для обработки нескольких типов событий, передача данных обработчику событий, отмена поведения браузера по умолчанию, удаление обработчиков событий, установка разового обработчика событий. Установка обработчиков событий с помощью метода live(). Управление распространением “живьк” событий по дереву узлов DOM, вызов обработчиков событий вручную, использование объекта Event, использование метода triggerHandler(). Использование прямых методов для работы с событиями, прямые методы для работы с событиями документа, использование прямых методов для работы с событиями браузера, использование прямых методов для работы с событиями мыши,
использование прямых методов для работы с событиями формы, использование прямых методов для работы с событиями клавиатуры.

Тема 10. Использование эффектов jQuery.

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

Тема 11. Использование шаблонов данных.

Для чего нужны шаблоны. Настройка библиотеки jQuery Templates, первый пример шаблона данных. Определение данных, определение шаблона, применение шаблона, вычисление выражений, использование переменных шаблона, использование переменной $data, использование функции $() внутри шаблона, использование переменной $item, использование вложенных шаблонов, использование вложенных шаблонов с массивами, использование условных шаблонов, управление обработкой массивов, поэлементная обработка результата вычисления выражения, отключение HTML-кодирования, манипулирование шаблонами из обработчиков событий, изменение данных, используемых шаблоном.

Тема 12. Работа с формами.

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

Тема 14. Использование AJAX.

Использование прямых методов Ajax, выполнение GET-запросов Ajax, выполнение POST-запросов Ajax, указание ожидаемого типа данных, коварная ловушка при работе с Ajax,
использование вспомогательных методов для работы с конкретными типами данных, получение HTML-фрагментов, получение и выполнение сценариев, получение данных в формате JSON,
использование подключаемого модуля Ajax Forms. Создание простого Ajax-3anpoca средствами низкоуровневого API. Задание URL-адреса запроса, создание POST-запроса,
работа с событиями Ajax, обработка успешных запросов, обработка ошибок, обработка завершенных запросов, настройка параметров запросов перед их отправкой. Задание нескольких обработчиков событий, настройка контекста для событий, использование глобальных событий Ajax, управление глобальными событиями, настройка базовых параметров А)ах-запросов,
задание тайм-аутов и заголовков, отправка данных в формате JSON на сервер, использование дополнительных конфигурационных параметров, создание синхронных запросов,
игнорирование данных, оставшихся неизменными, обработка кода ответа, предварительная очистка ответных данных, управление преобразованием данных, настройка и фильтрация Аjах-запросов, определение параметров, используемых по умолчанию. Фильтрация запросов.

Тема 15. Расширение jQuery с помощью собственных модулей.

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

Тема 16. Замечательные, мощные и практичные расширения.

Form Plugin. Получение значений элементов формы. Очистка и сброс значений в элементах формы. Отправка формы с применением технологии AJAX. Выгрузка файлов. Dimensions Plugin. Улучшенные методы width и height. Определение размеров прокручиваемых областей, смещение и позиция. LiveQuery Plugin. Упреждающая установка обработчиков событий. Определение обработчиков событий начала и конца периода соответствия. Принудительный запуск обработчиков Live Query. Введение в UI Plugin. Взаимодействие с мышью, визуальные компоненты и эффекты.

Чтобы забронировать место, пишите прямо сейчас:

Viber / What’s App: +7 (925) 359-2011

E-mail: vicfrommogilev@gmail.com

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

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