Frontend-разработчик корпоративного портфолио

Что за роль

Нужно создать одностраничный корпоративный сайт-портфолио на чистых HTML5, CSS3 и JavaScript, без тяжёлых фреймворков. Важны аккуратная визуальная подача, корректная работа на разных размерах экранов и оптимизация скорости. Исходный код должен быть структурированным и понятным для дальнейшего редактирования.

Что предстоит делать

• Сверстать секции Home, About, Skills, Projects и Contact в едином одностраничном потоке.
• Реализовать навигацию с плавной прокруткой к разделам.
• Добавить ненавязчивые эффекты появления секций при прокрутке, чтобы анимация работала плавно.
• Адаптировать сетки на Flexbox или CSS Grid и настроить медиазапросы для мобильных устройств, планшетов и больших экранов.
• Оптимизировать изображения и другие ресурсы, сохранить CSS и JavaScript компактными.
• Проверить отображение в современных браузерах и на устройствах с сенсорным экраном, включая ширины 360, 768 и 1440 пикселей.
• Подготовить исходники HTML, CSS, JavaScript и необходимые материалы, краткий README со структурой проекта и инструкцией по обновлению контента, а также готовый к размещению пакет.
• Проверить результат по Lighthouse на мобильных устройствах и валидатору W3C: целевой показатель производительности — 90+, без критических ошибок разметки.

Что потребуется

• Практические навыки HTML5, CSS3 и JavaScript; допускается современный синтаксис ES6+.
• Умение создавать адаптивные интерфейсы с Flexbox, CSS Grid и медиазапросами.
• Понимание принципов оптимизации ресурсов и производительности веб-страниц.
• Навыки работы с корпоративной визуальной подачей, типографикой и базовыми элементами фирменного стиля.
• Умение оформлять структурированный, комментированный код и краткую техническую документацию.

Что важно знать

Это проектная задача с конкретными критериями приёмки: адаптивность на трёх заданных ширинах, плавные анимации, целевой Lighthouse score и проверка HTML-разметки. Заказчик готов предоставить брендовые материалы или уточнить визуальное направление при необходимости; стоимость указана в индийских рупиях.