Программа раскрывает JavaScript как фундаментальную технологию веб-интерфейсов. Обучение охватывает базовые и продвинутые концепции языка — от управления DOM и обработки событий до модульной архитектуры, прототипного наследования, асинхронного программирования и взаимодействия с внешними API. Особое внимание уделяется практическому применению знаний: вы научитесь писать чистый, понятный и надёжный код для современных браузеров.
Занятия проходят в персональном онлайн-формате, что позволяет преподавателю гибко адаптировать программу под ваш уровень, задачи и цели. После завершения курса вы сможете уверенно разрабатывать интерактивные пользовательские интерфейсы и подготовитесь к изучению фреймворков, таких как React.js.
Документ по окончании
📜 Удостоверение о повышении квалификации – для слушателей с высшим или средним профессиональным образованием.
📜 Сертификат о прохождении обучения – для всех остальных участников.
Содержание
- 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 — от базового синтаксиса до работы с API
- Уверенность в коде — учитесь не только писать, но и отлаживать и улучшать
- Подготовка к React и работе с backend — хорошая база для дальнейшего роста
Целевая аудитория
- Начинающие frontend-разработчики
- Веб-дизайнеры, осваивающие программирование
- Школьники и студенты, готовящиеся к поступлению или собеседованию
- Все, кто хочет научиться писать интерактивные веб-приложения