Что должен знать JUNIOR Фронтенд Разработчик? ROADMAP: как стать фронтенд разработчиком в 2023
Vložit
- čas přidán 18. 05. 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
+
+
✅
+++
Мне 16 лет, html начали изучать ещё на первом курсе в колледже, т.к. пошёл на техника по защите информации, правда по мимо одних в неделю уроков информатики я в это не углублялся, но сейчас мне пипец как интересна вся эта тема, спасибо за roadmap! Очень хочу до 18 лет стать хотя бы джуном
Джуном спокойно можно стать за год,главное не бросать)
Конечно развернутый лучше :) Спасибо это то что мне сейчас нужно 🤝👍, а самое главное что мне нужно было услышать это момент когда нужно начинать рассылать резюме и ободряюще слова, что эти не удачи с которыми могу столкнутся это опыт❤️
Огромное спасибо, отличный контент, мотивирующий дарящий позитивные эмоции об уже проделанной работе, помогает сделать некие итоги своего уровня знаний)
Спасибо 🙏
Только начинаю изучать веб-разработку и ваше видео как план действий просто что-то нереальное, потому что миллион данных ты хватаешься за все, а теперь я знаю как структурировать свое обучение, спасибо. Ну и еще очень жду подробных видео на каждый блок и практических занятий.
Прекрасный road map, в дальнейшем, если кто-либо будет спрашивать "как понять что я дорос до junior/middle" знаю куда отправлять.
Единственное замечание/дополнение, которое хочется добавить. Junior, по моему скромному мнению, обязан уметь работать с запросами и иметь хотя бы, базовое понимание принципа работы XMLHttpRequest, стандартных методов(post, get, put, delete), ну и применение axios и fetch, хотя бы на уровне интуиции, а-ля: -есть какие-то then/catch и они как-то работают.
Спасибо за такой контент, удивляет факт, что достаточно небольшой автор способен генерировать контент такого уровня. Удачи в развитии, Вы прекрасны :)
Большое спасибо, Кирилл! В целом, согласен, эти знания будут только плюсом.
Добро пожаловать на канал, и буду рад, если посоветуете к просмотру друзьям и знакомым)
Очень интересно и всё лаконично, спасибо ❤️
Ещё и визуальный восторг 😍
Спасибо было очень интересно, сам интересуюсь frontend разработкой. Недавно начал изучать, благодаря вам теперь я точно знаю как мне стоит двигаться дальше. Ещё раз спасибо:)
учу фронт соло месяцев 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прочитал вал комментарий но так и не смог выделить для себя вердикт по курсу Ивана. Сам начал сейчас этот курс, прошёл перед этим его же курс по вëрстке. Можете дать ещё чуть фидбека.
То что нужно учить что то дополнительное, помимо курса это я понял, но может быть вам есть ещё что сказать. Спасибо
Ничего лишнего. Именно то, что нужно для начала изучения. Спасибо огромное!
Отличный ориентир в этом «дремучем лесу» потока информации! Спасибо, очень экономит время новичку 👍
Было ОЧЕНЬ полезно. Мне 15 лет и я уже как полтора года изучаю веб разработку(самоучка). Долго не мог понять какой же у меня уровень фронтенда, и после этого видео стало понятно, что почти твёрдый джун. Думаю это хорошо для 15 лет😁
Это не просто хорошо для 15 лет, это фантастически хорошо! Так держать, огородных успехов и удачи в будущем!)
@@user-ut2nz3iv7w, автор видео же сказал. Делай.
я в 15 уже сеньором был
@@user-ij9qf9yx8z, есть чему учится
Ну, боюсь, тебя расстроить, но на нынешний рынок как раз таки знания по версии автора «middle» - являются знаниями junior full stack. Да и то, я бы еще дополнил список различными технологиями, по типу различных thirdAPI
Арсений, спасибо за видео!
Подскажи по своему опыту, стоит ли делать прям сильный упор на верстку джуну? Или лучше углубляться в JS и верстке уделять меньше времени?
Хороший вопрос кстати, присоединяюсь
Рад, что было полезно!
Не стоит. Для прогрессии в роли фронтенд-разработчика достаточно верстать на среднем уровне, зная, для чего нужны разные свойства и в каких ситуациях что применять. Главное, чему стоит уделять внимание - JS + один из фреймворков (советую React, как самый популярный и востребованный).
@@pomazkovjs спасибо
Классно получилось, сделал понятную роад мэп в интернете наконец-то и разъясни. Продолжай в том же духе, всё получится!❤
супер! чем подробнее роудмап, тем раньше хочется начать заниматься! моё почтение за труды!
Эх, а ведь на самом деле знаний для мидла из этого роадмепа хватит лишь на трудоустройство джуном
Обычно наоборот называют намного больше необходимых знаний для устройства на первую работу))
Спасибо за видео, поняла, что правильно уже начала рассылать резюме, как раз перед изучением Реакта.
Пока, правда, позвали только на одно очное собеседование (а я ищу удалёнку), плюс от другой компании предложили тестовые задания на логику, которые я успешно завалила 😄 Это выхлоп с 30-40 откликов.
Таня,а где учитесь?на курсах каких-то или сами?
@@user-od4ut8oc8q везде 😄
Курс Rolling Scopes School. И в дополнение к нему Ютуб, статьи, книги. Но больше всего помогает, конечно, когда есть к кому обратиться за советом, уточнить, разобрать ошибки. Без помощи я даже с гитом разобраться не смогла сама 🤦
@@tanya_brut молодец!✊желаю скорейшего и успешного трудоустройства! Тоже планирую начать обучение на фронта ближ.время,но начитавшись ваших коментов уже думаю- стоит ли,многие пишут работу найти едва ли реально сейчас😭
@@user-od4ut8oc8q да, мне тоже так говорят. Ну и не пофиг ли? Пока все грустят и посыпают голову пеплом, вы учитесь. Как только понадобятся джуны, вы первая получите работу))
@@tanya_brut Ваши слова да Богу в уши😊напишите хоть позже как там сложится у вас,когда возьмут куда-то)
Большое спасибо, очень пригодилось бы чуть ранее, но сейчас тоже очень полезно, никогда не поздно повторить и начать сначала
Было познавательно, спасибо
Надеюсь ютуб не блокнут, и я продолжу тебя смотреть
🔥Мой интенсив по 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 кода перешла в компиляцию всего фронта ?
Можно ссылку это фото , точнее на конструкцию
Спасибо за доступный и полезный контент, без воды и лишних вставок)
Спасибо за подробный разбор! Новичку здорово экономит время !👍
Благодарю, Арсений! Хорошая подача материала.
информация которую я искал была у тебя,это круто!
лайк,подписка!
Большое спасибо!!
Я всегда недооцениваю себя, благодаря этому видео я понял что уже близок к junior frontend разработчику!!
Спасибо за твою работу, продолжай делать то, что ты делаешь
Кайфы, очень классный roadmap, спасибо за труд!)
Просто максимально полезная инфа и главное все по полкам без воды и все по сути ..Много подобного есть но в такой форме впервые вижу , очень удобно и понятно)...Спасибо огромное
Спасибо, было полезно!
Вы замечательно выглядите
Спасибо за информацию. Очень полезно. Теперь есть понимание куда двигаться! Через несколько месяцев увидим, что из этого выйдет!
Спасибо🙏🏻 очень внятно и кратко объяснил👍 Подписка оформлена, жду следущие видео
Спасибо огромное за подробный roadmap! Премного благодарен!
Лучшее видео на эту тему. Желаю автору миллион подписчиков. Я обязательно расскажу об этом канале своим друзьям и однокурсникам.
Было полезно, очень благодарен за такое видео. Действительно помогает что мне нужно изучить а что уже есть в моей памяти.
Спасибо большое за видео, очень полезно! Изучаю самостоятельно FE, тоже метаюсь что же смотреть и читать, сейчас появилась четкая структура!
Большое спасибо за столь подробное и информативное видео) Я некоторое время пыталась развиться в этом направлении, но вечно приходилось отвлекаться на текущие дела и просто не могла грамотно выстроить себе стратегию обучения. А теперь с таким планом, приятно понимать что уже многое мне известно, и видеть куда стоит двигаться дальше
А ещё просто чтоб ты знал - ты безумно красивый ☺
Спасибо! очень полезно, все разложилось по полочкам )
Спасибо за информацию, понимание того что двигаешься в правильном направлении очень подстегивает уверенность!
спасибо большое за этот ролик, сейчас я в начале этого непростого пути и, мягко говоря, абсолютно потерян в плане "что где куда и как", но всё больше склоняюсь к фронтэнду, да ещё и Ваш видеоролик попался, думаю, что это то, чего мне как раз не хватало:)
Арсений, спасибо за видеоролики, смотрю уже 4ое видео)
Спасибо большое, очень полезно, надеюсь я пройду этот путь до конца✊
Как мне повезло!🎉🎉🎉
Спасибо за такой полезный ролик 🤩🤩🤩
Бро, спасибо тебе, а то после изучения JS выскочил на Vue 3, потерялся, начав изучать даже php с SQL'ом. И сейчас понял что лучше структурированное и постепенное изучение. Твой roadmap попался как раз вовремя, то что нужно!
Спасибо за такой полезный ролик, удачи тебе, продолжай в том же духе💥💫
Очень полезное видео! Спасибо ещё раз что сделал такой полезный контент🔥
Спасибо вам за знания которые вы нам подарили
Спасибо было полезно послушать + отдельное спасибо за RoadMap
Отличная подача нужной информации! Спасибо!
Очень крутая, понятная подача. Спасибо за твои разъяснения. Не буду отвлекать, продолжай создавать этот контент)))
Всё по делу и без воды - топ контент!
Видео очень полезное! Большое тебе спасибо)
Распечатаю, повешу на стену. Надеюсь, меня ждет успех :D
Наконец-то все по полочкам , спасибо
Неделю искал информацию с чего начать, и наконец-то Ютуб выдал мне это видео! Очень полезное видео
Вот это видео оказалось самым полезным в сортировании информации, спасибо за огромную работу, ты крутой!
Спасибо, полезно! Сохранил себе этот роадмэп)
Спасибо дорогой... Очень интересно и понятно🙏✌
Благодарю за вашу работу! Подписалась!👍
Классное видео, спасибо) можно столько времени сэкономить и нервов, зная как построить путь)
Как же я благодарен ютубу что он не ошибся с рекомендацией этого видео. А еще больше автору!
крайне полезно, спасибо автору, буду рад увидеть такое же видео но с бэкендов в часности про ноду
Контент который ты подарил в этом видео, дал мне в частности какой-то путь осознания всего программирования в целом, thnx)
спасибо друг)))Очень нужно было это видео)))
Бро, ты самый благотворящий добродетель, спасибо тебе 👍👍👍🤝
Классный видос )) Даже мотивация появилась ❤🎉🎉
Редко пишу комментарии, но тут грех не написать, друг, ты реально крут, делай больше таких видео!
Спасибо огромное за видео! Не так страшно приступать к изучению новой профессии, когда всё разложено по полочкам.
Дерзайте! Удачи в обучении)
Видео оказалось не просто полезным, а очень полезным. Лайк и подписка)
Классное видео, начал изучать JS с августа. Приближаюсь к отметке джуна.
это очень полезно, БОЛЬШОЕ спасибо за видео!))))
Шикарно, спасибо! Я уже на уровне изучения TS и алгоритмов, но чувствую где-то пробелы в знаниях, ты супер понятно объясняешь базу.
Уже год прошел почти, как успехи?
спасибо за такой подробный гайд и схему🌿
было ли полезно данное видео однозначно да! хотелось бы ещё практики по пунктам увидеть от вас! спасибо за видео
Спасибо большое, очень полезная информация.
Спасибо за roadmap, попробую по нему изучать👍
Спасибо! Занимаюсь разработкой электронного обучения, там используются конструкторы, но приходится дописывать какие-то вещи кодом. Давно есть идея перейти во фронтенд, но не мог добавиться от коллег из разработки внятного плана действия. Теперь есть что-то понятное)
Спасибо, очень полезное видео! 👍🏻