Мой путь во фронтенд с нуля

Еще один пост на тему зарплат в IT по мотивам https://pikabu.ru/story/o_vyisokikh_zarplatakh_v_it_sfere_67...


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


Итак. Все началось давным-давно когда я еще учился в школе, и после того как я перешел в 10 класс у нас появился новый предмет - информатика. К слову сказать учился я так себе, по точным наукам у меня были тройки, да и в целом к учебе я относился "спустя рукава". Но новый предмет меня зацепил и я не прогуливал эти уроки. В конце 11 класса я одним из экзаменов выбрал конечно же информатику и легко сдал его в отличии от других предметов. А после школы вместо того что бы хотя бы попробовать поступить в ВУЗ я просто подал документы в ПТУ по специальности повар-кондитер.


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


И как раз в тот момент я работал помощником директора одной небольшой организации которая занималась в том числе разработкой сайтов, и мне было очень интересно что же там такое делают ребята. Именно тогда я решил сверстать свой первый сайт, и я сел и стал изучать html и css, как это все работает, затем очень быстро понял что мне еще нужно изучать js. Буквально через пару месяцев моей девушке поступает оффер с релокацией в Спб(она к слову сказать уже тогда работала кодером). Она переезжает, а у меня появляется дикая мотивация к тому что б учится и тоже искать работу в IT сфере. Тут начинается самое интересное: я погрузился в самообучение с головой, хватался за все подряд и через месяц был готов искать работу верстальщиком с парой сайтов в портфолио. Накидав простое резюме я стал откликаться на все вакансии по Спб где требовались верстальщики. В течении месяца я получил около 150 отказов по тем или иным причинам.

Мой путь во фронтенд с нуля Frontend, Web-программирование, Программирование, Обмен опытом, Длиннопост

Спустя две недели у меня зазвонил телефон. Мне позвонили из компании с одним вопросом - "Молодой человек, собственно, а кек вы хотите быть? Вы у нас откликнулись на 3 разных вакансии: frontend-разработчик, fullstack-разработчик и верстальщик". Пообщавшись с человеком я объяснил что готов развиваться в любом направлении, что очень хочу учиться. Мне было поставлено условие - если сделаю тестовое задание, то меня возьмут junior frontend разработчиком с зарплатой в 30 тысяч. Я был невероятно рад такому шансу, поэтому засел за написание своего задания. Задание было следующее: сделать TODO-лист на angular.js с бекендом на node.js + mongodb. Я знаю что в интернете полно готовых решений, но мне как человеку который только что узнал чем отличается div от span задание казалось невыполнимым, но очень интересным. Я провел 3ое суток не вылезая из-за компьютера, пытаясь собрать хоть что-то более менее приличное. По завершению отправил на проверку и через сутки мне написали что я прошел, и когда я выйду на работу. Радости не было предела :)


А дальше переезд, новый город, новые люди, все новое. Спб хоть и не далеко находится относительно от моего родного города(кстати привет Череповец :)), но я испытывал культурный шок, долго привыкал к новому окружению.


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


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


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


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


Ну и по традиции - чукча не писатель, так что прошу прощения за ошибки, а так же вышеизложенное чисто мое субъективное мнение, мой личный опыт. Если у вас есть вопросы - задавайте! Постараюсь ответить :)


А и еще. Вот хорошая матрица компетенций по фронту, вдруг кому будет полезно: https://docs.google.com/spreadsheets/d/e/2PACX-1vRwSn4qxbYHS...

Автор поста оценил этот комментарий

Точно) Блочный и строчный. Слушай, ещё хотел совета попросить. Прошёл несколько курсов на Coursera — они все были преимущественно ориентрованы на JS. А вот с вёрсткой у меня большие проблемы: как что применить, как работает flex и grid я постоянно забываю. Регулярно смотрю различные туториалы, всё понимаю (попутно повторяю), но когда сажусь делать что-то с нуля сам, то как будто ничего никогда не смотрел...

Это просто нужно повторять раз за разом, пока не щёлкнет или, может, если какие-нибудь книги/видеоуроки? Я смотрю WebDevSimplified, Clever Programmer, freeCodeCamp, Fireship, Angela Delise, CodingLab и т.д... Мб что посоветуешь?

раскрыть ветку (1)
Автор поста оценил этот комментарий

Мне кажется что дело не в запоминании, а скорей нужно просто понять логику того как работает css и как он видоизменяет DOM.


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


Лично я css изучал так: поставил перед собой цель - сверстать страничку, вот прям с нуля, без макета, чисто из головы как я ее себе представлял. Ну и начал лепить самое простое попутно задавая вопросы себе о том как решить тот или иной вопрос. Например: как прижать блок футера к низу страницы? Шел в гугл, гуглил, осознавал как это работает, применял на практике. Данный рецепт работает для всего и всегда,  повторить до победного, проверено)


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

показать ответы
Автор поста оценил этот комментарий

Я, конечно, припозднился, но написать, мать его, To-Do лист на на (angular!) да ещё и с бэком "на node.js + mongodb" это просто пиздец, учитывая, что, как ты говоришь, только выучил разницу между <div> и <span>. У меня просто глаза на лоб полезли))

К слову, сам изучаю frontend. Если можно, то вопрос: а в чём, собственно, отличие?) Оно едва ли есть ведь... Спасибо)

раскрыть ветку (1)
Автор поста оценил этот комментарий

Ну тут стоит сделать ремарку, все таки ЯП к тому моменту я уже худо бедно владел со школьной парты. А вообще в том и был челендж)


А насчет div и span, то div это блочный элемент а span это строчный элемент, span обычно используют для выделения/дополнения строчного элемента собственными стилями внутри строчного элемента. А вообще это рудимент и смысл семантической верстки давно утерян)


на эту тему могу посоветовать вот это видео:

Предпросмотр
YouTube3:21:53
показать ответы
Автор поста оценил этот комментарий

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

P.S.

Не думал что ответишь после 2-ух лет)

раскрыть ветку (1)
Автор поста оценил этот комментарий

А куда я денусь, переодически тут пишут вопросы - стараюсь отвечать :)

Автор поста оценил этот комментарий

Привет, понимаю что за два года могло все поменяться, но, все же, у меня есть пару вопросов. Насчёт сложности js, как долго и каким путем (если не секрет ) пошёл изучать его? Потому как сейчас тоже сижу учу html + css, а js будто китайский язык зашёл поучить.

И что насчёт образования, то есть диплома, ты его получил? И как сейчас ситуация с frontend вообщем спустя 2 года?

раскрыть ветку (1)
Автор поста оценил этот комментарий

Привет, на самом деле за два года ничего особо не поменялось.


По поводу сложности js: я не уверен что тебе подойдет мой вариант. В моем случае я с детства был "около" программирования. К началу изучения js я уже имел базовое представление о программировании - что такое циклы, переменные, функции и тд. Т.е. другими словами мне оставалось выучить только сам синтаксис языка а дальше двигаться в "глубь".


Если для тебя ЯП темный лес и слова "переменная", "функция" и "цикл" совершено не имеют смысла то в таком случае тебе нужно начинать прям с основ. В интернете полно всяких видосиков и курсов, главное найти правильный. Либо можешь попробовать поискать учебник по информатике за 10-11 класс и там изучить раздел с практикой, там может быть изучение Pascal, Delphi а может быть даже Python.


Насчет образования: я его не получил, да и не планирую. В целом, если разобраться, сейчас в ИТ сфере никто не будет смотреть на твое образование, главное хард скилы. К тому же ИТ рынок не ограничивается Россией, ты можешь работать удаленно в компании из США, Индии, Болгарии - для них твой диплом пустое место, вообще ничего не значит.


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


Как то так. В остальном - не сдавайся. Как бы не было тяжело, пытайся изучать. Ты должен гореть этим. Умение учится это тоже навык - развивай его. Составь свое расписание и план. Двигайся к цели. Не забывай отдыхать. Отдых это очень важно. Про отдых я имею в виду здоровый сон не менее 7 часов. Ходи на прогулки - мозгу необходим кислород.


Кароче получился как-то мотиватор)

Удачи.

показать ответы
Автор поста оценил этот комментарий

@ramsone, Приветствую. Если вас не затруднит, не могли бы ответить на пару вопросов? Просто не нашёл вас в телеграмме. Обещаю не сыпать вопросами. Если есть возможность, скиньте пожалуйста ваш контакт телеграмм на этот адрес imax.max2017@yandex.ru

раскрыть ветку (1)
Автор поста оценил этот комментарий

Привет! Отписался на почту.

Автор поста оценил этот комментарий

Привет, а в резюме при приеме на первую работу у тебя уже были работы на Angular или с другими JS-библиотеками?

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Привет! На момент поиска хоть какой-нибудь работы в Спб в резюме у меня было пусто. Было сказано что умею верстать и немного знаю js. Никаких фреймворков и библиотек на тот момент я не знал.

Автор поста оценил этот комментарий

тс, а ты для создания макетов и логотипов что используешь? или в это вообще не надо лезть? Еще вот не пойму, когда сайт с меню, то на каждую страницу надо свой html файл создавать и везде одно и то же прописывать? Или сейчас только одностраничные сайты в ходу?

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Я если честно логотипы и макеты не создаю, для этого у нас есть UX отдел, поэтому не могу подсказать.

И да, если ты создаешь статический сайт, то придется создавать html файлы и там прописывать ссылки в меню. Что-бы этого не делать используй бекенд фреймворки.

Или сейчас только одностраничные сайты в ходу?

Тут не все так просто, но да, на мой взгляд все движется в сторону SPA

показать ответы
DELETED
Автор поста оценил этот комментарий

Матрица конечно полезна, но новичкам нужен более подробный список.

Вот например нужно сейчас учить верстку на float? Вроде нет. Нужно ли знать ES5 и все тонкости? хрен его знает.


Нашел кое что по css
https://zendev.com/ultimate-guide-to-learning-css.html

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Помню был такой случай когда я пришел на собеседование в крутую компанию с офигенным офисом в центре, все было хорошо, пока мне не дали задачку с "подковыркой" на float, и я с треском завалил это задание, хотя оно было простое :)


Собеседование в конечном счете я прошел, но осадочек остался. Оффер я получил но меня схантили в другую компанию :)


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

Автор поста оценил этот комментарий
спасибо за пост)
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Всегда пожалуйста :)

Автор поста оценил этот комментарий
Это всё, конечно, круто, когда есть куда идти. Переехать не могу по своим причинам. Я вот нормально делаю сайты на WordPress, и вёрстку, и бэк, типа "под ключ", а контор, где меня могли бы вести и учить большему просто рядом нет...

Всему учился сам, html, css, scss, less, js, jq, ajax, php, alethemes, unyson.

Так что перебиваюсь отдельными заказами. Ну, такое)
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

У меня пара ребят знакомых ушли работать на "удаленку", и вполне хорошо зарабатывают, к тому же компания занимается их развитием.


В любом случае, саморазвитие ключ к успеху в IT сфере, так что я тебя понимаю :)

показать ответы
Автор поста оценил этот комментарий
Веб, конечно, хорошо, но, например, ине java больше по вкусу. Есть развитие, как думаешь? Ну и стоит ли дальше? Пока тупо в ИТ на наладке серверов
раскрыть ветку (1)
Автор поста оценил этот комментарий

Я некоторое время работал на беке, да и сейчас, нет-нет да сталкиваюсь с java(у нас мидлваря-прослойка на ней написана), и чет мне скучновато :)

В целом по java всегда есть куда пойти, перспективы есть, хороших java программистов с руками отрывают.

Автор поста оценил этот комментарий

Спасибо за столь быстрый ответ) А могли бы вы оставить какой нибудь контакт, чтобы более подробно с вами пообщаться? Обещаю не ддосить вас тупыми вопросами)

раскрыть ветку (1)
Автор поста оценил этот комментарий

Да, конечно! Пиши в телеграмм "@altdja"

показать ответы
1
Автор поста оценил этот комментарий

Поздравляю. За пару месяцев изучить верстку и найти работу это конечно круто. Сам сейчас активно изучаю frontend.

Есть у меня несколько общих вопросов, если позволите.

Могли бы вы поделиться каким стеком пользуетесь сейчас во фронте?

Берут сейчас джунов?

Какого типа проекты нужно за плечами иметь чтобы заинтересовать работодателя? Пет проекты? Коммерческие проекты? Что то еще? Или гоняют тупо по стеку без претензий на портфолио?

Заранее благодарю за ответы)

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Вопросы всегда хорошо :)

Для начала уточню что за два месяца я не стал гуру верстки :)

Сейчас я занимаюсь только фронтенд частью, пишу на angular актуальной версии.

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

показать ответы