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

Немного о нашем «инкогнито» верстальщике:

«Моя специализация — верстальщик, да и в целом я занимаюсь разработкой сайтов. Я из Украины, живу и работаю здесь. Образование у меня есть, но оно никак не связано с моей деятельностью на фрилансе. Я строитель —  окончил строительный техникум. Даже работал по специальности долгое время, но видел больше перспектив на фрилансе. Оно и очевидно — потому что технологии не стоят на месте, за этим наблюдать гораздо интереснее, чем работать в строительном бизнесе. Так что, на фрилансе я уже 6 лет. Мне, к слову, 30, семья у меня есть, но она никак не повлияла на мой выбор работать на фрилансе. Так или иначе, они этот выбор поддерживают — и это хорошо. 

Где я научился верстке? Все просто: в интернете в свободном доступе можно найти все что угодно — любые курсы (платные или бесплатные), любые книги, пособия. Я в своем роде самоучка.»

Верстальщик HTML и CSS — кто это и чем занимается?

HTML и CSS — это языки разметки веб-страниц, которые понимают браузеры Google Chrome, Safari, Яндекс Браузер и другие.

А верстальщик HTML и CSS — это тот, кто преобразовывает дизайн в «обертку» при показе браузеров, то есть делает стандартный код, html-страницу, которую браузер поддерживает. Часто верстальщиков еще называют переводчиками: они ведь переводят дизайн на понятный браузерам язык.

Проще понять, что такое HTML, если разобрать процесс разработки веб-страницы сайта. Как происходит разработка веб-сайта? Сначала дизайнер рисует в Фотошопе примерный эскиз (план) веб-страница. Затем этот макет отдают верстальщику, а он уже этот макет делит на части и при помощи HTML и CSS делает так, чтобы эта страничка красиво отображалась в браузерах.

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

Сколько зарабатывает верстальщик?

С моей стороны будет некомпетентно говорить о зарплате, потому что она всегда разная. Она зависит от количества страниц, структуры сайта. Заказ может быть и на 10, и 20, и 100 уникальных страниц или 100 одинаковых шаблонных экранов.

Определенной цены нет, все зависит от объема работы, типа сайта. Даже когда заказчик спрашивает: “Я хочу сайт. Сколько будет стоить?”, мы не можем ответить сходу — даже приблизительная цена зависит от объема работы. Грубо говоря, вы приходите в магазин и говорите: “дайте мне что-то поесть”. Что поесть? Шоколадку, хлеб, соль, сахар, что? Дело в конкретике.

Примечание редакции: верстальщик HTML и CSS в России в среднем зарабатывает 60 тысяч рублей в месяц — это если не брать в расчет работу на иностранных биржах. У начинающего верстальщика зарплата начинается с 13-15 тыс. руб, а опытные специалисты могут зарабатывать от 100 000 руб.

Как долго надо учиться на верстальщика HTML и CSS?

Это все зависит от человека: например, вам в школе алгебра давалась тяжело, а геометрия легко. Или вам нравилась история и по складу ума вы филолог. Это очень индивидуально. Что-то может даваться легче. Например, кому-то HTML, CSS дается легко, а Java script, где есть нестандартная анимация, где нужно самому писать скрипт, полностью прописывать код, смотреть примеры или использовать frameworks (прим. редакции: набор инструментов для ускоренной разработки сайта, нацелен на решение определенных задач), дается тяжелее. Это зависит от ваших знаний, от того, как вы можете их расширять и использовать, насколько у вас математический склад ума. Если у вас есть склонность к математике — не обязательно знать ее на 5, можно даже на 2 — учиться легче.

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

Как стать верстальщиком с нуля? Где учиться?

Думаю, ни в вузах, ни в университетах, ни тем более в школах такому не учат. В Youtube есть миллионы курсов, можно попробовать на SkillBox — это известные курсы, но они платные.

Когда уже знаешь базу, забываешь про какие-то курсы, постоянно поступает новая информация извне из миллиона источников. Например, среди программистов популярен habr.com — отличный сайт, статьи на duo.ua достаточно полезные, всегда можно что-то взять для себя. На сайтах можно пообщаться. habr.com вообще научный сайт, на котором можно начать с азов: почитать о том, кто такой дизайнер/верстальщик, кто за что отвечает, какие технологии существуют, как их можно применить. Там ребята даже делятся своими успехами — что делали, что получилось. Интересно наблюдать. 

Онлайн-обучение HTML/CSS верстке с трудоустройством для начинающих

GeekBrains

GeekBrains: онлайн-платформа предлагает обучение языкам HTML и CSS в течение 1-го месяца. Курс включает в себя 8 уроков. На курсе вы научитесь основным понятиям в веб-разработке; основам языка разметки документов HTML; основам языка оформления стилей документа CSS, а также основным тэгам для вёрстки.

Обучение длится всего 1 месяц.

Нетология

Нетология: онлайн-университет предлагает курс «Основы HTML и CSS», а также гарантирует трудоустройство по завершении обучения. Курс подойдет всем, кто хочет работать в интернете, независимо от того, планируете ли вы стать верстальщиком, frontend-разработчиком или backend-разработчиком (Примечание редакции: frontend-разработчик создает то, что вы видите на экране, backend-разработчик занимается «внутренностями» сайта). По окончании курса вы будете знать основы HTML и CSSВ, как вносить правки в HTML-код страницы, изучите вёрстку текстовых блоков и стилизацию отдельных элементов.

Это бесплатный курс, который позволит освоить азы профессии за 2 недели.

SkillBox

SkillBox: онлайн-университет предлагает дистанционное обучение на протяжении 6-ти месяцев и предполагает как теорию, так и практику HTML-верстки. Курс подойдет как новичкам в разработке, так и начинающим верстальщикам и фрилансерам. Вы научитесь блочной, резиновой и адаптивной верстке, проверке сайта на доступность, основам CSS, HTML и JavaScript и работе с системой контроля версий Git. Онлайн-университет предлагает диплом по окончании обучения, который является дополнительным аргументом при устройстве на работу.

Обучение длится 6 месяцев.

Как и где верстальщик ищет заказчиков?

Все, как в простонародье: несколько фриланс-площадок (freelancer, upwork, kwork, fl.ru), сайт. Клиенты приходят отовсюду. Есть поток постоянных клиентов, которые знают, как ты делаешь работу. Мое главное правило — если ты делаешь — делай это только хорошо. Я, в принципе, для этого и работаю, иначе я бы не имел такого опыта и количества отзывов.

Как раскрутить свой профиль на бирже фриланса?

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

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

Не протестируешь — не поймешь.

Секреты успеха на фрилансе. Советы начинающим и опытным фрилансерам

Никто не доверит новичку сразу создание сервиса. Регистрируясь на бирже, нужно добавить в портфолио хотя бы какое-то минимальное количество работ (если есть такая возможность). Важно добавить работы, которые более или менее приятны глазу, не работы 10-летней давности. Можно даже самому сесть и сделать дизайн сайта — просто так, для портфолио. Необходимо, чтобы люди видели ваш талант и могли его оценить.

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

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

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

Согласитесь, когда вы сдаете проект и ваш клиент спустя пару дней пишет “круто, спасибо! Буду всем вас советовать!”-  разве это не улыбает специалиста, разве это не поднимает его самооценку? 

Выводы

Кто такие HTML-верстальщики? Это веб-профессионалы, основная задача которых — предоставить браузеру посетителя отточенный и стильный продукт. Это люди, которые дают вам возможность открывать и просматривать сайты при помощи специального кода. Как видите, верстальщики зарабатывают достаточно — их средняя зарплата составляет порядка 40 тысяч рублей при условии, что они работают в офисе и от 60-ти тысяч, когда работают на фрилансе. Обучиться возможно за четверть года или даже за месяц — после можно пробовать себя на фрилансе. Через полгода уже можно стать опытным верстальщиком и получать довольно приличную зарплату. Все зависит от вас, так что пробуйте!

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите свой комментарий!
Пожалуйста, введите свое имя