Принципы хорошего: размышления фронтендера о хорошей верстке

Сегодня я позвал тебя, чтобы мы вместе постарались разобраться , что скрывается за чудным словом "верстка", почему важно уметь с ней работать, и как хороший верстальщик способен видеть будущее. А главная звезда сегодняшней статьи - Ислам. Middle+ фронт-разработчик студии Way11 и просто классный парень. Он поможет нам ответить на сегодняшние вопросы будет. Не будем тянуть кота за хвост. Погнали!

И для начала стоит разобраться - что же такое верстка. Комментарии Ислама: Вкратце, верстка - это процесс создания структуры и внешнего вида веб-страницы с использованием языков разметки (HTML) и стилей (CSS). Другими словами, верстка - это набор инструментов, из которых ты строишь визуальное оформление и структуру твоей веб-страницы. Все что видишь ты на странице, это ни что иное, как результат работы по верске. Основная цель верстки - создать пользовательский интерфейс, который будет привлекательным, удобным для использования и соответствующим бренду или концепции сайта. Важным аспектом работы верстальщика является умение создавать адаптивную верстку. Сайты должны быть доступными на различных устройствах, и верстальщик должен знать, как правильно адаптировать дизайн для разных экранов.

Отлично, теперь ты знаешь что такое верстка. Теперь важно обсудим почему так важно уметь с ней работать. Комментарии Ислама: Потому что это база. Не будет хорошей верстки, и можешь забыть о продуманной архитектуре. Твоя задача, как специалиста: не просто "сделать красиво", но и еще сделать эту красоту максимально корректно написанной, лаконичной и масштабируемой. Современный фронтенд хорош именно этим. Тем, что можно не писать кучу однотипного кода, а упростив все, тем, что подготовил хороший каркас.

Какими навыками по части верстки должен обладать хороший фронтендер? Нам осталось выяснить - что должно быть у разработчика, чтобы он мог назвать себя спецом-верстальщиком. Комментарии Ислама: Во-первых, он должен хорошо знать HTML и CSS и уметь применять их эффективно. Он должен быть внимательным к деталям и иметь хорошее чувство визуального оформления. Если ты хочешь называть себя профессионалом, то прежде чем внедрить что-то в оформление - ты должен подумать насколько это вообще удобно. Умение заглядывать в будущее и предугадывать желания пользователя - вот что позволяет тебе называться хорошим верстальщиком. Условная верстка кнопки - это не просто написать код и потом его повторять везде. В сложных системах это построение универсального компонента, в котором можно будет менять цвет, ориентацию, размер ОДНИМ атрибутом. Но не забываем, что верстка - это не только разметка, но также придача стилистики компоненту. Стили - это такое же море возможностей, которое позволяет, расширить вариативность отображения компонента.

Под конец решил узнать у Ислама, что он, как специалист, думает о проблемах в сфере веб-разработки. Головные мюсли Ислама: Количество фронтендеров с каждым днем увеличивается. И в 2023 сложно найти человека который в моменте не перескакивал на фреймворк. Фреймворки - безусловно круто. Процесс сокращается в разы и от многих рутинных задач мы избавляемся. И в то же время это проблема. Проекты становятся менее поддерживаемыми за счет непродуманной архитектуры, а самое неприятное что можно увидеть в таком фронте - это как раз-таки верстка. И проблема заключается в том, что часть разработчиков не тратит время на продумывание подхода, а относятся к верстке, как к чему-то, на чём можно схалтурить. И из этого вытекает другая проблема, а именно - большая прослойка тех, кто причисляют себя к разработчикам - в какой-то момент теряют стремление к развитию своих навыков. Они перестают тянуться к тому, чтобы стать лучше. Стагнируют. Это самая глобальная проблема, на мой взгляд. В развивающемся сообществе IT, все больше процент людей, интерес которых заключается исключительно на получении денег. Поэтому мне так нравится WAY11, здесь ценят за твои навыки, твои хард скиллы, мне круто находиться и работать в среде таких же горящих глазами ребят. Верстка требует к себе серьезного отношения, комплексного подхода и соблюдения целого ряда условий, которые нужны для получения максимально комфортного пользовательского опыта.