- Зарплата
- до 24 000 ₽
Верстка сайта (одна страница из PSD)
Оценка ИИХороший проект для фрилансера или начинающего специалиста. Четкое ТЗ и адекватная оплата за одну страницу, однако формат PSD и отсутствие фреймворков могут потребовать чуть больше времени на рутинные задачи.
Сформировано ИИ автоматически. Не является проверкой вакансии или работодателя.
Улучшите резюме под эту вакансию
Возьмём требования и создадим новую версию резюме с акцентом на нужный опыт
Сложность вакансии
Оценка ИИПроект представляет собой классическую задачу по верстке одной страницы. Основная сложность заключается в требовании 'чистой' верстки без фреймворков и самостоятельной реализации адаптивности, но объем работы небольшой.
Сформировано ИИ автоматически. Не является проверкой вакансии или работодателя.
Анализ зарплаты
Оценка ИИПредложенная сумма до 24 000 рублей за верстку одной страницы является рыночной и даже выше среднего для разовых заказов на фрилансе, где средний чек за подобный объем варьируется от 10 до 20 тысяч рублей.
Сформировано ИИ автоматически. Не является проверкой вакансии или работодателя.
Сопроводительное письмо
Составьте сопроводительное письмо под эту вакансию с вашим резюме
Контакты для отклика
Откройте контакты, указанные в вакансии.
Описание вакансии
Верстка сайта
Что нужно сделать?
Сверстать одну страницу из дизайн-макета.
- Дизайн-макет в PSD.
- Верстка валидная, кроссбраузерная.
- Верстка чистая без использования фреймворков.
- Верстка адаптивная. Версии адаптива под меньшее, чем десктоп, разрешение – на усмотрение верстальщика. Главное требование – весь текстовой контент должен быть виден на всех разрешениях. Графика – по возможности. Отображение верхнего меню – на усмотрение верстальщика.
- В верхней части страницы – слайдер из 4 слайдов (графика + текст). Скрипт слайдера – на усмотрение верстальщика. Слайды меняются автоматически + возможность ручного переключения (точки внизу). Заголовок в слайдере в
7. Все кнопки «Подробнее» и «Заказать звонок» - якорь на блок с формой в подвале. 8. Все кнопки с номером телефона – ссылка на звонок. 9. При наведении на кнопки – выворотка: смена цвета фона и текста. 10. Заголовки блока в 11. Блок «Кейсы» - прокрутка дивов вправо и влево кликом на кнопки. Всего 5 блоков. При наведении на блок – смена заливки. При клике на блок открывается модальное окно (в макете). 12. Формообработчик внизу страницы («Закажите бесплатную консультацию») после успешной отправки формы – переадресация пользователя на страницу /ok.html 13. В блоке «Стоимость» - ссылка на модальное окно (в макете). После успешной отправки формы в модальном окне появляется текст со ссылкой. Цена: до 24000₽ Откликнуться #верстка #фриланс
Создайте идеальное резюме с помощью ИИ-агента
Навыки
- HTML5
- CSS3
- JavaScript
- Adaptive Design
- Cross-browser Compatibility
- Adobe Photoshop
Возможные вопросы на собеседовании
Важно убедиться, что кандидат понимает, как сделать сайт удобным на мобильных устройствах без готовых сеток.
Каким образом вы планируете реализовывать адаптивность без использования CSS-фреймворков (Bootstrap, Tailwind и т.д.)?
В ТЗ указано использование нативного кода. Нужно понять, какой инструмент выберет исполнитель.
Какую библиотеку или подход вы используете для создания слайдера, чтобы он оставался легким и соответствовал требованию 'чистой верстки'?
Проверка базовых знаний семантики и стандартов.
Что для вас означает понятие 'валидная верстка' и какими инструментами вы пользуетесь для её проверки?
В проекте есть формы и модальные окна. Важно понять навыки работы с DOM.
Как вы реализуете открытие модальных окон и обработку отправки формы с последующим редиректом на JS?
Макет предоставлен в устаревшем формате PSD.
Есть ли у вас опыт работы с макетами в формате PSD и какими инструментами вы пользуетесь для экспорта графики из них?
Сформировано ИИ автоматически. Не является проверкой вакансии или работодателя.
