Программа ориентирована на освоение продвинутых возможностей языка JavaScript, используемых в современной фронтенд-разработке. В процессе обучения рассматриваются особенности работы с переменными, массивами, объектами, DOM и событиями, а также реализуются взаимодействия с сервером через API и AJAX. Дополнительно изучаются возможности jQuery, модули ES6, методы работы с хранилищем данных и принципы асинхронного программирования.
Занятия проводятся в онлайн-формате в составе учебной группы, по заранее утверждённому расписанию. Каждая тема сопровождается теоретическим разбором, демонстрацией примеров и практическими упражнениями с обратной связью от преподавателя. Обучение завершается выполнением финального проекта.
Документ по окончании
📜 Удостоверение о повышении квалификации – для слушателей с высшим или средним профессиональным образованием.
📜 Сертификат о прохождении обучения – для всех остальных участников.
Содержание
- 6 модуля
- 40 уроков
- 40 часов
- Блок 1. Продвинутая работа с JavaScript8
- 1.1Глубже в JavaScript: продвинутая работа с переменными и типами данных
- 1.2Практическая работа №1. Исследование типов данных и областей видимости
- 1.3Callback-функции и функциональное программирование
- 1.4Практическая работа №2. Работа с callback-функциями
- 1.5Работа с массивами: продвинутые методы
- 1.6Практическая работа №3. Фильтрация и сортировка данных в массиве
- 1.7Объекты, прототипное наследование и классы
- 1.8Практическая работа №4. Создание классов и работа с объектами
- Блок 2. Взаимодействие JavaScript с браузером6
- 2.1. DOM-дерево и его манипуляция
- 2.2Практическая работа №5. Динамическое изменение веб-страницы с помощью JS
- 2.3Работа с событиями в браузере
- 2.4Практическая работа №6. Добавление обработчиков событий на страницу
- 2.5Анимации и стилизация элементов через JavaScript
- 2.6Практическая работа №7. Создание динамической анимации на JS
- Блок 3. Введение в jQuery6
- 3.1Основы jQuery: подключение и селекторы
- 3.2Практическая работа №8. Работа с селекторами jQuery
- 3.3События в jQuery
- 3.4Практическая работа №9. Работа с событиями в jQuery
- 3.5Эффекты и анимации в jQuery
- 3.6Практическая работа №10. Добавление анимаций с jQuery
- Блок 4. AJAX, работа с данными и API6
- 4.1Работа с AJAX и JSON в JavaScript
- 4.2Практическая работа №11. Запрос данных с API и их отображение на странице
- 4.3AJAX-запросы в jQuery
- 4.4Практическая работа №12. Получение данных с сервера через AJAX
- 4.5Работа с localStorage и sessionStorage
- 4.6Практическая работа №13. Реализация локального хранения данных
- Блок 5. Оптимизация и интеграция кода6
- 5.1Работа с модулями ES6
- 5.2Практическая работа №14. Подключение и работа с модулями
- 5.3Работа с асинхронными операциями (Async/Await)
- 5.4Практическая работа №15. Написание асинхронного запроса к API
- 5.5Ошибки и их обработка в JavaScript
- 5.6Практическая работа №16. Обработка ошибок в JavaScript
- Блок 6. Итоговый проект8
- 6.1Оптимизация кода и рефакторинг
- 6.2Практическая работа №17. Рефакторинг и оптимизация JS-кода
- 6.3Взаимодействие фронтенда и бэкенда
- 6.4Практическая работа №18. Создание взаимодействия между клиентом и сервером
- 6.5Итоговая валидация и тестирование кода
- 6.6Практическая работа №19. Финальная отладка проекта
- 6.7Итоговый проект по frontend-разработке
- 6.8Практическая работа №20. Финальный проект
Требования
- Владение базовыми навыками HTML и CSS
- Понимание принципов клиентской разработки
- Установленная среда разработки (рекомендации предоставляются в начале курса)
- Доступ к стабильному интернету
Особенности
- Освоение JavaScript с нуля до уверенного уровня применения
- Практика взаимодействия с DOM и создания динамических интерфейсов
- Изучение работы с событиями, анимацией, локальным хранилищем и модулями
- Освоение jQuery, AJAX и взаимодействия с внешними API
- Использование современных подходов: ES6, Async/Await, обработка ошибок
- Выполнение итогового проекта с полным циклом отладки
- Возможность пройти обучение индивидуально с преподавателем
Целевая аудитория
- Начинающие frontend-разработчики
- Студенты и выпускники технических специальностей
- Специалисты, желающие углубить знания JavaScript
- Веб-дизайнеры, планирующие перейти к программированию интерфейсов