Создание сайтов: как освоить профессию, зарплаты в этой сфере

Сразу стоит сказать, что порог входа в эту сферу достаточно низкий. С одной стороны это позволяет полностью погрузившись в сайты на всего полгода+ стать начинающим специалистом, параллельно устроиться работать, например, в вебстудию стажером и получать свои 20к для начала (зависит от региона, в Москве, естественно, больше. Для моей глубинки 20к - неплохие деньги). Врачу нужно учиться 7 лет, а на выходе получать столько же денег сколько программисту через год работы. Несправедливо, но ситуация, к сожалению, такова. При должном упорстве и усердии вы можете достаточно быстро стать конкурентноспособным на рынке сайтов. Желающих зарабатывать много, а хороших специалистов гораздо меньше.

По мере получения опыта растет и заработная плата. Конкретные цифры зависят от того, в каком из этапов создания сайтов вы специалист. Ниже распишу процесс создания поэтапно, а также что нужно изучить, чтобы стать специалистом конкретно в нем. Особенно ценятся специалисты, которые могут покрывать своими знаниями все этапы разработки. Обычно их называют "фуллстаки" (от fullstack). Для того, чтобы быть фуллстаком - нужно потратить от нескольких лет времени с полным погружением, но зарплаты соответствующие.

Как научиться делать сайты

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

Рекомендую начать с собственного сайта на интересную вам тематику, на котором будете учиться и познавать азы. Выберите интересную вам тему для сайта, ваше хобби возможно, зарегистрируйте дешевый хостинг за 100-300 рублей в месяц, домен в доменной зоне .ru (подобрать и зарегистрировать можно, например, на nic.ru), а дальше гугл, гугл и еще раз он. В интернете есть ВСЕ ответы на ваши вопросы по сайтам.

На какой CMS сделать сайт, как установить CMS, что такое база данных, зачем она нужна, как изменить цвет блока на сайте, учебник PHP, учебник HTML, учебник CSS, что такое MVC, Bootstrap html - это примеры готовых запросов к гуглу для начала.

Рекомендую для старта не выбирать CMS, а попробовать сделать на чистом PHP и HTML (начать изучение можно либо по курсам ниже либо с элементарной htmlacademy.ru) +CSS+немного Javascript и AJAX (также по названиям это гуглится) для начала. Таким образом, вы глубже изучите эти технологии, которые на данный момент являются самыми популярными при создании сайтов.

Самостоятельное изучение подходит только самым упертным. Многие сливаются, так как не могут себя заставить. Не получается самостоятельно - устройтесь стажером в вебстудию (пусть вначале бесплатно или за небольшие деньги, поищите вакансии у себя в городе) - там на практике, с помощью более опытных сотрудников вы научитесь делать сайты. Не бойтесь задавать вопросы на специальных сайтах (ru.stackoverflow.com, cyberforum.ru).

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

Этапы создания сайтов

Этап 0 - проектирование

Конкретно к теме не относится. Как правило, сайты на заказ делают по тех. заданию (ТЗ), которое предоставил заказчик. Проектированием сайта (и составлением ТЗ в частности) занимаются опытные специалисты, которые знают как все работает от и до, поэтому для начала нам это не нужно.

Этап 1 - дизайнер

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

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

Для своего первого сайта вы можете не рисовать макет (если вы не хотите быть дизайнером конечно. Если учитесь дизайну, то дизайн - это все, чем вы должны заниматься, сайты делать не обязательно). Для своего первого сайта сверстайте шапку, футер, стандартное меню 200px справа, тело сайта слева. Поместите в правый блок меню, в левой сам контент, который будет открываться. Пусть это будет некрасиво, но вы прощупаете, как это работает.

Зарплаты: от 15000 до много (200+к) в месяц, зависит от опыта

Чтобы быстрее освоить web-дизайн рекомендуем курсы по веб-дизайну.

Этап 2 - фронтэнд (~верстальщик)

Тот, кто превращает макет от дизайнера в html+css код. На данном этапе сайт еще не функционален. То есть вы можете открыть его в браузере, но при нажатии на, например, кнопку "оставить комментарий" в форме ничего не произойдет, так как не поработал программист.

Хороший пример - лайк вконтакте. На этапе дизайна - это просто нарисованное сердечко, на этапе верстки это сердце, на которое можно нажать уже в браузере, но ничего не произойдет. На этапе программирования (следующем), грубо говоря, вы нажимаете лайк, идет запрос в базу, количество лайков у поста увеличивается на 1, вы видите изменение лайков на странице, результат записывается в базу.

Понятие фронтэнд на самом деле шире. Чтобы именоваться фронтендом нужно уверенно знать все то, что знает верстальщик (HTML+CSS) и тележку сверху (Javascript в первую очередь, фреймворки JS, различные прикладные программы). Поэтому можно сказать, что выше мы рассматривали работу только верстальщика. Фронтэнд берет на себя некоторые функции программиста. Фронтэнды зарабатывают неплохо, верстальщики меньше.

Чтобы стать фронтом вы можете пройти курсы HTML+CSS, Javascript, Jquery (используется специфично), полноценные курсы по Front-end.

Зарплаты: от 15000 стажер до 300-400000 в России.

Этап 3 - бэкэнд (программист)

Тот, кто делает из сверстанного "не живого" кода функциональный сайт. Он создает базу данных (если, например, на сайте есть раздел новостей, то их где-то нужно хранить. Храниться они будут как раз в базе данных. Программист создает таблицу, в которой прописывает всевозможные столбцы - id, title, summary - описание, text итд). Далее пишется запрос на mysql к базе, чтобы достать из базы нужные новости, далее эти новости размещаются на страницах сайта и в дальнейшем будут браться сразу из базы. Это один из многочисленных примеров того, что делает программист.

Программист оживляет сайт, добавляет функционал, который определен в ТЗ: вывод любых материалов сайта из базы, кнопки, который отвечают за какие-то действия с базой данных (запись в нее, удаление, редактирование) и все прочее.

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

Чтобы стать программистом в сайтах вы должны PHP или Python, желательно фреймворки и в идеале иметь навыки верстальщика.

Зарплаты: от 15000 до 300-400000 также по России.

Автор: Александр Ласков, Brainshef.ru