Как быть начинающему верстальщику?

Как быть начинающему верстальщику?

Автор: Сергей Усачев 15 Сентября 2017 23

Зачастую верстку считают чем-то вроде псевдопрограммирования или не принимают за программирование вовсе. Такое случается из-за недопонимания задач и возможностей верстки. Однако здесь, как и в музыке, из семи нот может сложиться как Токката Баха, так и всеми любимая «О боже, какой мужчина!».

Как быть начинающему верстальщику?

Верстальщик – тот же программист, но с немного иным ответвлением специализации, своими целями, задачами и трудностями.

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

Проанализируйте макет перед тем как верстать

Обязательно заложите 1–3 часа (в зависимости от сложности) в свой временной пул на анализ. Пообщайтесь с дизайнером, если вдруг вы заметили несостыковки и косяки: неровное расположение элементов, разные отступы и т. д. Это поможет избежать в будущем переделываний (хоть они вызваны и не вашими ошибками) и очередных затрат сил и времени.

Усвоите и вдолбите себе принцип DRY – Do not Repeat Yourself. Выделите какие-то общие закономерности в работе, чтобы избежать «повторений себя и своих ошибок».

Свет мой, Google, подскажи

Google знает практически все!

Как быть начинающему верстальщику?

Зачастую, когда приходят вопросы от студентов, я вбиваю их в Google и даю первую-вторую ссылку. В редких случаях вопросы «не гуглятся» и действительно требуют опыта и навыков, чтобы постичь ответ.

Почти железное правило: все, что ищется, найдется в англоязычном сегменте статей и ресурсов. Да, практически все айтишники знаю английский в той или иной мере – без этого просто никак. Так что, если вы вдруг не практикуете иностранный дальше «London is a capital of GB», есть смысл его подтянуть.

Погружайтесь в чтение тематических ресурсов

Читайте личные и коллективные блоги профессионалов, новости в мире WebDev’а, статьи и т. д.

Небольшой список ресурсов для старта:

  • «Хабрахабр»,
  • блоги Леи Веру,
  • блог Гарри Робертса,
  • журнал A list apart,
  • сайт CSS-Tricks.

Без практики много не накодишь

Даже если вы не работаете с версткой профессионально и пока не планируете начинать, можно взять бесплатные psd-шаблоны и на досуге сверстать парочку. Это может стать не просто хорошей практикой, не обременяющей дедлайнами и обязательствами, но и первыми примерами в вашем портфолио (которое, как известно, смотрят в первую очередь).

Создавайте понятный и читаемый код

В реальности ваш код будет видоизменяться, дорабатываться и даже, может, начнет жить своей жизнью уже после того, как вы его завершите. Позаботьтесь о душевном состоянии другого, пусть даже и незнакомого вам, программиста, который столкнется с вашим кодом, не громоздите «костыли» и разномастные леса из символов.

comments powered by HyperComments

Вернуться к списку