Как хорошо зарабатывать на разработке сайтов
Привет Пикабу! Расскажу вам историю своей карьеры, плюс мы немного копнём мою профессию. Еще я сделаю для вас небольшое объявление, которое, вероятно, будет вам интересно. Это точно не реклама, т.к. мое предложение некоммерческое и вообще трудно понять, какая в нем выгода мне, но это точно выгодно вам. Если, конечно, это прибыльное дело будет вам интересным. В общем, поехали.
Мне 25 лет. И я работаю фронтенд-разработчиком в достаточно крупной компании, одной из самых крупных в РФ и СНГ. Занимаюсь я этим с 16 лет, то есть с декабря 2008 года. Официально работаю с сентября 2011. И это мне доставляет огромное удовольствие.
Кто такой фронтенд-разработчик? Это человек, который отвечает за браузерную часть веб-проекта. Веб-проект, по сути, это сайт. К примеру: Вася является бизнесменом и владельцем компании "Вася и Ко". Он считает, что его бизнес уже достиг некоторых высот и для его компании нужен сайт. Вася не очень разбирается в этих вопросах и принимает решение обратиться к компании, которая этим занимается. Такие компании называются веб-студии или диджитал-агентства. Самая мощная и известная контора в РФ: студия Артемия Лебедева, а вообще таких компаний очень много. Вплоть до того, что есть компания, оказывающая данные услуги, имеющая сайт с внушительным портфолио, а по факту это просто грамотный человек, который даже не является юридическим лицом и который делает заказы при помощи фрилансеров (ну кто это такие, вы и сами знаете). Так вот, Вася обращается к такой компании и описывает им все свои хотелки. Сперва рисуется дизайн сайта, обычно это делается при помощи фотошопа. Делает это веб-дизайнер. Потом дизайн показывают Васе, при необходимости вносят правки и первый шаг разработки сайта на этом заканчивается. У нас есть дизайн и понимание того, как должен выглядеть сайт. Далее макеты отдают фронтендщику, он их верстает при помощи HTML, CSS и JavaScript (не путать с Java!). Казалось бы, сайт готов, но нет - сверстанное верстальщиком не имеет никакого отношения к базе данных. То есть есть визуальная часть сайта, а за кулисами ничего. Готовую верстку отдают бэкендщику: он размещает все это дело на сервере, связывает с базами данных, пишет алгоритмы, которые дадут пользователям возможность зарегистрироваться (к примеру), а Васе наполнять сайт контентом (статьями, товарами, чем угодно) при помощи админки. Бэкендщик использует один из серверных языков: PHP, Java, C#, Perl, Phyton. Разумеется не все сразу, а только один. Теперь у нас есть готовый сайт, Вася счастлив. Есть большие веб-студии, где все перечисленные лица (дизайнер, фронтендщик, бэкендщик) сидят в офисе. А есть маленькие конторы, где один человек просто раскидывает разработку сайта по фрилансерам, которые могут вообще находиться в разных городах. Мой товарищ таком образом спокойно себе делал по 300-500 тысяч рублей в месяц, правда и ценники у него были немаленькие.
Рынок digital, а это так называется, в основном базируется на интернет-маркетинге. Это все, что приносит деньги через интернет. Интернет-магазины, сайты по продаже билетов (на самолет, на поезд, в кино, номера в отеле и т.п.), продажа интернет-услуг (биржи ссылок, раскрутка групп, услуги по рекламе). Не считая профессий, которые есть практически в любом бизнесе (гендир, бухгалтер, сисадмин, служба безопасности, секретарь, офис-менеджер и тд), здесь часто заметны следующие:
- контентщик: тот, кто наполняет сайт контентом (текст, картинки);
- копирайтер: человек, который пишет тексты, уникальные и оригинальные;
- SMM'щик (Social Media Marketing): тот, кто ведет группы в соцсетях;
- SEO'шник (Search Engine Optimization): тот, кто работает над тем, чтобы сайт занимал как можно более высокие позиции в поисковой выдаче (при запросах в яндексе, в гугле и тд)
- маркетолог: этот человек работает над тем, чтоб сайт был посещаемым и давал хорошие продажи, чтобы была высокая конверсия (грубо говоря, процент продаж по отношению к посещаемости сайта);
- Дизайнер: этот человек рисует макеты, баннеры и прочее. Крутой веб-дизайнер называется арт-директором
- HTML-верстальщик: тот, кто превращает дизайн в верстку, использует HTML и CSS
- Frontend-разработчик: это как верстальщик, только он еще хорошо знает JavaScript (далее JS и дальше объясню зачем он);
- Backend-разработчик: тот, кто занимается серверной частью сайта и превращает верстку в рабочий веб-проект. Также он занимается настройкой сервера;
- Fullstack-разработчик: это frontend+backend-разработчик в одном лице. И жнец, и швец, и на дуде игрец.
Часто бывает так, что HTML'верстальщик становится фронтендщиком, бэкендщиком и, затем, фуллстаком. Хотя я видел даже, как дизайнер становится бэкендщиком.
Что такое сайт и как оно работает? Всем вам известно, что такое компьютер. На свете есть еще такая штука, как сервер. Это то же самое, но без клавиатуры, мышки, монитора и колонок, аудиокарты и видеокарты, зато с более мощным процессором, большим количеством оперативки и с вместительным жестким диском. Еще там операционная система специальная стоит: обычно Windows Server или Linux. Сервер всегда включен (выключишь его - сайт упадет), всегда подключен к интернету и управляется удаленно. Ну типа моника, клавы и мышки нету, поэтому к серверу просто подключаются с обычного компа и делают что нужно, если нужно. Какая операционная система будет ставиться на сервер, зависит от того, на каком языке программирования будет писаться сайт. Самое распространенное это PHP. На сервер ставят операционную систему Linux, в неё устанавливают программу, которая будет поддерживать PHP и еще программу, которая обеспечит работу сервера (в данном случае Apache или Nginx). Так, я уже зашел в техническую суть, а ведь я задаюсь целью сделать все это понятным для обывателя. В общем, сервер у нас настроен и поддерживает РНР. Далее на него закидывают сайт (как вы картинку в папочку на компе кладете - точно также) и папку с сайтом привязывают к определенному зарезервированному домену (ну типа mysite.ru). Далее, при посещении этого домена, пользователь просто увидит содержимое нужной папочки, а сервер увидит запрос от пользователя и выдаст нужную информацию. Именно так выглядят сайты. Сервер даст ответ пользователю на языке разметки HTML, стилизованную при помощи CSS и наш гость увидит готовую красивую веб-страничку. О том, какие данные будут выводиться, позаботиться PHP. Еще есть JavaScript, он выполняется не на сервере, как РНР, а прямо в браузере пользователя. Он отвечает за всякие слайдеры, выпадашки и тому подобное, а иногда еще и за обмен данных с сервером, но это уже другая история. Кстати, если вы являетесь веб-разработчиком и у вас бомбит от того, как я грубо все описал - будьте спокойны, это текст для обывателя.
Сколько это приносит денег? На этот вопрос легко найти ответ в интернете. Вот такие зарплаты сейчас в РФ в городах-миллионниках:
- контентщик: ~45 тысяч рублей
- копирайтер: ~50 тысяч
- дизайнер: ~80 тысяч (артдиректор ~120 тысяч)
- HTML-верстальщик: ~60 тысяч
- frontend-разработчик: ~90 тысяч
- backend-разработчик: ~110 тысяч
- fullstack: ~140 тысяч
Цены очень грубо описаны, потому что разброс действительно немаленький. Зато очень удобно оценивать свою ставку и ставку других людей по уровню знаний.Больше всяких штук знаешь - больше твоя цена. Если её не хочет платить твой работодатель - заплатит другой. Рынок очень обширный и предложений по работе тьма, плюс очень многие согласны на удаленное сотрудничество (т.е. работу из дома). Особенно это актуально для тех, кто с кодом работает.
Как научиться? Сперва опишу что для этого нужно: упорство, желание, стремление, комп, интернет и, как ни странно, умение гуглить. Про вакансии контентщика, копирайтера, и дизайнера мы говорить не будем. Почему? Потому что это немного другая стезя, да и не тема данного монолога. А вот об остальных (верстальщик, фронтенд, бэкенд, фуллстак) поговорим. Общий факт этих четырех профессий: они все умеют верстать. Кто-то лучше, кто-то хуже. Верстать, это превращать фотошопные макеты в верстку при помощи HTML и CSS. Невозможно взять и сразу стать фуллстаком, ну никак. Это поэтапно. Советую как раз с этого и начать. Пока вы будете изучать HTML и CSS (а это недолго), вы узнаете больше об остальных языках и поймете, куда вам интересно двигаться.
Что предлагаю вам я. Есть один полезный сайт, где учат HTML и CSS. Это будет очень похоже на рекламу, потому что тот сайт предоставляет платные услуги, поэтому, чтобы это не было рекламой, сразу скажу, что эти платные услуги там нафик не нужны. Это сайт htmlacademy (гуглим). Там есть курсы: сперва бесплатные, потом платные. Проходим бесплатные (это не один день) и закрываем эту штуку, она вам больше не нужна. После этого пишите мне вк: мой id - 6082086, с радостью займусь вами. Я уже больше двух лет курирую всех желающих и у меня уже есть больше десятка подопечных, которые уже начали чего-то добиваться. Спросите зачем мне это? А хз, просто альтрузим и любовь к профессии. Если нужна просто консультация по этой теме, тоже пишите, с радостью отвечу. Или в комменты пишите тут.
Плюсы профессии фронтендщика. О, это очень крутые плюсы:
- сайт одной компании на PHP и там не нужны C#-программисты, а сайт другой компании на C# и там не нужны РНР'шники. Но и там, и там, используется HTML, CSS и JS, поэтому фронтендщик может пойти работать в любую компанию, которая поддерживает/делает свой сайт или сайты других компаний.
- вам не нужно образование (у меня лично оного 11 классов, да и всё), вам нужен только компьютер и интернет. И вложения тоже не нужны.
- это хорошо оплачивается. Это действительно так.
- без разницы, сколько вам лет (мои ученики сейчас в основном в возрасте 20-25 лет, но есть 15-тилетний вполне успешный малый и даже есть дамочка 35 лет)
- очень хорошо работает сарафанное радио. Если вы вдруг станете веб-разработчиком, не поленитесь об этом сообщать в разговоре с разными людьми. Вскоре начнут обязательно находиться люди, нуждающиеся в ваших услугах
- свободный рынок. Да, да и еще раз да! Даже если фронтендщиков будет дофига, на них все равно будет спрос.
- нет потолка. Всегда есть куда расти и это тоже очень круто.
Минусы этой профессии:
- этому не учат в ВУЗах
- сложно найти работу живя в маленьком городке
Какие программы для этого нужны? Из программ нужен браузер, фотошоп (ищите на торрентах) и IDE. Последнее слово вам незнакомо. Это текстовый редактор, где правят код. Самые популярные это Notepad++, Sublime text, Atom и WebStorm (или PhpStorm). Начинающему вполне хватит Notepad++. Кроме программ еще нужны полезные ссылки:
- htmlbook.ru - справочник html и css
- jsfiddle.net - онлайн IDE
- про академию я уже написал.
Меня немного пугает объем информации в этом посте и вы молодец, если дочитали, не махнув рукой. Мне лично хотелось бы внедрять эту профессию в массы, чтобы люди по-возможности реализовывали свой потенциал, а не плевались от своей работы, зарабатывая копейки. Если ты, читатель, сделаешь маленький жест доброй воли и поставишь плюс, ты поможешь мне в этом начинании. Если за карму речь, то у меня много других постов, их можно минусить ценой плюса здесь.
И да, не забывайте, что я веб-разработчик, а не писатель.