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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для успешного освоения программы курса необходимо иметь базовые навыки работы в операционной системе Windows или Mac OS. Получить необходимые знания можно на наших курсах Пользователь Microsoft Office, Компьютеры Apple Macintosh или самостоятельно. Также желательно иметь подготовку в объеме курса HTML5 и CSS3. Создание сайтов по стандартам W3C и Adobe Photoshop СC. Уровень 1. Основы растровой графики или аналогичную.

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

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

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

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

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

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

Стоимость курса при занятиях в группе составляет 10200 8160 рублей. Осуществлять предоплату не требуется, более того, вы имеете право бесплатно посетить первое занятие (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. Базовая верификация. Расширенная верификация. Расширенные сообщения об ошибках.

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