Курс подходит
- Новичкам, планирующим первую работу в IT
- Самоучкам, собирающим доказательное портфолио
- Специалистам, систематизирующим профессиональные навыки
Практические профессии
Онлайн-курс «Frontend-разработчик»
Подготовиться к работе frontend-разработчиком. Обучение построено вокруг практики и завершается самостоятельной итоговой работой.
Итоговый результат: production SPA с тестами и CI.
12 модулейот основ до проекта
33–45 часовв удобном темпе
Автопроверкаобратная связь сразу
Сертификатс проверкой подлинности
О программе
Кому подойдёт курс и чему вы научитесь
Практические навыки
- Разбирать «Семантический HTML и доступность» на практическом примере
- Проектировать «Современный CSS и архитектура стилей» на практическом примере
- Применять «JavaScript и браузер» на практическом примере
- Проверять «TypeScript» на практическом примере
- Сравнивать решения для «React и компоненты» на практическом примере
- Объяснять результат по теме «Маршрутизация и состояние» на практическом примере
Программа обученияМодуль 1 · Основа Модуль 2 · Основа Модуль 3 · Основа Модуль 4 · Сборка Модуль 5 · Сборка Модуль 6 · Сборка Модуль 7 · Сборка Модуль 8 · Сборка Модуль 9 · Проверка и усиление Модуль 10 · Проверка и усиление Модуль 11 · Проверка и усиление Модуль 12 · Защита
Что вы изучите и создадите
Каждый модуль объясняет отдельную тему простыми словами и закрепляет её практикой.
Семантический HTML и доступность
«Семантический HTML и доступность» простыми словами — это умение собрать основной пользовательский сценарий и проверить его на узком экране, с клавиатуры и при ошибке.
Современный CSS и архитектура стилей
«Современный CSS и архитектура стилей» простыми словами — это умение выделить сущности, границы и связи, затем проверить схему на основном и аварийном сценариях.
JavaScript и браузер
«JavaScript и браузер» простыми словами — это умение решить рабочую задачу и оформить воспроизводимое доказательство личного вклада. Мы превращаем выполненную задачу в доказательство навыка, которое может проверить другой специалист.
TypeScript
«TypeScript» простыми словами — это умение решить рабочую задачу и оформить воспроизводимое доказательство личного вклада. Мы превращаем выполненную задачу в доказательство навыка, которое может проверить другой специалист.
React и компоненты
«React и компоненты» простыми словами — это умение решить рабочую задачу и оформить воспроизводимое доказательство личного вклада. Мы превращаем выполненную задачу в доказательство навыка, которое может проверить другой специалист.
Маршрутизация и состояние
«Маршрутизация и состояние» простыми словами — это умение решить рабочую задачу и оформить воспроизводимое доказательство личного вклада. Мы превращаем выполненную задачу в доказательство навыка, которое может проверить другой специалист.
API и обработка ошибок
«API и обработка ошибок» простыми словами — это умение зафиксировать контракт, реализовать успешный обмен и обработать таймаут, повтор и некорректный ответ. Мы превращаем выполненную задачу в доказательство навыка, которое может проверить другой специалист.
Тестирование интерфейса
«Тестирование интерфейса» простыми словами — это умение задать наблюдаемое поведение, подготовить репрезентативные случаи и сравнить ожидаемый результат с фактическим.
Производительность и Core Web Vitals
«Производительность и Core Web Vitals» простыми словами — это умение решить рабочую задачу и оформить воспроизводимое доказательство личного вклада. Мы превращаем выполненную задачу в доказательство навыка, которое может проверить другой специалист.
Git-flow и code review
«Git-flow и code review» простыми словами — это умение решить рабочую задачу и оформить воспроизводимое доказательство личного вклада. Мы превращаем выполненную задачу в доказательство навыка, которое может проверить другой специалист.
CI и публикация
«CI и публикация» простыми словами — это умение собрать воспроизводимый путь поставки, автоматизировать проверки и отработать безопасный откат. Мы превращаем выполненную задачу в доказательство навыка, которое может проверить другой специалист.
Защита frontend-проекта
«Защита frontend-проекта» простыми словами — это умение решить рабочую задачу и оформить воспроизводимое доказательство личного вклада. Мы превращаем выполненную задачу в доказательство навыка, которое может проверить другой специалист.
Результат
production SPA с тестами и CI
По ходу курса ученик выполняет практические задания, проверяет себя и постепенно готовит итоговую работу.
Что нужно знать до начала
Нужны базовые навыки инструментов, перечисленных в программе. Перед началом пройдите вводные курсы по незнакомым технологиям. Курс не вводный: желательно заранее выполнить небольшой проект по этой теме.
Инструменты курса
HTML, CSS, TypeScript, React, Git, CI
Формат
Теория простыми словами, разобранный пример, практика, автопроверка и итоговый проект
Можно начать сразу
Начать обучение →Перейдите от программы к практике
Доступ ко всем модулям, автопроверке и сертификату — 49 900 ₽.
Ответы на вопросы
Подойдёт ли курс новичку?
Это не вводный курс. Перед началом желательно: Нужны базовые навыки инструментов, перечисленных в программе. Перед началом пройдите вводные курсы по незнакомым технологиям. Курс не вводный: желательно заранее выполнить небольшой проект по этой теме..
Как проверяются задания?
Система проверяет текст ответа по критериям урока и короткий тест. Код, сайт или другой результат ученик прикладывает как доказательство: система оценивает объяснение, но не запускает проект автоматически.
Когда я получу сертификат?
Именной сертификат освоения основной части программы автоматически выпускается после зачёта 80% модулей. В нём указано, сколько модулей пройдено; обучение можно продолжить до 100%.