Frontend-разработка

Что делает фронтендер

Превращает макет в код, который одинаково работает в разных браузерах и на разных экранах. Подключает данные с сервера. Делает интерактив: фильтры, всплывающие окна, проверку полей формы. Следит за скоростью загрузки и доступностью.

Из чего состоит работа

Разметка страницы, стили, программирование поведения. На простых сайтах этого достаточно. На сложных подключают библиотеки и фреймворки, чтобы не собирать вручную интерфейс с сотнями состояний.

Почему это влияет на деньги

Скорость загрузки и удобство прямо связаны с конверсией. Одна и та же страница, свёрстанная аккуратно и небрежно, отличается по времени открытия в несколько раз. Тяжёлые шрифты, неоптимизированные картинки и лишние скрипты это типичная причина потерь.

Как оценить качество

Откройте сайт на слабом телефоне и медленном интернете. Проверьте, работает ли навигация с клавиатуры и видно ли фокус. Посмотрите, не съезжает ли вёрстка на промежуточных ширинах экрана. Это доступно без технических знаний.

Сколько стоит

Вёрстка страницы от восьми до сорока тысяч в зависимости от сложности и анимации. В смете это обычно отдельная строка после дизайна. Сложный интерфейс с фильтрами и состояниями считается по времени, а не по числу страниц.

Что передают заказчику

Исходный код в репозитории с доступом на вашу компанию, сборку и инструкцию по развёртыванию. Верстка, отданная одним архивом без истории изменений, усложняет передачу другому подрядчику.

Про библиотеки

Каждая подключённая библиотека это вес страницы и обязанность её обновлять. Сайт услуг обычно не требует тяжёлых фреймворков, и их появление в смете стоит обсудить: иногда это удобство команды, а не необходимость проекта.