Курс: JavaScript. Уровень 2. Расширенные возможности

Продолжительность курса: 40 ак. ч.

Описание курса:
Данный курс посвящен принципам и приемам взаимодействия с HTML-документом средствами языка JavaScript. В рамках курса рассматриваются встроенные в браузер объекты, которые помогут реализовать повышенную интерактивность и функциональность сайта, работа с объектами формы и реализация валидации пользовательского ввода, генерация и изменение разметки страницы, а также событийная модель JavaScript

Цели курса:
• Понимать возможности JavaScript в среде веб-браузеров
• Управлять браузерами и элементами HTML-страниц с помощью JavaScript

Аудитория:
Курс предназначен для начинающих web(front-end)-разработчиков, которые хотят научиться реализовывать взаимодействие пользователя с компонентами сайта средствами языка JavaScript, а также познакомиться с функционалом, который предлагает язык для работы с возможностями браузера

Программа курса:
Модуль 1. Углубленная работа с функциями
• Методы apply, call, bind
• Замыкания
• Рекурсия
• Функции высшего порядка
• Каррирование

Модуль 2. Методы массивов
• Методы map, filter, reduce
• Остальные методы

Модуль 3. Объектная модель браузера
• Введение в BOM/DOM
• Событийные HTML-атрибуты
• Таймеры и requestAnimationFrame
• Интерфейсы
• Поиск элементов и коллекции

Модуль 4. DOM
• Document Object Model (DOM)
• Типы узлов
• Связи между объектами
• Свойства и методы интерфейсов Document, Свойства и методы интерфейса Element
• Свойства и методы интерфейса Node
• Обход набора/коллекции
• Клонирование шаблона
• Работа с CSS: свойство style и classList
• Метод getBoundingClientRect()
• Работа с элементами формы

Модуль 5. События
• Наборы и модели событий
• Назначение обработчиков
• Получение ссылки на событие
• Отмена действия по умолчанию
• Отмена всплытия события
• Делегирование
• Собственные события

Модуль 6. Практическая работа

Модуль 7. Введение в асинхронный JS
• Promise
• async/await
• Введение в Fetch API

Модуль 8. Введение в модули и Node.js
• Что такое модули
• Импорт/экспорт
• Что такое Node.js
• Запуск скриптов
• Пакетный менеджер npm

Модуль 9. Тестирование и сборка
• Введение в тестирование
• Установка и настройка Jest.js
• Написание и запуск тестов
• Установка Parsel.js
• Настройка сборки

Модуль 10. Практическая работа