Найти в Дзене

Что нужно знать, чтобы стать веб-верстальщиком?

Этой статьёй я хочу начать серию статей для тех, кто интересуется веб-разработкой и только начинает свой путь. И да, я по-прежнему не запустила никаких обучающих курсов и не планирую) Итак, что вам необходимо изучить если вы заинтересовались разработкой сайтов. Для начала давайте разберёмся чем верстальщик отличается от разработчика и программиста. Верстальщик - это специалист способный с помощью языков разметки собрать дизайн-макет, который разработал веб-дизайнер в веб-страницу. Он владеет такими технологиями как HTML, CSS и по современным требованиям Java Script. Это минимальный набор знаний. Несмотря на то, что Java Script является языком программирования, верстальщик без знания данного языка не сможет собрать к примеру такие элементы сайта как слайдер. Поэтому чистых верстальщиков в данный момент нет, т.к. программированием хоть и неглубоким, но заниматься приходиться. К тому же, например на фрилансе чаще всего требуются так называемые full stack разработчики способные собрать

Этой статьёй я хочу начать серию статей для тех, кто интересуется веб-разработкой и только начинает свой путь.

И да, я по-прежнему не запустила никаких обучающих курсов и не планирую)

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

Верстальщик - это специалист способный с помощью языков разметки собрать дизайн-макет, который разработал веб-дизайнер в веб-страницу. Он владеет такими технологиями как HTML, CSS и по современным требованиям Java Script. Это минимальный набор знаний.

Несмотря на то, что Java Script является языком программирования, верстальщик без знания данного языка не сможет собрать к примеру такие элементы сайта как слайдер. Поэтому чистых верстальщиков в данный момент нет, т.к. программированием хоть и неглубоким, но заниматься приходиться. К тому же, например на фрилансе чаще всего требуются так называемые full stack разработчики способные собрать сайт начиная от вёрстки и заканчивая посадкой на системы управления сайтами (CMS), программированием калькуляторов и прочих функциональных элементов.

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

Помимо выше упомянутого, вам нужно будет изучить такие технологии как Flexbox и Grid CSS, возможно Bootstrap framework или например TailwindCSS, какой-нибудь препроцессор CSS (SASS, LESS, PostCSS и т.п) и сборщик типа Gulp или Webpack. Тут надо опираться на то, что в данный момент чаще всего встречается в вакансиях.

Вёрстка нового проекта
Вёрстка нового проекта

А теперь давайте разберёмся кто такой веб-разработчик. Это специалист, который создаёт и поддерживает сайты, знает хотя бы одну систему управления сайтом, наиболее популярные сейчас в России это CMS WordPress и 1С Битрикс. Также к ним относятся Modx, OpenCart и другие. Человек, который может развернуть на хостинге сайт, установить необходимую CMS и выполнить все необходимые настройки.

К веб-разработчикам также относятся разработчики веб-приложений, владеющие знаниями фреймворков типа React, Vue и др.

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

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

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

Для того, чтобы изучить необходимые языки и технологии можно пойти несколькими путями:

- пройти бесплатные/платные курсы. Они могут быть как оффлайн так и онлайн. Про курсы я уже как-то писала статью. Единственный плюс в платных курсах я вижу лишь в наличии наставника делающего код-ревью.

- учиться у наставника/ментора по его программе.

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

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

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