В прошлом совете я рассказал, с чего начать. Сегодня расскажу, на что обратить внимание, когда рука уже набита.

Продолжайте изучать технологии

Базовые знания ХТМЛ и ЦСС позволят верстать простые сайты. Но чтобы сделать всплывающее окно, понадобится Яваскрипт, а чтобы сделать его появление плавным, придётся углубиться в ЦСС и понять, как работают анимации.

Интересуйтесь смежными сферами

Чтобы стать хорошим верстальщиком, одной вёрстки недостаточно. Важно понимать, что происходит в смежных сферах.

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

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

Хороший верстальщик также знает, как работают сайты, отличает ДНС от ХТТП, кегль от интерлиньяжа, и понимает, для чего нужен неразрывный пробел нулевой ширины.

Следите за развитием технологий

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

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

Дебаг и автоматизация

Самый важный инструмент веб-разработчика — Chrome DevTools. С помощью него можно поэкспериментировать с вёрсткой прямо в браузере, посмотреть, что происходит на странице, какие стили применились, разобраться, почему тормозит сайт, куда делась пропавшая картинка.

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

Для совместной работы над проектом следует использовать Гит. Он умеет объединять изменения от нескольких разработчиков, даже если они работали в одном файле. А ещё он хранит историю всех изменений, и в случае поломки всегда можно восстановить работающую версию сайта.

Сверяйтесь с компасом

Вёрстка — это крутой инструмент, но сам по себе он приносит меньше пользы, чем в комбинации с какими-то смежными знаниями. Если интересует программирование, поднажмите на Яваскрипт и другие языки. Если интересует дизайн, то можно сместиться туда, обладая лучшим инструментом прототипирования — вёрсткой.

Успехов!