Как HTML-верстальщику поднять свой уровень

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

Я собрал советы, которые помогут вам найти свой путь до уровня профессионала.

Решайте практические задания

Верстайте макеты

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

Задавайте вопросы и общайтесь

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

Продолжайте учиться

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

Подборки

Рассылки

Блоги

Уроки

Книги

Копируйте, не подглядывая в код

Отличная практика на креативное мышление. Например, вы зашли на сайт и увидели интересную анимацию или нестандартно сверстанный блок. Перед тем как посмотреть как это реализовано, попробуйте сами реализовать то же самое. Цель — добиться максимальной схожести (внешний вид и поведение).
Такие практики вносят разнообразие в повседневную жизнь, что не даст вам перегореть на работе.

Верстайте один блок разными способами

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

Изучайте исходный код фреймворков и библиотек

Bootstrap, Foundation и другие — настоящий клад для начинающего. В них реализованы популярные компоненты и решены сотни кроссбраузерных проблем. Изучайте исходный код этих проектов и адаптируйте решения для своей работы.

Исправляйте ошибки на сайтах, которыми пользуетесь

Если вы нашли неприятный баг на сайте, попробуйте исправить его. Сообщите в обратную связь об ошибке и о вашем решении, если вы нашли его.
Это будет полезный опыт работы с чужим кодом и плюс в карму :)

Найдите единомышленника одного с вами уровня

Будет отлично, если человек из одного с вами города и вы сможете время от времени встречаться. Делитесь опытом, решайте вместе разные задачи, помогайте с проблемами в работе, практикуйте парное программирование. Кроме того, что вы будете быстрее расти, вы научитесь взаимодействовать с другими разработчиками. И шанс, что вы забросите верстку из-за сложностей, стремится к нулю.

Найдите наставника

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

Ведите блог

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

Плюсы ведения блога:

  • максимально пропускаете материал через себя и начинаете хорошо разбираться в теме;
  • улучшается навык донесения своих мыслей и структурирования материала;
  • вас начинают узнавать в “тусовке”;
  • повышается “вес” в глазах клиентов.

Работайте над своим проектом

Найдите проблему, которая касается лично вас и попробуйте решить ее. Это может быть что угодно. Например, скрипт, который автоматизирует рутинные операции и экономит вам 10 минут в день или набор сниппетов для быстрой верстки.
Работа над своим проектом выведет вас на новый уровень, потому что вы будете и разработчиком и “клиентом” в одном лице. Вы научитесь отсекать лишний функционал и концентрироваться только на важном. После того как первая версия будет готова и будет решать задачу, расскажите людям о ней. Это будут ваши первые пользователи, чей фидбек очень важен. А еще, это очень хорошая возможность экпериментировать с технологиями.

Заключение

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

Много работайте, жадно учитесь и учите других.


Изначально, эта статья была написана для HTML-верстальщиков, но некоторые советы, на мой взгляд, универсальны и могуть быть применимы в других профессиях.