Что должен знать JUNIOR Фронтенд Разработчик? ROADMAP: как стать фронтенд разработчиком в 2023
ฝัง
- เผยแพร่เมื่อ 17 พ.ค. 2024
- * ИНТЕНСИВ "Игра на чистом JS: с нуля до деплоя": pomazkovjs-hangman.ru/
⭐ Поддержать донатом: boosty.to/pomazkovjs/single-p...
В этом видео мы рассмотрим подробный пошаговый план изучения программирования для достижения уровня Junior и Middle.
Посмотрев видео до конца, вы узнаете:
- Как стать веб программистом самостоятельно
- Как стать джуниор фронтенд разработчиком
- В каком порядке стоит изучать фронтенд
- В чем разница между джуниор и миддл разработчиком
... и многое другое.
Приятного просмотра! 🔥
➡️ Roadmap: miro.com/app/board/uXjVOv90G2k=/
* ТАЙМ-КОДЫ:
0:00 Как я изучал фронтенд
0:56 План обучения фронтенд разработке
1:16 HTML с нуля
2:18 CSS
3:08 Система контроля версий Git
4:00 Как работает браузер и интернет
4:47 JavaScript
6:17 React JS
7:13 Продвинутый JavaScript
8:45 Как найти работу Junior Frontend
9:37 Инструменты для фронтенд разработки
11:58 Typescript
12:48 Браузер и сеть: pro level
13:28 Теория: паттерны в программировании
14:20 Отличие миддл от синьор
14:42 Backend для фронтенд разработчика
15:39 Заключение
* СОЦ. СЕТИ:
👀 Instagram - / pomazkov.js
🚀 Telegram - t.me/pomazkovjs
* ОБО МНЕ:
Меня зовут Арсений Помазков, я - senior frontend-разработчик, начавший карьеру на американской фрилансе-бирже и прошёдший путь от «стажёра» до «старшего разработчика».
Я обучился программированию самостоятельно, и моя цель - показать вам, что веб-разработка - это не только перспективно и востребовано, но и очень увлекательно 🔥
#фронтенд #roadmap
Иногда удивляешься, как работают алгоритмы ютуба) Но это именно то, что мне сейчас нужно!) Спасибо!
Добро пожаловать!)
Та ладно. Самый ценное видео ..
Таких видео на Ютубе тысячи
@@mEden-xw2ke Да, тысячи, но это свежее, актуальное и с наглядной подробной картой. Готовый план действий, очень много времени новичкам сэкономит.
плюс + плюс. то же самое могу сказать
Хватит лгать себе
Очень приятно видеть, что некоторых людей движет желание помочь начинающим, а не заработать с них деньги.
хотелось бы все обучающие видео по данной картинке в одном плейлисте))))))
Просто, информативно и понятно. В мапе всё отлично структурировано, создается отличное понимание что и когда учить.
Удачи в развитии!
Арсений, огромное спасибо за Вашу огромную проделанную работу! Очень полезно, доступно и без воды!
Вы восхитительны в конце - это топчик :D Спасибо за видео. Мотивационно, потому что реально штормит от одного к другому и теряешься среди кучи непонятных тем, за что хвататься .)
Арсений, огромное спасибо за roadmap. На Ютубе куча подобных роликов, но именно ваш мало того, что актуальный, так и с множеством пунктов/дополнений к каждому блоку. Отличная работа!
Спасибо тебе большое, тяжело найти действительно полезную информацию без воды. Продолжай делиться своим опытом, у тебя очень круто получается!
Спасибо что поделился пошаговым гайдом. Только вчера дембельнулся, за год порядка 60% уже подзабыл, а тут такой классный подгон)
Буду снова потихоньку вливаться 🔥
Крутой контент, друг. Объясняешь очень круто, а то очень многие так объясняют, как будто в кругу интеллектуалов про неосязаемые чувства болтают )
то как ты подходишь к видео поражает, очень приятно смотреть и изучать, спасибо)
Арсений, большое спасибо за помощь, так структурировано заложили базу, что за чем нужно изучать. Благодарю!
Блин, аж слов нет. Ютуб порекомендовал мне это видео не просто так. У меня уже есть знания в HTML и CSS, но вот такой развернутый Roadmap я вижу впервые. Спасибо тебе!
Арсений, благодарю за видео!Очень полезный контент, огромная мотивация и подробный, а главное актуальный родмэп. Главное - побороть лень и систематизировать обучение.
Спасибо! Да, внутренняя борьба - всегда самое сложное.
Рад, что смог подкинуть мотивации!)
@@pomazkovjs Могли бы поделиться полезными сайтами / блогами / каналамы на yt, где вы изучали html / css / js?
Большое спасибо за пошаговую таблицу. Однозначно нужно подписаться и поставить 👍
Благодарю, Арсений! Хорошая подача материала.
То, что доктор прописал. Очень четкий и понятный алгоритм. Спасибо большое 😀
Привет! Очень давно за тобой слежу в различных соцсетях, ты очень крутой!! Ролик супер полезный, спасибо огромное за твои старания. Хотелось бы ролик про твой лайвстайл, что нибудь мотивирующее, какие бы советы ты дал для быстрого роста как разраб! Буду очень ждать новых роликов!❤️
Спасибо за поддержку!)
Принято, подумаю, как это реализовать!
Огромное спасибо, отличный контент, мотивирующий дарящий позитивные эмоции об уже проделанной работе, помогает сделать некие итоги своего уровня знаний)
Спасибо 🙏
Очень интересно и всё лаконично, спасибо ❤️
Ещё и визуальный восторг 😍
Когда я теряю мотивацию, то такие видео просто маст хев! Понимаешь что ты уже молодец и нужно еще поднажать и уже искать работу)
Спасибо за видео!
Нашли работу?
@@WarfaceNaGiB Пока что нет, очень трудно сейчас на рынке джунам
@@luchi_m такая же история в моем городе Караганда. 2 вакансии и по 100 откликов
@@WarfaceNaGiB Пробуйте искать удаленно плюсом поддтягивать английский
@@luchi_m сколько обучаетесь уже программированию? как себя оцениваете? Я вот вообще нифига еще не учил, 26 лет хз даже стоит ли начинать)
Отличное видео, и очень хороший план развития в профессии фронтендера!
Интересно было бы узнать поподробнее при первом трудоустройстве в роли джуна, всё же мидлов и сеньёров ищут сами HR ))
Спасибо!)
Принято, проработаю)
Ооочень все структурировано, схематично и понятно
Автору большой респект 😊
Классно получилось, сделал понятную роад мэп в интернете наконец-то и разъясни. Продолжай в том же духе, всё получится!❤
Не плохо было бы, на каждый этап снять по ролику с практическими заданиями)
+1
+
+
✅
+++
Только начинаю изучать веб-разработку и ваше видео как план действий просто что-то нереальное, потому что миллион данных ты хватаешься за все, а теперь я знаю как структурировать свое обучение, спасибо. Ну и еще очень жду подробных видео на каждый блок и практических занятий.
Конечно развернутый лучше :) Спасибо это то что мне сейчас нужно 🤝👍, а самое главное что мне нужно было услышать это момент когда нужно начинать рассылать резюме и ободряюще слова, что эти не удачи с которыми могу столкнутся это опыт❤️
Спасибо, было полезно!
Вы замечательно выглядите
🔥Мой интенсив по JS: pomazkovjs-hangman.ru/
⭐ Поддержать донатом: boosty.to/pomazkovjs/single-payment/donation/500599
Больше крутого контента:
🚀 Telegram - t.me/pomazkovjs
👀 Instagram - instagram.com/pomazkov.js
Здравствуйте, а не случится ли так, что программисты уже будут нужны меньше из-за ai в скором времени?
Я на том этапе, когда я знаю js неплохо, даже уже паттерны начал практиковать с e-commerce проектом, и появилось ощущение, что как-будто уже и не нужно это из-за бота, который может по команде написать скрипт, или также конструкторы по типу shopify/wordpress, с которыми нужно минимум кода. А на фрилансе такое ощущение, что ужасная конкуренция, вообщем пока ничего не получается как-то(. Вижу как все вокруг пишут, что нашли работу, а у меня ничего😔
Кстати, без реакта вообще не вариант двигаться? Просто мне например не понравилось, что с реактом очень часто сайт становится медленным, но нравится, что с vanilla все работает чаще быстро и плавно. Хотя с next.js тоже все ок, но вообщем, реакт обязательно нужно знать?
То, что Вы описываете - на 100% верные шаги для роста как хороший фронтенд-разработчик. Если уже давно рассылаете отклики на вакансии, попробуйте изменить подход: обновить резюме, сделать сайт-портфолио с проектами. Тратить времени на каждый отклик нужно немного: составляется определённый скелет письма под конкретный опыт и далее слегка кастомизируется в зависимости от компании, куда отправляется отклик.
Помимо hh попробуйте поискать на habr career, getmatch. На фриланс я слишком ставить не советую: там часто люди ищут работу "под ключ" + часто есть заказы на работу с вордпрессом и тд - а это иная ветка развития. На мой взгляд, чем изучать всё это, лучше потратить время на JS и React.
И да, без знания какого-то из популярный инструментов (React/Vue/Angular) сейчас работу найти будет очень сложно. А если Реакт замедляет работу сайта, значит, в Вашем коде что-то работает не так, как должно)
Сама по себе технология упрощает и ускоряет разработку, на производительность в масштабах локальной разработки это влиять не должно
И ещё раз совет - не прекращайте прокачиваться)
Желаю удачи в поиске работы!
а можно вопрос от старпёра который прое..л прогресс :-) может у вас будут мысли...
предыстория: большая часть сайтов собирается из модулей html+js+css (слайдер/таблица/детальная/...)
современные фреймворки(компиляторы) собирают все файлы в единый-оптимизированный js/css - для спа приложения наверное норм, но для ИМ - я совершенно не понимаю для чего все "яйца складывать в одну корзину", потом придумывать SSR, затем придумывать как дробить на чанки что бы не тащить всё сразу и тд.
в чём действительно выигрыш нежели написать html+js+css и заинклудить каждое там где нужно..? почему компиляция js кода перешла в компиляцию всего фронта ?
Можно ссылку это фото , точнее на конструкцию
Прекрасный road map, в дальнейшем, если кто-либо будет спрашивать "как понять что я дорос до junior/middle" знаю куда отправлять.
Единственное замечание/дополнение, которое хочется добавить. Junior, по моему скромному мнению, обязан уметь работать с запросами и иметь хотя бы, базовое понимание принципа работы XMLHttpRequest, стандартных методов(post, get, put, delete), ну и применение axios и fetch, хотя бы на уровне интуиции, а-ля: -есть какие-то then/catch и они как-то работают.
Спасибо за такой контент, удивляет факт, что достаточно небольшой автор способен генерировать контент такого уровня. Удачи в развитии, Вы прекрасны :)
Большое спасибо, Кирилл! В целом, согласен, эти знания будут только плюсом.
Добро пожаловать на канал, и буду рад, если посоветуете к просмотру друзьям и знакомым)
Кайфы, очень классный roadmap, спасибо за труд!)
Ничего лишнего. Именно то, что нужно для начала изучения. Спасибо огромное!
Мне 16 лет, html начали изучать ещё на первом курсе в колледже, т.к. пошёл на техника по защите информации, правда по мимо одних в неделю уроков информатики я в это не углублялся, но сейчас мне пипец как интересна вся эта тема, спасибо за roadmap! Очень хочу до 18 лет стать хотя бы джуном
Джуном спокойно можно стать за год,главное не бросать)
Было ОЧЕНЬ полезно. Мне 15 лет и я уже как полтора года изучаю веб разработку(самоучка). Долго не мог понять какой же у меня уровень фронтенда, и после этого видео стало понятно, что почти твёрдый джун. Думаю это хорошо для 15 лет😁
Это не просто хорошо для 15 лет, это фантастически хорошо! Так держать, огородных успехов и удачи в будущем!)
@@user-ut2nz3iv7w, автор видео же сказал. Делай.
я в 15 уже сеньором был
@@user-ij9qf9yx8z, есть чему учится
Ну, боюсь, тебя расстроить, но на нынешний рынок как раз таки знания по версии автора «middle» - являются знаниями junior full stack. Да и то, я бы еще дополнил список различными технологиями, по типу различных thirdAPI
Спасибо за подробный разбор! Новичку здорово экономит время !👍
Только начала искать информацию, кучу источников нашла, но вот ваше видео одно из самых понятных и качественных. Спасибо!
Арсений, спасибо за видео!
Подскажи по своему опыту, стоит ли делать прям сильный упор на верстку джуну? Или лучше углубляться в JS и верстке уделять меньше времени?
Хороший вопрос кстати, присоединяюсь
Рад, что было полезно!
Не стоит. Для прогрессии в роли фронтенд-разработчика достаточно верстать на среднем уровне, зная, для чего нужны разные свойства и в каких ситуациях что применять. Главное, чему стоит уделять внимание - JS + один из фреймворков (советую React, как самый популярный и востребованный).
@@pomazkovjs спасибо
учу фронт соло месяцев 9-10 , поначалу учил по 4-6 часов в день , потом начал перегорать и учить по 30 минут - 2 часа в день , при изучении JS вообще скипнул алгоритмы и функции(было не интересно), хорошо выучил ДОМ , связал со своим проектом . Сделал при нажатии кнопки активными , выплывающие списки , бургеры . Кайф . потом подумал , что я уже достаточно крут для реакта , начал учить . Понял , что еще слаб для реакта и отложил его . Сейчас учу алгоритмы , работу с фунциями массивами и тд по CodeWars , хз куда меня это заведет , никакой картины впереди не вижу . Английский вроде есть b1-b2 , 20 лет скоро мне .
Удачи! Я тоже начинающий backend python. По началу 2-3 месяца сам учил, после нашёл хорошего учителя и из за прежних самостоятельных обучении закончил обучение раньше на 3 месяца от запланированного. Учитель взял недавно меня в стажировку, выполняю сейчас свой первый боевой проект на DRF:)
@@yahakimchik где ментора искал ?
@@saswigoo1069 Да само как то нашлось, увидел рекламу:) Позвонил по номеру, поговорил, задал вопросы, показался хорошим наставником, вот и пошёл на пробный урок
@@yahakimchikтоже хочу узнать насчёт ментора
@@Fufilyar Я уже написал ведь
Кстати, да
Реально полезно, нигде нет последовательной программы вхождения на эту тропу, а ты прям всё по полочкам! Спасибо!
По красоте! Спасибо за ролик!
Привет. Можешь сделать видео про курсы платные/бесплатные, которые соответствовали бы твоему roadmap? А то многие новички, как и я, теряют много времени на курсах, конструкция которых отличается от твоей схемы.
По своему опыту скажу так. Курсы нужны только для того, чтобы у тебя был какой то план обучения и только для этого. Я проходил курс по JS "[Udemy] Полный курс по JavaScript + React - с нуля до результата (2022) [RU]" Ивана Петреченко. С одной стороны вроде все понятно, но шаг в лево, шаг в право и ты уже начинаешь плыть. Если изучаешь курсы, нужно изучать как в глубину так и в ширину. Из за этого твоё обучение начнет растягиваться по времени, но зато будут крепкие знания, то есть после курсов ты не будешь как типичный чувак окончивший курсы, где стоит отойти от темы и уже плаваешь.
Так же я проходил бесплатное конкурсное обучение у одной компании. Там чуваки пробегают галопом по европе и если опять же не изучать что то самостоятельно, то хрен тебя возьмут.
@@Aziikusпрочитал вал комментарий но так и не смог выделить для себя вердикт по курсу Ивана. Сам начал сейчас этот курс, прошёл перед этим его же курс по вëрстке. Можете дать ещё чуть фидбека.
То что нужно учить что то дополнительное, помимо курса это я понял, но может быть вам есть ещё что сказать. Спасибо
Эх, а ведь на самом деле знаний для мидла из этого роадмепа хватит лишь на трудоустройство джуном
Спасибо огромное! Эта структура - то, что нужно на начальном этапе, когда на тебя смотрит массив человеческих знаний, а ты не можешь объять необъятное!
Спасибо за твою работу, продолжай делать то, что ты делаешь
Обычно наоборот называют намного больше необходимых знаний для устройства на первую работу))
Спасибо за видео, поняла, что правильно уже начала рассылать резюме, как раз перед изучением Реакта.
Пока, правда, позвали только на одно очное собеседование (а я ищу удалёнку), плюс от другой компании предложили тестовые задания на логику, которые я успешно завалила 😄 Это выхлоп с 30-40 откликов.
Таня,а где учитесь?на курсах каких-то или сами?
@@user-od4ut8oc8q везде 😄
Курс Rolling Scopes School. И в дополнение к нему Ютуб, статьи, книги. Но больше всего помогает, конечно, когда есть к кому обратиться за советом, уточнить, разобрать ошибки. Без помощи я даже с гитом разобраться не смогла сама 🤦
@@tanya_brut молодец!✊желаю скорейшего и успешного трудоустройства! Тоже планирую начать обучение на фронта ближ.время,но начитавшись ваших коментов уже думаю- стоит ли,многие пишут работу найти едва ли реально сейчас😭
@@user-od4ut8oc8q да, мне тоже так говорят. Ну и не пофиг ли? Пока все грустят и посыпают голову пеплом, вы учитесь. Как только понадобятся джуны, вы первая получите работу))
@@tanya_brut Ваши слова да Богу в уши😊напишите хоть позже как там сложится у вас,когда возьмут куда-то)
Было полезно, спасибо 😊
информация которую я искал была у тебя,это круто!
лайк,подписка!
Большое спасибо, очень пригодилось бы чуть ранее, но сейчас тоже очень полезно, никогда не поздно повторить и начать сначала
Спасибо за доступный и полезный контент, без воды и лишних вставок)
Отличная подача нужной информации! Спасибо!
Спасибо было очень интересно, сам интересуюсь frontend разработкой. Недавно начал изучать, благодаря вам теперь я точно знаю как мне стоит двигаться дальше. Ещё раз спасибо:)
Спасибо! очень полезно, все разложилось по полочкам )
Арсений, спасибо за видеоролики, смотрю уже 4ое видео)
Блин это было круто! Спасибо!😍
Спасибо, очень полезное видео! 👍🏻
Было познавательно, спасибо
Надеюсь ютуб не блокнут, и я продолжу тебя смотреть
Пересмотрела достаточно видео и нигде не дали такой подробный план обучения как в этом видео. Теперь хоть понятно как двигаться. Спасибо!
супер! чем подробнее роудмап, тем раньше хочется начать заниматься! моё почтение за труды!
Спасибо, полезно! Сохранил себе этот роадмэп)
Спасибо🙏🏻 очень внятно и кратко объяснил👍 Подписка оформлена, жду следущие видео
Спасибо дорогой... Очень интересно и понятно🙏✌
Спасибо большое, очень полезно, надеюсь я пройду этот путь до конца✊
Спасибо огромное за подробный roadmap! Премного благодарен!
Спасибо за контент! 🔥
Благодарю за вашу работу! Подписалась!👍
Спасибо за такой полезный ролик, удачи тебе, продолжай в том же духе💥💫
спасибо за такой подробный гайд и схему🌿
Годный видос, спасибо, бро!
Всё по делу и без воды - топ контент!
Отличный ориентир в этом «дремучем лесу» потока информации! Спасибо, очень экономит время новичку 👍
Большое спасибо!!
Я всегда недооцениваю себя, благодаря этому видео я понял что уже близок к junior frontend разработчику!!
Спасибо за информацию, понимание того что двигаешься в правильном направлении очень подстегивает уверенность!
Спасибо большое за видео, очень полезно! Изучаю самостоятельно FE, тоже метаюсь что же смотреть и читать, сейчас появилась четкая структура!
Спасибо за информацию. Очень полезно. Теперь есть понимание куда двигаться! Через несколько месяцев увидим, что из этого выйдет!
спасибо друг)))Очень нужно было это видео)))
это очень полезно, БОЛЬШОЕ спасибо за видео!))))
Очень полезное видео! Спасибо ещё раз что сделал такой полезный контент🔥
Спасибо вам за знания которые вы нам подарили
Очень полезно! Благодарю)
Наконец-то все по полочкам , спасибо
Лучшее видео на эту тему. Желаю автору миллион подписчиков. Я обязательно расскажу об этом канале своим друзьям и однокурсникам.
Спасибо было полезно послушать + отдельное спасибо за RoadMap
Благодарю Вас, Арсений!
Спасибо огромное, очень полезное и понятное видео для новичка❤
полезное видео, спасибо братан
Классный видос )) Даже мотивация появилась ❤🎉🎉
Как мне повезло!🎉🎉🎉
Спасибо за такой полезный ролик 🤩🤩🤩
Было полезно, спасибо!
Спасибо! Это как раз то, что мне сейчас нужно!!!
Классное видео, спасибо) можно столько времени сэкономить и нервов, зная как построить путь)
Спасибо, было очень полезно ❤
Самый топовый роадмэп что я видел. Спасибо!)
Было полезно, очень благодарен за такое видео. Действительно помогает что мне нужно изучить а что уже есть в моей памяти.
Очень крутая, понятная подача. Спасибо за твои разъяснения. Не буду отвлекать, продолжай создавать этот контент)))
Спасибо, очень полезное видео❤Лайк для продвижения
Просто максимально полезная инфа и главное все по полкам без воды и все по сути ..Много подобного есть но в такой форме впервые вижу , очень удобно и понятно)...Спасибо огромное
Вот что я всё время искал ! спасибо тебе большое
то что было нужно! респект )
Было полезно. Большое спасибо!
Спасибо за roadmap, попробую по нему изучать👍
Бро, спасибо тебе, а то после изучения JS выскочил на Vue 3, потерялся, начав изучать даже php с SQL'ом. И сейчас понял что лучше структурированное и постепенное изучение. Твой roadmap попался как раз вовремя, то что нужно!