JavaScript и jQuery для веб-разработки

Основы профессионального написания и использования JavaScript-скриптов на сайте. Практические примеры использования библиотеки jQuery.

Представление о веб-программировании, изучение языка JavaScript, его специфики и особенностей без привязки к исполняемой среде

Профессиональное написание и использование JavaScript-скриптов на сайте

Динамическое модифицирование веб-страниц. Создание анимации

Работа с изображениями: сменяемые баннеры, фотогалереи, lightBox, анимированные слайд-шоу

Навигация: анимированные меню

Улучшение веб-форм: верификация и сообщения об ошибках

Продолжительность обучения: 44 академических часа

Дополнительно: 16 учебных часов самостоятельной работы — бесплатно!

Стоимость 10200 рублей СКИДКА ЗАПИСАТЬСЯ

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

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

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

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

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

Необходимая подготовка

Для успешного освоения программы курса необходимо иметь базовые навыки работы на компьютере. Получить необходимые знания можно на наших курсах Компьютер для работы, или самостоятельно. Кроме этого, требуется иметь подготовку в объеме курса HTML5 и CSS3. Создание сайтов по стандартам W3C или аналогичную.

Продолжительность курса и график занятий

Продолжительность курса при занятиях в группе составляет 44 учебных часа (1 учебный час равен 45 минутам). Кроме этого, каждый слушатель получает 16 часов бесплатного самостоятельного обучения в наших классах с использованием учебно-методических материалов Центра.

Обучение проводится в вечерних (с 17.40 до 20.20) группах. Обычно занятия проводятся 3 раза в неделю, конкретный график занятий определяется с учетом пожеланий слушателей на первом занятии. Время самостоятельной работы подбирается индивидуально с учетом возможностей клиента. При указанном расписании общая продолжительность курса составляет 4 недели.

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

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

Стоимость обучения и запись на курсы

Стоимость курса при занятиях в группе составляет 10200 рублей. Осуществлять предоплату не требуется, более того, вы имеете право бесплатно посетить первое занятие (4 учебных часа) и уже после этого принять решение о продолжении обучения и оплате занятий.

При индивидуальном обучении стоимость курса составляет до 14080 рублей.

Документ, подтверждающий прохождение курсов

По окончании обучения и после сдачи практических зачетов вы получите Сертификат по курсу JavaScript и jQuery для веб-разработчика.

Сертификат по курсу JavaScript и jQuery для веб-разработчика


Тема 1. Введение в Java Script.  Пишем первую программу на Java Script  /1 час/

Введение в программирование. Что такое компьютерная программа. Как добавить JavaScript на страницу. Внешние файлы JavaScript. Прикрепление внешнего файла JavaScript. 

Ваша первая программа на JavaScript. Написание текста на веб-странице. Вывод текста на экран. Вывод текста в консоль браузера.

Тема 2. Грамматика Java Script. Базовые типы /4 часа/

Базовые типы. Числа. Строки. Булевы значения. 

Переменные. Создание переменной. Использование переменных. Изменение значений в переменных. 

Работа с типами данных и переменными. Операторы для работы с числами. Операторы сравнения. Сравнение строк. Логические операторы.

Функции проверки типов. Объединение строк. Объединение чисел и строк. Манипуляции с типами. Приведение типов. Запрос информации.

Тема 3. Добавление в программу логики и контроля /4 часа/

Реализация повторяющихся задач с использованием циклов. Цикл While. Цикл For. Операторы инкремента и декремента. 

Интеллектуальная реакция программы. Основы условных выражений. Добавление альтернативного плана. Проверка истинности более одного условия. Проверка истинности как минимум одного условия. Отрицание условия. Вложение условных выражений. 

Прерывание и продолжение. Конструкция switch. 

Тема 4. Функции /3 часа/

Функции: превращение полезного кода в многократно используемые команды. Сообщение информации функциям. Возвращение информации от функций. Функция как значение переменной. 

Области видимости. Глобальные и локальные переменные. Анонимная функция. Рекурсия. 

Тема 5. Объекты и массивы /6 часов/

Объектный тип: объект. Свойства объекта. Обращение к свойствам объекта. Обнуление объекта. Цикл For/in. Сравнение объектов. Методы объекта. Переменная this в JavaScript: особенности использования. Объект arguments и свойство length. 

Массивы. Создание массива. Длина массива. Доступ к элементам в массиве. Перебор элементов массива. Добавление элементов в массив. Удаление элементов массива. Получение строки из массива. Получение части массива. Сложение массивов. Сортировка массива. 

Тема 6. Работа с объектами. Дата и время /3 часа/

Объект Math. Объект Number. Объект String. Преобразование строки в число. Получение части строки. Поиск по строке. Разбиение строки. 

Объект Date. Методы объекта Date. 

Тема 7. Глобальный объект Window /2 часа/

Понятие глобального объекта. Свойства и методы глобального объекта. 

Работа с окном: создание, перемещение, передача фокуса, закрытие. 

Тема 8. Динамическое модифицирование страниц /4 часа/

Объектная модель документа (DOM). Типы узлов. Методы узлов. Перемещение по DOM

Выбор элементов страницы: по идентификатору, по типу, по имени, по классам CSS. Добавление содержимого на веб-страницу. Создание, вставка и удаление узла. 

Таймеры. Создание анимации

Тема 9. События /2 часа/

Что такое события. События мыши. События документа/окна. События форм. События клавиатуры.

Обработка событий. Базовая модель событий. Модель W3C DOM. Модель старого Internet Explorer. 

Тема 10. Введение в jQuery. Селекторы и методы jQuery /2 часа/

О библиотеках JavaScript. Где взять jQuery. Загрузка файла jQuery. Добавление библиотеки jQuery на страницу.

jQuery и DOM. Выбор элементов страницы: подход jQuery. Функция jQuery. Структура HTML с точки зрения jQuery. Селекторы СSS и селекторы jQuery: различия и предназначение. 

Событие click(). Эффекты скольжения и изменения прозрачности в jQuery. Конкатенация и слияние данных. Использование методов append() и remove(). Ключевое слово this в jQuery: особенности использования.

Тема 11. События и функции jQuery /3 часа/

Действие/реакция. Связывание события с элементом. Удаление событий. Продвинутое управление событиями. Перебор элементов с помощью итератора each(). 

Использование функций. Структура функции. Пользовательские функции. Именованные и анонимные функции. Передача данных функции. Возвращение информации от функций. Условные конструкции в jQuery.

Тема 12. Операции со структурой страниц в jQuery /2 часа/

Назначение классов элементам. Перемещение по дереву DOM. Методы обхода дерева DOM. Методы parent(), child(), next(). Сцепленные вызовы методов.

Добавления содержимого на страницу. Чтение, установка и удаление атрибутов HTML. Методы detach(), before(), after(). Создание интерактивного меню. 

Массивы в jQuery. Хранение элементов в массиве. Изменение элементов массива методом replaceWith(). Метод each() и перебор массивов. Фильтры jQuery.

Тема 13. Анимация и эффекты /4 часа/

Эффекты jQuery. Как jQuery выполняет анимацию элементов. Основы отображения и сокрытия. Постепенное появление и исчезновение элементов. Эффекты изменения прозрачности. Скользящие элементы. Комбинированные эффекты. Задержка при использовании эффектов.

Пользовательские эффекты и метод animate(). Что можно анимировать. Абсолютная и относительная анимация. Методы работы с таймером JS и jQuery. 

Тема 14. Использование плагинов для расширения возможностей jQuery /3 часа/

Работа с изображениями. Изменение атрибута изображения src. Предварительная загрузка изображений. Сменяемые изображения.

Создание галереи изображений. Плагины LightBox, FancyBox, Cycle 2.

Тема 15. Введение в технологию API /2 часа/

Что такое программные интерфейсы API.

Сервис Google Maps. Загрузка карт Google Maps на сайт. Установка местоположения для карты. Другие настройки Google Maps. Добавление маркеров.

Тема 16. Улучшение веб-форм /4 часа/

Расширение возможностей jQuery с помощью библиотеки jQuery UI. 

Структура форм. Выбор элементов форм. Фильтры jQuery для форм. Построение календаря. Настройка виджета datepicker. Использование виджета button для создания стильных кнопок. Ограничение ввода числовых данных с помощью виджета slider.

Получение и ввод значений элементов форм. События формы. Фокус на выбранном поле формы. Выключение и включение полей.

Верификация формы. Плагин jQuery Validation. Базовая верификация. Расширенная верификация. Расширенные сообщения об ошибках.

Вернуться в начало раздела