Как стать верстальщиком?

Question

[Supertrinko]

Я бы хотел спросить, как стать верстальщиком в наши дни?
Я начинающий в сфере IT (так пишу, потому что считаю что прошёл вершину Глупости по Даннингу-Крюгеру и осознаю всю сложность). Я не знаю с чего начать, чтобы писать сносные и востребованные сайты.
Из освоенных пока что навыков:
Знаю HTML, CSS (да и вдруг что гугл в помощь по вопросам тегов)
Знаком с PHP и SQL, пару раз притрагивался к JS
Дальше сайтов на локалхосте с помощью XAMPP'а не прошёл, и не знаю как и куда развиваться чтобы начать писать нужные людям сайты. Поможете советом с чего начать, куда двигаться? Может стоит забить на HTML/CSS и работать с конструкторами по типу WordPress? Если да, то что с ним делать.

Для всего остального на всякий случай оставлю почту:
[e-mail]

Comments

[Михаил]

Чтоб стать верстальщиком нужно уметь верстать сайты, куда вам двигаться выбирать лишь вам, программирование большая сфера, пробуйте всё подряд

[strelok011]

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

[Вадим]

https://tproger.ru/articles/frontend-roadmap-2021/

[Ярослав Александров]

Самое надежное - идти в студию верстальщиком за шапку сухарей жуниором.

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

Поможете советом с чего начать, куда двигаться?

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

[Артем Золин]

Если действительно хотите работу, то нужно указывать в профиле контакты. У вашего вопроса 500 просмотров, может из этих людей кто-то хотел сделать вам предложение, а вы его упустили

[Supertrinko]

Aleksandr-JS-Developer, ну я об этом и говорю - я имел в виду усредненное качество выполнения требуемое заказчиком. То что я могу сделать сейчас выглядит криво - либо я рукожоп, либо с хреновой фантазией или пониманием что такое дизайн.

[Supertrinko]

Артем Золин, пожалуй оставлю почтовый ящик, может придёт чего что я смогу сделать или хотя бы набраться опыта

[Supertrinko]

Ярослав Александров, очень дельный совет, спасибо! Теперь главное заставить себя всё это найти. Да и в студио подаваться я даже не думал - ни опыта, ни времени, ни возможности работать фулл-тайм хотя бы удалённо, ну разве что парт-тайм или гибкий график - учёба всё таки

[Supertrinko]

strelok011, не имею сей возможности в связи с учёбой

[strelok011]

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

В случае самостоятельного изучения - действительно остается путь https://tproger.ru/articles/frontend-roadmap-2021/ или https://roadmap.sh/frontend

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

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

И еще важное уточнение: верстальщик - это почти половина фронтразработчика. Если научитесь ХОРОШО верстать, в дальнейшем из вас может получиться оч хороший фронт.
Сталкиваюсь регулярно с фронтами, которые перепрыгнули верстку и теперь результат их работы вызывает большое жжение пониже спины ) Хотя очень недурственно знают js.

[Ярослав Александров]

Supertrinko,

Теперь главное заставить себя всё это найти.

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

ну разве что парт-тайм или гибкий график - учёба всё таки

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

[Supertrinko]

Ярослав Александров, у меня в общем очень плохо с мотивацией и ленью - так что если я чего то хочу, приходится себя заставлять.

насчёт парт-тайма да, так и есть - без опыта разве что на физический труд или пахать как проклятый в студиях.
Однако я не уверен что в моём зажопинске такие есть

[Supertrinko]

strelok011, Да, вот именно! Именно по этой причине я здесь. Я не знаю вообще куда и как двигаться, что делать, как когда и зачем. В конечном итоге решился спросить совета здесь.

И еще важное уточнение: верстальщик - это почти половина фронтразработчика. Если научитесь ХОРОШО верстать, в дальнейшем из вас может получиться оч хороший фронт.

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

[strelok011]

Supertrinko, фронт верстает и пишет код на js. Сейчас оочень много функционала переносится на фронт. Верстальщик именно верстает с минимальным использованием js. Чем больше верстальщик знает js - тем больше он становится именно фронтом. Фронт пишет код преимущественно на js, всякие фреймворки типа реакта, ангуляра, vue, и верстка в них якобы стоит на втором плане. Проблемы всплывают, если фронт плохо умеет верстать и вся магия js рассыпается у клиента в браузере из-за этого.

Фронт обычно не занимается бэком, хотя сейчас популярна node.js, которая дает возможность писать бэк на js, но это уже для высокоуровневых специалистов, которым хочется стать фуллстэк разработчиками. Как по мне - знания не лишние, но если один человек пишет всё, проект будет просто медленно развиваться, и возможно скоро сдохнет, т.к. "лошадь" помрет из-за нагрузки )

[Supertrinko]

strelok011,

скоро сдохнет, т.к. "лошадь" помрет из-за нагрузки )

ахахахахаахахахах, это точно. Спасибо, понял! Я то уж вообще подумал что на фронте чисто дизайн а остальное на бекенде. Я так понимаю все красивые поп-апы, галлереи, выдвигающиеся табы и всё прочее - это магия js?

[strelok011]

Весь интерактив на морде - это js + css. Но js не только красивости. Это и бизнес-логика форм, всякие подгрузки данных по мере взаимодействия с пользователем и т.п.

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

Ну и, соответственно, для верстальщика это следующий шаг в обучении и проф росте.

[strelok011]

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

Answer 1

[Иван Медведев]

Надо практиковаться в верстке, освоить Git и выкладывать свои работы на Git pages.

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

Что касается WordPress - хорошее направление. Но, ценится то, когда ты сверстаешь дизайн, а потом натянешь эту верстку на WordPress. Тут нужны базовые знания php, с которыми вы уже знакомы.

Связка Верстка + WordPress = работа уже не за шапку сухарей, а за вполне хорошие деньги.

Comments

[Strannyk]

Git pages

Ну да, Git, GitHub - какая разница.

[Supertrinko]

Был бы очень рад получить от вас пару дизайнов

[Supertrinko]

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

[Иван Медведев]

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

[Иван Медведев]

Strannyk, Разница есть. Git - это система контроля версий, а GITHub - грубо говоря, хостинг для всех версий проекта

[Иван Медведев]

Supertrinko, макеты - это уже в личку) Не помню, можно ли тут делиться контактами

[Иван Медведев]

Кстати, могу променторить ваш путь в становлении верстальщиком) Пишите в тг ivan_medvedew

[Strannyk]

Иван Медведев, тогда что такое

Git pages

?

[Supertrinko]

Иван Медведев, Спасибо!
Напишу вам на следующей неделе, когда разберусь с завалом по учёбе.

[Иван Медведев]

Strannyk, Git pages - это некий функционал от GitHub, который позволяет открывать html страницы как на хостинге. Так вы можете представлять свою верстку для потенциальных клиентов в качестве примера.

[Иван Медведев]

Supertrinko, пишите, я всегда на связи)

[Strannyk]

Иван Медведев, только это фуккционал называется "GutHub pages".

[Иван Медведев]

Strannyk, да, согласен. Ошибся в термине)

Answer 2

[Lord_Dantes]

Я бы хотел спросить, как стать верстальщиком в наши дни?

Достаточно просто, изучаете html/css => спустя время проб и ошибок в верстке вы заканчиваете первый макет => вы верстальщик.

Поможете советом с чего начать, куда двигаться?

В комментариях выше вам скинули roadmap, идеально было бы следовать ему.

А если не идеально, то учите html/css потом js и фреймворк и прыгаете в ближайшую галеру и плывите за течением, там вас натаскают и уже сами не поймете как очутились фронт-енд разработчиком.
p.s жёстко да, но я так встретил фронт-енда который 1 год в сфере после курсов и не умел верстать)

Может стоит забить на HTML/CSS и работать с конструкторами по типу WordPress?

Можно забить тогда на кастрюли с сковородками, есть же мультиварки.

Comments

[Supertrinko]

Можно забить тогда на кастрюли с сковородками, есть же мультиварки.

Шикарная аллегория)
Не подскажете где можно откопать макеты с исходным кодом? Всё таки перекапывать исходный код крупных сайтов через Ctrl+U не самый лёгкий вариант для новичка.

[Lord_Dantes]

Supertrinko, а зачем они вам? Макеты доступные в интернете обычно идеально сверстаны и до такого уровня верстки нужно года 2-3 упорного труда, вам ведь не нужно дотачивать свои навыки настолько сильно. Достаточно начать самому и просто чтобы вас кто-то менторил по коду.

[Supertrinko]

Lord_Dantes, сверху уже предложили менторинг. Я только не представляю сколько это стоит - я полагаю многие тут из России, а валюта моей страны примерно в 6 раз дешевле. Что для вас 10 тысяч - для меня 60.

Answer 3

[Anton]

Как раз оч крутой чел на ютубе обучалку мутит: https://www.youtube.com/watch?v=f-irDQwt1l4
Там у него просто МОРЕ доступоной, легкой для понимания информации

Comments

[Supertrinko]

Как-нибудь загляну