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. Базовая верификация. Расширенная верификация. Расширенные сообщения об ошибках.

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

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

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

Обучение проводится с 17.40 до 20.20.

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