Курс подходит
- Новичкам в создании сайтов
- Дизайнерам и контент-специалистам, расширяющим навыки
- Разработчикам, которым нужен законченный веб-проект
Веб-разработка
Онлайн-курс «Инженерия производительности веб-приложений»
Находить и устранять реальные причины медленной загрузки и взаимодействия. Обучение построено вокруг практики и завершается самостоятельной итоговой работой.
Итоговый результат: оптимизированное приложение с performance budget, измерениями и защитой от регрессий.
12 модулейот основ до проекта
33–45 часовв удобном темпе
Автопроверкаобратная связь сразу
Сертификатс проверкой подлинности
О программе
Кому подойдёт курс и чему вы научитесь
Практические навыки
- Разбирать «Модель загрузки страницы» на практическом примере
- Проектировать «Лабораторные и полевые данные» на практическом примере
- Применять «LCP» на практическом примере
- Проверять «INP» на практическом примере
- Сравнивать решения для «CLS» на практическом примере
- Объяснять результат по теме «Сеть и кеширование» на практическом примере
Программа обученияМодуль 1 · Основа Модуль 2 · Основа Модуль 3 · Основа Модуль 4 · Сборка Модуль 5 · Сборка Модуль 6 · Сборка Модуль 7 · Сборка Модуль 8 · Сборка Модуль 9 · Проверка и усиление Модуль 10 · Проверка и усиление Модуль 11 · Проверка и усиление Модуль 12 · Защита
Что вы изучите и создадите
Каждый модуль объясняет отдельную тему простыми словами и закрепляет её практикой.
Модель загрузки страницы
«Модель загрузки страницы» простыми словами — это умение выделить сущности, границы и связи, затем проверить схему на основном и аварийном сценариях. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
Лабораторные и полевые данные
«Лабораторные и полевые данные» простыми словами — это умение определить единицу наблюдения и качество исходных данных, выполнить расчёт и проверить вывод независимым способом.
LCP
«LCP» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
INP
«INP» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
CLS
«CLS» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
Сеть и кеширование
«Сеть и кеширование» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
Изображения и шрифты
«Изображения и шрифты» простыми словами — это умение подготовить маленький набор изображений, выполнить одно преобразование или предсказание и вручную разобрать ошибки.
JavaScript и main thread
«JavaScript и main thread» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
Рендеринг
«Рендеринг» простыми словами — это умение проверить, какой HTML и статус получает робот, затем исправить рендеринг, метаданные и внутренние ссылки. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
RUM
«RUM» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
Performance budget и CI
«Performance budget и CI» простыми словами — это умение собрать воспроизводимый путь поставки, автоматизировать проверки и отработать безопасный откат. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
Итоговая оптимизация
«Итоговая оптимизация» простыми словами — это умение связать смысл страницы с действием пользователя и проверить все состояния интерфейса. Мы превращаем смысл и действия пользователя в интерфейс, который остаётся понятным на любом устройстве.
Результат
оптимизированное приложение с performance budget, измерениями и защитой от регрессий
По ходу курса ученик выполняет практические задания, проверяет себя и постепенно готовит итоговую работу.
Что нужно знать до начала
Уметь работать с файлами и браузером. Если курс посвящён отдельной веб-технологии, пригодятся основы HTML, CSS и JavaScript. Курс не вводный: желательно заранее выполнить небольшой проект по этой теме.
Инструменты курса
Chrome DevTools, Lighthouse, WebPageTest, RUM, JavaScript profiling
Формат
Теория простыми словами, разобранный пример, практика, автопроверка и итоговый проект
Можно начать сразу
Начать обучение →Перейдите от программы к практике
Доступ ко всем модулям, автопроверке и сертификату — 21 900 ₽.
Ответы на вопросы
Подойдёт ли курс новичку?
Это не вводный курс. Перед началом желательно: Уметь работать с файлами и браузером. Если курс посвящён отдельной веб-технологии, пригодятся основы HTML, CSS и JavaScript. Курс не вводный: желательно заранее выполнить небольшой проект по этой теме..
Как проверяются задания?
Система проверяет текст ответа по критериям урока и короткий тест. Код, сайт или другой результат ученик прикладывает как доказательство: система оценивает объяснение, но не запускает проект автоматически.
Когда я получу сертификат?
Именной сертификат освоения основной части программы автоматически выпускается после зачёта 80% модулей. В нём указано, сколько модулей пройдено; обучение можно продолжить до 100%.
Полезные материалы