Путь веб-разработчика

pavellbor
pavellbor

pavellbor

Премиум
badge 6 лет с нами! badge Награда за 10 очков репутации badge За 10 сообщений!
Регистрация
17/08/2018
Сообщения
60
Репутация
43
Привет. Меня зовут Павел и у меня есть мечта – стать профессиональным веб-разработчиком! Здесь я буду честно описывать каждый свой шаг на пути к цели.

Моя блог ВК: https://vk.com/webdevroad
 
Кто я такой и зачем мне это? // ПВ 0

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

Меня зовут Павел. Я родился в 1994 году и прожил до 18 лет в маленьком поселке. В школе я учился хорошо, поэтому после экзаменов легко поступил в Питер, а именно в Университет ИТМО. Направление выбрал рандомное: что-то между инженером, химиком и экологом.

Почему именно Питер, ИТМО и инженер-химик-эколог? Трудно сказать — так совпали карты. Одно знаю точно: после школы я не знал, кем хочу стать.

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

За это время кем я только не работал: курьером, оператором колл-центра, работником торгового зала, грузчиком и даже поваром в KFC. Везде я чувствовал себя не в своей тарелке и скорее ждал окончания рабочего дня. Но, черт побери, я и тогда не понимал, что меня влечет. Это пугало.

Но однажды я наткнулся на уроки вёрстки и понеслось… Абра-кадабра, трах-тибидох. Шутка. Моя любовь к сайтостроению проснулась гораздо раньше.

Первый сайт я создал в 16. Он был на конструкторе. Мне понравилось, и я создал ещё и ещё. В веб-разработке я ничего не смыслил, но этого и не требовалось. Когда узнал, что на сайтах можно заработать, я обрадовался. Сайты-то у меня были, а посетителей нет… как и ожидаемого заработка. Доход 2 рубля в день меня не устроил, поэтому сайты я забросил, а хобби забыл.

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

Я продолжил создавать сайты на самые разные темы. Акцент делал только на контент и продвижение, поэтому я стал неплохо разбираться в SEO. Но верстать я так и не научился, не говоря уже о PHP. Тем не менее сайты мне приносили около 20 тыс. в месяц.

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

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

Кто-то сказал: «Если хочешь найти своё призвание, просто сядь и подумай, чем бы ты хотел заниматься». Я хочу заниматься сайтами, а значит это мое призвание. Мне не жалко на это времени и я голоден до новых знаний.

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

А начну я свой долгий путь с того, что так долго откладывал — с верстки. Надеюсь вы со мной. Если да, то встречаемся у следующего поста!
 
Что-то ты круто замахнулся:
Получается на своих сайтах деньги разрабатывать - развивай этот навык. Зачем тебе веб-разработка?
Негров всегда нанять можно.

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

Все эти самостоятельные изучения - практически ничего не дают. В той же верстке - хрен угонишься. Год назад на гридах мало кто верстал, а сейчас прям мастхев.
В Js мире вообще зоопарк - angular, vue, react
Бек - еще более менее стабилен. Можно взять, что-то попсовое типа Laravel и прокачивать его.

Короче моя мысль - знания должны быть под задачу и не в общем. Иначе получается фрактал - на каждом новом шаге ты понимаешь, что тебе надо еще что-то узнать. А что из этого пригодиться - непонятно. + неиспользуемые знания быстро забываются.
В той же верстке - может тебе и bootstrapa хватит, зачем тебе весь курс Html Academy. Я его смотрел, очень много лишнего.
Например, куча информации по GIT. У меня 6 лет профессиональной разработки и не знаю ни одной команды GIT - все есть в GUI интерфейсах (я пользуюсь GIT Extenstion)
У меня есть понимание, как это работает и если надо я залезу в гугл и поищу нужную команду. А вот зачем этим грузить верстальщиков я вообще не понимаю.
 
Последнее редактирование:
Что-то ты круто замахнулся ...
Дружище, спасибо за комментарий! Такой заработок мне приносит не один сайт, а несколько. Из 5 сайтов выстреливает 1. Это очень изматывает. Доходы не стабильны.

Хочу поработать по найму. Постараюсь выйти на доход 100к.
 
Дружище, спасибо за комментарий! Такой заработок мне приносит не один сайт, а несколько. Из 5 сайтов выстреливает 1. Это очень изматывает. Доходы не стабильны.

Хочу поработать по найму. Постараюсь выйти на доход 100к.

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

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

Если откосить нет возможности, то лучше туда книжку какую-нить взять по чему-нить основательному. Котерова по PHP или по JS что-нибудь
 
Странное решение. Вертка это больше практика, чем теория - за год в армии все забудешь.

Если откосить нет возможности, то лучше туда книжку какую-нить взять по чему-нить основательному. Котерова по PHP или по JS что-нибудь
Спасибо за совет!
 
Первое, что должен уметь веб-разработчик — это верстать. А для этого нужно знать основы HTML и CSS. Я своё обучение верстке начал с интерактивных курсов HTML Academy.

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

Итог. Я изучил HTML5, CSS3, основы JS.
 
После интерактивных курсов я приступил к прохождению интенсивного онлайн-курса "Профессиональный HTML и CSS, уровень 1".

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

Итог. В интерактивных курсах я изучил базовые конструкции языков, а на интенсиве я научился использовать их для решения профессиональных задач.
 
Макет: Merkury - презентация забугорного сервиса. Это первый макет, который я сверстал после прохождения интенсива. Первая кровь, так сказать. Я нашёл его на просторах интернета.

Ссылка на исходники: https://github.com/pavellbor/Merkury
Ссылка на сайт: https://pavellbor.github.io/Merkury/index.html
 
то лучше туда книжку какую-нить взять по чему-нить
Я когда в армии служил, у нас даже времени не было присесть. Все время что-то делали, и все перемещения бегом, только по плацу строевой ходили ))
 
Я когда в армии служил, у нас даже времени не было присесть. Все время что-то делали, и все перемещения бегом, только по плацу строевой ходили ))
Как повезет. Мой одногруппник просидел в лесу в вагончике, другой за компом всю службу провел.
 
Макет: Technomart - интернет-магазин строительных материалов и инструментов для ремонтов. Последний макет, который предоставляет интенсив. Это уже 6 работа в моём портфолио.

Ссылка на исходники: https://github.com/pavellbor/Technomart
Ссылка на главную: https://pavellbor.github.io/Technomart/index.html
Ссылка на каталог: https://pavellbor.github.io/Technomart/catalog.html
 
Макет: Barbershop - сайт барбершопа "Бородинский". Это моя первая адаптивная вёрстка. Верстал неделю, попутно пересматривая интенсив, чтобы ничего не упустить. Осталось ещё 4 макета и перехожу к основательному изучению JavaScript.

Стек: HTML5, CSS3, JavaScript, Adaptive layout, БЭМ, Flexbox, Accessibility, Less, Gulp, SVG, Retina, Pixel-perfect, Progressive Enhancement.

Ссылка на исходники: pavellbor/Barbershop-adaptive
Ссылка на главную: Главная – Барбершоп «Бородинский»
Ссылка на форму: Записаться – Барбершоп «Бородинский»
Ссылка на портфолио: Портфолио – Барбершоп «Бородинский»
 
Макет: Cat Energy - интернет магазин питания для котов. Вторая адаптивная вёрстка. Было непросто, особенно со слайдером на главной. Верстал неделю, но опыт ничем не заменишь. Осталось два макета.

Стек: HTML5, CSS3, JavaScript, Adaptive layout, БЭМ, Flexbox, Accessibility, Sass, Gulp, SVG, Retina, Pixel-perfect, Progressive Enhancement.

Ссылка на исходники: https://github.com/pavellbor/cat-energy
Ссылка на главную: https://pavellbor.github.io/Cat-energy/index.html
Ссылка на форму: https://pavellbor.github.io/Cat-energy/form.html
Ссылка на каталог: https://pavellbor.github.io/Cat-energy/catalog.html

Мой блог в ВК: https://vk.com/webdevroad
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Похожие темы

cnet
Ответы
34
Просмотры
5K
cnet
cnet
pavellbor
Ответы
20
Просмотры
3K
Tom_HK
rehvsijd
Ответы
1
Просмотры
334
thangchop
thangchop
figma.info
Ответы
81
Просмотры
14K
cesor200
cesor200
Ответы
6
Просмотры
833
Velmer31
Velmer31
zapdas
Ответы
0
Просмотры
922
zapdas
zapdas
Сверху Снизу