55

С нуля до Frontend-разработчика. Начало

С нуля до Frontend-разработчика. Начало

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

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

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

Сейчас хотел бы посоветовать небольшой план для людей, которые только начинают свой путь в веб-разработку:

1) Думаю, самый народный способ изучить основы HTML и CSS это воспользоваться бесплатными курсами от HTML Academy.
Затем эти знания можно закрепить пройдя бесплатные задания на FreeCodeCamp. (Basic)

2) Советую скачать бесплатно курс, который писал здесь (п. 2)

!Либо можете найти ссылку на скачивание zip-файла в комментариях в этом посте!
Посмотрев первый модуль, вы уже отточите свои базовые знания + будет настроено пространство.

3) После этого сразу советую изучить препроцессор CSS  (хотя его и ставят в середину обучения, считаю его надо учить сразу после основ). Про них можно узнать в модуле 2  - 025  из того курса, либо из любого другого видео на YouTube.

4) Изучаем основы Git/Github. Из курса Модуль 3 - 041, либо на YouTube. В начале необходимо уметь только пушать проекты в репозиторий. имхо)

+ также многие советуют выделять время на прочтение книг и изучения англа. Но я считаю, что лучше получать информацию с помощью интерактивных ресурсов (видео), а также стараться не распыляться на другие темы.

Сложно описать сколько времени у вас займет на обучение данного материала, но в среднем можно предположить 2/3 недели.

После этого можно уже с головой углубляться в верстку.

Мой план обучения на ближайшее время:
1) Практикуем верстку с помощью Bootstrap Grid (ее многие недолюбливают, но я хотел бы закрепить эти знания);
2) Продвинутая верстка с Flexbox без интерактива;
3) Стараемся настолько набить руку, чтобы могли сверстать почти любой проект без интерактива;
4) Основы JS;
5) Поверхностное изучения JQuery и добавления интерактива на сайты.
6) Продвинутый JS;
7) React.js
8) Создаем портфолио;
8) Стараемся устроиться на работу джуном.

План на следующую неделю:
1) Доделать проект из курса (модуль 2);
2) Найти и сверстать самостоятельно пару лендингов с помощью сетки + делать их "резиновыми".

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

Все получилось сумбурно, я еще дилетант в этом деле, так что рад любой критике и пожеланиям :)

Web-технологии

551 пост5.8K подписчиков

Правила сообщества

1. Не оскорблять других пользователей

2. Не пытаться продвигать свои услуги под видом тематических постов

3. Не заниматься рекламой

4. Никакой табличной верстки

5. Тег сообщества(не обязателен) pikaweb

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

Добрый день! Очень интересный путь у вас, тоже сейчас примерно в начале вашего же пути :) Расскажите, пожалуйста, сколько у вас ушло времени, если не считать перерыв, на то, чтобы с нуля стать джуном? Как сейчас у вас дела?

раскрыть ветку (1)
1
Автор поста оценил этот комментарий
Добрый, спасибо за комментарий)
Я начинал в 19 году и считаю, что тогда порог входа был чуть ниже или возможно мне просто повезло, т.к. работу нашёл без знаний фреймворков. Ушло примерно год.
Совет на будущее, легче всего найти работу удалённо в какие-нибудь веб-студии/диджитал и тд, а через пару лет можно уже пытаться в продуктовую.

Конкретно про путь и текущую ситуацию описал недавно под другим комментарием.
Ссылка: #comment_229343080

В данный момент работаю в крупной розничной компании М. как пре-мидл/мидл фронтенд на реакт/редакс
8
Автор поста оценил этот комментарий

Мой путь в frontend.

0) Бэкграунд. Возраст под 30. В разные годы пробовал изучать верстку, js, python и даже java. Всё на очень базовом уровне. Т.е. уровень не совсем нулевой, какое-то базовое и смутное представление было. Прямо после java я и стартанул, когда понял что за месяц-полтора я осилил 350 страниц "Java 8. Полное руководство" с прорешиванием задач, а впереди еще был просто океан знаний. Плюс просмотр вакансий hh.ru по региону навел на мысль что нужно будет переезжать, а денег на это не было.

1) Принялся изучать HTML+CSS. HTML Academy бесплатный курс + подписка на месяц. Различные скринкасты на youtube где верстают всякие лэндинги. Немного Free Code Camp.

2) Купил на udemy по скидке(рублей 300-500) какой-то курс по фронтенду(HTML+CSS+bootstrap+jquery). Прошел 40-60%. Нового мало узнал, проходил в надежде немного подтянуть английский.

3) Понял что на верстке далеко не уедешь и погрузился в JS. Учился по learn.javascript.ru. Смотрел древние видео от Sorax(в плане базы неплохие). Гуглил статьи и видео по темам которые не понимал. Старался понять всё. Прошел может процентов 70.

4) Учился по слайдам к курсу CS193X Web Programming Fundamentals от Стэнфорда, решал задания из этого курса, смотрел как их выполнили ученики этого курса. Оттуда получил представление как веб в целом работает. Немного познакомился с git и github. Прошел процентов 90.

5) Начал проходить официальный туториал по react и параллельно смотреть запираченый курс Юрия Бура. Остановился практически в самом начале.

6) Был длительный перерыв - месяца 3-4

7) Попытался оценить свои знания и понял что вроде знания нормальные есть, но особо не применял их и что нет ничего что бы я мог показать.

8) Для начала решил наверстать макетов. Сверстал макетов 5-6, попутно изучив scss, pug, gulp, bem, основы git и потыкав трехметровой палкой издалека webpack. Кроме знаний появился хоть какой-то маломальский опыт работы с реальными технологиями и инструментами.

9) Почитал всякие статьи про то что вообще спрашивают на собеседованиях по фронту. Понял что не зря ранее так сильно задрачивал js,  потому что на всякие вопросы про прототипное наследование, замыкания, всплытия и эвент-лупы и т.д. мог ответить сходу.

!!!) Тут отступление. Я еще до начала обучения начал слушать подкасты по фронту и it в целом. ничего_не_понятно_но_очень_интересно.jpg. Но в голове всё равно что-то отложилось. Плюс я сидел в разных чатах для падаванов в телеге. Спрашивал там всякое, пытался отвечать на различные вопросы других людей, в основном как раз по всяким наследованиям и замыканиям и немного удивлялся почему многим это так тяжело дается. Это возможно тоже дало свой выхлоп, всё таки обличение своих мыслей и абстрактного понимания в слова и тебе самому вправляют мозги, как в той цитате "Ты не знаешь физику, если не можешь объяснить ее ребенку".

10) Еще раз оценил свои знания и изучил рынок труда. Отобрал пару своих лучших сверстанных макетов, выложил на github и разместил на hh резюме c списком технологий которые знаю, ссылкой на github и  булшитом типа - усидчивый, стрессоустойчивый и т.д. Так как очень сильно сомневался что я на что-то гожусь, то выставил свои зарплатные требования чуть выше уровня покрытия своих минимальных потребностей: съем жилья, оплата счетов, жратва, бухло раз в месяц, минимальные развлечения + 10-15% на непредвиденные траты. По итогу попал в продуктовую компанию на зарплату в разы больше чем выставил.

раскрыть ветку (1)
1
Автор поста оценил этот комментарий
расскажите, если не сложно, как проходило собеседование, что спрашивали, что решать давали?
показать ответы
1
DELETED
Автор поста оценил этот комментарий

Нет особого желания писать что-то ради того чтобы написать, потому что потеряется в огромной массе похожего контента. А тут у ТС есть желание и действие, отчего бы не поделиться опытом, вдруг поможет :)

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

спасибо за совет)

9
Автор поста оценил этот комментарий
Бутстрап можешь выкинуть. Его освоить уйдёт день. Смотри на флексы и их осваивай. Вообще знание и понимание вёрстки лишним не будет. Семантика, флексы, гриды, анимации, бэм - вот это вот все.
Jquery даже не начинай. Изжило себя.

JS разбирай прямо по полочкам. Это основа! Его нужно знать, как правописание ЖИ и ШИ. Что-то посмотреть на ютубе и пойти работать не прокатит. Потом при желании освоишь бекенд. В данном случае рекомендую обучение от hexlet.

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

Мальчик 33 годика. Во frontend 4 года.
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Спасибо за совет, как раз сейчас хочу быстро набить руку на верстку и затем глубоко погрузиться в JS

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

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества

Недвижимость и ремонт

Теги

Популярные авторы

Сообщества