Найти в Дзене
Алексей Вавилов

Как я делал свой первый сайт на заказ. История от программиста

Оглавление

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

Это я в 2016
Это я в 2016

Мотивация

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

Это я в 2019
Это я в 2019

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

Как я получил заказ

Один мой знакомый, зная, что я «какой-то там айтишник» попросил меня сделать ему сайт, за деньги, для охранного предприятия. Разумеется, я согласился и сказал что умею. И разумеется, я ничего не умел. То есть, из опыта у меня было: верстание одной страницы в виде фона и таблицы с текстом, на 4 курсе института и одной попытки (неудачной) создания интернет-магазина на конструкторе, примерно в то же время.

Мы встретились с заказчиком, где я понятия не имел, что обещать и какие условия диктовать. Но, я понимал, что мне очень нужен этот заказ и мне нужно кормить семью, так как на зарплату в 12 тысяч рублей это сделать сложно. Благо, мой первый заказчик что-то проанализировал, перед тем как заказывать сайт и уже примерно знал, что он хочет. Корпоративный сайт на несколько страниц, с информацией об услугах, лицензиях, разрешениях, вакансиях и контактах. Так же, он промониторил цены в городе на создание такого сайта и определил, что готов заплатить мне за него 7 тысяч. Как же я был рад! 7 тысяч, за то что я буду сидеть в ноутбуке какое-то время. Причем где угодно, на работе, дома. Это было круто! Однако, что делать дальше я пока не представлял.

Все официально!

Еще на первой встрече, на одном листе А4 мы набросали схему, как должна выглядеть страница сайта. На втором накидали ТЗ. Я пошел домой думать, что мне делать дальше. Так же заказчик сказал, что нужно скрепить сделку документом. Я скачал в интернете типовой договор на создание сайта, заполнил и отправил на согласование.

Договор с заказчиком первого сайта
Договор с заказчиком первого сайта

И это был важный опыт для меня — всегда все оформлять официально. Через пару проектов я пренебрег договором и меня разумеется кинули на пол пути. Но сейчас не об этом.

Первое время было трудно

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

-4
Первые попытки сделать шапку на сайт
Первые попытки сделать шапку на сайт

Но потом задумались, как мы будем переводить это все в сайт? Если я что-то и знал о верстке, то уже забыл. А по договору и нашему уговору на словах у меня было всего пару недель. Мы забили на фотошоп и я стал гуглить движки и шаблоны для простого корпоративного сайта. Я тогда даже про wordpress и бесплатные шаблоны к нему ничего не знал. Попался мне какой-то самописный движок. Кажется microText или вроде того. Я его скачал и совершенно ничего не понимая начал ковыряться в его файлах и папках. Начинал понемногу вникать, используя документацию к движку и все что мог найти в интернете.

Движок первого сайта
Движок первого сайта

Сначала удалял и создавал нужные страницы, правил текст, потом правил картинки: лого, фон и т.д. Уже на этапе согласования пришлось править что-то в HTML/CSS, создавать какие-то блоки на сайте, чтобы подогнать под нужды заказчика. А для этого приходилось очень много гуглить, не спать ночами и рвать на себе волосы, от полного непонимания того, что происходит. Ведь в институте я однажды верстал страницу и использовал table, а тут еще десятки тегов, какие-то div. А от того как работает float вообще можно было сойти с ума. В итоге я уложился в срок и выглядело это как-то так:

Мой первый сайт на заказ
Мой первый сайт на заказ

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

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

-8
Редизайн первого сайта спустя несколько месяцев
Редизайн первого сайта спустя несколько месяцев

Итог

Заказчик получил готовый сайт, смог указать его в подписи e-mail писем, что было очень важно для него. Так как всем стало видно, что им пишет компания, у которой даже есть свой сайт. Я же в свою очередь получил благодарность, деньги, а в последствии и еще один заказ. Но это уже совсем другой сайт и другая история.

А главное в этой истории, что начал я, можно сказать наобум, практически без знаний сайтостроения. Может быть кто-то скажет, что это неправильно. Но мне нужны были деньги и была мотивация изменить свою жизнь. Всего через несколько месяцев я уже работал в крупной компании веб-разработчиком. Там, конечно, я уже за короткое время узнал тонны новой информации, полностью изменил свое представление об it и о разработке сайтов в частности. Кстати, я работаю в этой компании по сей день. Чтобы узнать, как я в нее устроился, подписывайтесь на канал и читайте в следующей истории.

P.S.

Этой историей я хотел донести, что никогда не поздно поменять свою жизнь. Тем более в наши дни, когда для этого вокруг есть все возможности!

Есть вопросы? Пишите в комментарии!