Что должен знать JUNIOR Фронтенд Разработчик? ROADMAP: как стать фронтенд разработчиком в 2023
* ИНТЕНСИВ "Игра на чистом 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
Пікірлер: 1 000
Очень приятно видеть, что некоторых людей движет желание помочь начинающим, а не заработать с них деньги.
Иногда удивляешься, как работают алгоритмы ютуба) Но это именно то, что мне сейчас нужно!) Спасибо!
@pomazkovjs
Жыл бұрын
Добро пожаловать!)
@mEden-xw2ke
Жыл бұрын
Та ладно. Самый ценное видео .. Таких видео на Ютубе тысячи
@liudmilam1287
Жыл бұрын
@@mEden-xw2ke Да, тысячи, но это свежее, актуальное и с наглядной подробной картой. Готовый план действий, очень много времени новичкам сэкономит.
@ptrworship
Жыл бұрын
плюс + плюс. то же самое могу сказать
@user-cvhorqqS
Жыл бұрын
Хватит лгать себе
Арсений, огромное спасибо за roadmap. На Ютубе куча подобных роликов, но именно ваш мало того, что актуальный, так и с множеством пунктов/дополнений к каждому блоку. Отличная работа!
Спасибо тебе большое, тяжело найти действительно полезную информацию без воды. Продолжай делиться своим опытом, у тебя очень круто получается!
Арсений, огромное спасибо за Вашу огромную проделанную работу! Очень полезно, доступно и без воды!
Просто, информативно и понятно. В мапе всё отлично структурировано, создается отличное понимание что и когда учить. Удачи в развитии!
Большое спасибо за пошаговую таблицу. Однозначно нужно подписаться и поставить 👍
Ооочень все структурировано, схематично и понятно Автору большой респект 😊
хотелось бы все обучающие видео по данной картинке в одном плейлисте))))))
Вы восхитительны в конце - это топчик :D Спасибо за видео. Мотивационно, потому что реально штормит от одного к другому и теряешься среди кучи непонятных тем, за что хвататься .)
то как ты подходишь к видео поражает, очень приятно смотреть и изучать, спасибо)
Очень интересно и всё лаконично, спасибо ❤️ Ещё и визуальный восторг 😍
Блин, аж слов нет. Ютуб порекомендовал мне это видео не просто так. У меня уже есть знания в HTML и CSS, но вот такой развернутый Roadmap я вижу впервые. Спасибо тебе!
Спасибо что поделился пошаговым гайдом. Только вчера дембельнулся, за год порядка 60% уже подзабыл, а тут такой классный подгон) Буду снова потихоньку вливаться 🔥
Ничего лишнего. Именно то, что нужно для начала изучения. Спасибо огромное!
Арсений, большое спасибо за помощь, так структурировано заложили базу, что за чем нужно изучать. Благодарю!
То, что доктор прописал. Очень четкий и понятный алгоритм. Спасибо большое 😀
Крутой контент, друг. Объясняешь очень круто, а то очень многие так объясняют, как будто в кругу интеллектуалов про неосязаемые чувства болтают )
Огромное спасибо, отличный контент, мотивирующий дарящий позитивные эмоции об уже проделанной работе, помогает сделать некие итоги своего уровня знаний) Спасибо 🙏
Благодарю, Арсений! Хорошая подача материала.
Арсений, благодарю за видео!Очень полезный контент, огромная мотивация и подробный, а главное актуальный родмэп. Главное - побороть лень и систематизировать обучение.
@pomazkovjs
Жыл бұрын
Спасибо! Да, внутренняя борьба - всегда самое сложное. Рад, что смог подкинуть мотивации!)
@user-yf3zc5hz3l
Жыл бұрын
@@pomazkovjs Могли бы поделиться полезными сайтами / блогами / каналамы на yt, где вы изучали html / css / js?
Привет! Очень давно за тобой слежу в различных соцсетях, ты очень крутой!! Ролик супер полезный, спасибо огромное за твои старания. Хотелось бы ролик про твой лайвстайл, что нибудь мотивирующее, какие бы советы ты дал для быстрого роста как разраб! Буду очень ждать новых роликов!❤️
@pomazkovjs
Жыл бұрын
Спасибо за поддержку!) Принято, подумаю, как это реализовать!
Только начала искать информацию, кучу источников нашла, но вот ваше видео одно из самых понятных и качественных. Спасибо!
Спасибо огромное! Эта структура - то, что нужно на начальном этапе, когда на тебя смотрит массив человеческих знаний, а ты не можешь объять необъятное!
Отличное видео, и очень хороший план развития в профессии фронтендера! Интересно было бы узнать поподробнее при первом трудоустройстве в роли джуна, всё же мидлов и сеньёров ищут сами HR ))
@pomazkovjs
Жыл бұрын
Спасибо!) Принято, проработаю)
Когда я теряю мотивацию, то такие видео просто маст хев! Понимаешь что ты уже молодец и нужно еще поднажать и уже искать работу) Спасибо за видео!
@WarfaceNaGiB
Жыл бұрын
Нашли работу?
@luchi_m
Жыл бұрын
@@WarfaceNaGiB Пока что нет, очень трудно сейчас на рынке джунам
@WarfaceNaGiB
Жыл бұрын
@@luchi_m такая же история в моем городе Караганда. 2 вакансии и по 100 откликов
@luchi_m
Жыл бұрын
@@WarfaceNaGiB Пробуйте искать удаленно плюсом поддтягивать английский
@Harmonie-gu7fs
10 ай бұрын
@@luchi_m сколько обучаетесь уже программированию? как себя оцениваете? Я вот вообще нифига еще не учил, 26 лет хз даже стоит ли начинать)
Спасибо за доступный и полезный контент, без воды и лишних вставок)
Спасибо за подробный разбор! Новичку здорово экономит время !👍
Только начинаю изучать веб-разработку и ваше видео как план действий просто что-то нереальное, потому что миллион данных ты хватаешься за все, а теперь я знаю как структурировать свое обучение, спасибо. Ну и еще очень жду подробных видео на каждый блок и практических занятий.
Не плохо было бы, на каждый этап снять по ролику с практическими заданиями)
@dmitry1422
Жыл бұрын
+1
@yriyrshk3440
Жыл бұрын
+
@khusravokilov9162
Жыл бұрын
+
@rich_man6888
Жыл бұрын
✅
@yriyrshk3440
Жыл бұрын
+++
Спасибо за твою работу, продолжай делать то, что ты делаешь
супер! чем подробнее роудмап, тем раньше хочется начать заниматься! моё почтение за труды!
Мне 16 лет, html начали изучать ещё на первом курсе в колледже, т.к. пошёл на техника по защите информации, правда по мимо одних в неделю уроков информатики я в это не углублялся, но сейчас мне пипец как интересна вся эта тема, спасибо за roadmap! Очень хочу до 18 лет стать хотя бы джуном
@user-re5gv8vp7u
9 ай бұрын
Джуном спокойно можно стать за год,главное не бросать)
Прекрасный road map, в дальнейшем, если кто-либо будет спрашивать "как понять что я дорос до junior/middle" знаю куда отправлять. Единственное замечание/дополнение, которое хочется добавить. Junior, по моему скромному мнению, обязан уметь работать с запросами и иметь хотя бы, базовое понимание принципа работы XMLHttpRequest, стандартных методов(post, get, put, delete), ну и применение axios и fetch, хотя бы на уровне интуиции, а-ля: -есть какие-то then/catch и они как-то работают. Спасибо за такой контент, удивляет факт, что достаточно небольшой автор способен генерировать контент такого уровня. Удачи в развитии, Вы прекрасны :)
@pomazkovjs
Жыл бұрын
Большое спасибо, Кирилл! В целом, согласен, эти знания будут только плюсом. Добро пожаловать на канал, и буду рад, если посоветуете к просмотру друзьям и знакомым)
Кстати, да Реально полезно, нигде нет последовательной программы вхождения на эту тропу, а ты прям всё по полочкам! Спасибо!
Пересмотрела достаточно видео и нигде не дали такой подробный план обучения как в этом видео. Теперь хоть понятно как двигаться. Спасибо!
Привет. Можешь сделать видео про курсы платные/бесплатные, которые соответствовали бы твоему roadmap? А то многие новички, как и я, теряют много времени на курсах, конструкция которых отличается от твоей схемы.
@Aziikus
Жыл бұрын
По своему опыту скажу так. Курсы нужны только для того, чтобы у тебя был какой то план обучения и только для этого. Я проходил курс по JS "[Udemy] Полный курс по JavaScript + React - с нуля до результата (2022) [RU]" Ивана Петреченко. С одной стороны вроде все понятно, но шаг в лево, шаг в право и ты уже начинаешь плыть. Если изучаешь курсы, нужно изучать как в глубину так и в ширину. Из за этого твоё обучение начнет растягиваться по времени, но зато будут крепкие знания, то есть после курсов ты не будешь как типичный чувак окончивший курсы, где стоит отойти от темы и уже плаваешь. Так же я проходил бесплатное конкурсное обучение у одной компании. Там чуваки пробегают галопом по европе и если опять же не изучать что то самостоятельно, то хрен тебя возьмут.
@my_april_lie6320
6 ай бұрын
@@Aziikusпрочитал вал комментарий но так и не смог выделить для себя вердикт по курсу Ивана. Сам начал сейчас этот курс, прошёл перед этим его же курс по вëрстке. Можете дать ещё чуть фидбека. То что нужно учить что то дополнительное, помимо курса это я понял, но может быть вам есть ещё что сказать. Спасибо
учу фронт соло месяцев 9-10 , поначалу учил по 4-6 часов в день , потом начал перегорать и учить по 30 минут - 2 часа в день , при изучении JS вообще скипнул алгоритмы и функции(было не интересно), хорошо выучил ДОМ , связал со своим проектом . Сделал при нажатии кнопки активными , выплывающие списки , бургеры . Кайф . потом подумал , что я уже достаточно крут для реакта , начал учить . Понял , что еще слаб для реакта и отложил его . Сейчас учу алгоритмы , работу с фунциями массивами и тд по CodeWars , хз куда меня это заведет , никакой картины впереди не вижу . Английский вроде есть b1-b2 , 20 лет скоро мне .
@yahakimchik
6 ай бұрын
Удачи! Я тоже начинающий backend python. По началу 2-3 месяца сам учил, после нашёл хорошего учителя и из за прежних самостоятельных обучении закончил обучение раньше на 3 месяца от запланированного. Учитель взял недавно меня в стажировку, выполняю сейчас свой первый боевой проект на DRF:)
@saswigoo1069
6 ай бұрын
@@yahakimchik где ментора искал ?
@yahakimchik
6 ай бұрын
@@saswigoo1069 Да само как то нашлось, увидел рекламу:) Позвонил по номеру, поговорил, задал вопросы, показался хорошим наставником, вот и пошёл на пробный урок
@Fufilyar
6 ай бұрын
@@yahakimchikтоже хочу узнать насчёт ментора
@yahakimchik
6 ай бұрын
@@Fufilyar Я уже написал ведь
Спасибо, было полезно! Вы замечательно выглядите
Конечно развернутый лучше :) Спасибо это то что мне сейчас нужно 🤝👍, а самое главное что мне нужно было услышать это момент когда нужно начинать рассылать резюме и ободряюще слова, что эти не удачи с которыми могу столкнутся это опыт❤️
Было ОЧЕНЬ полезно. Мне 15 лет и я уже как полтора года изучаю веб разработку(самоучка). Долго не мог понять какой же у меня уровень фронтенда, и после этого видео стало понятно, что почти твёрдый джун. Думаю это хорошо для 15 лет😁
@pomazkovjs
Жыл бұрын
Это не просто хорошо для 15 лет, это фантастически хорошо! Так держать, огородных успехов и удачи в будущем!)
@tigran7011
Жыл бұрын
@@user-ut2nz3iv7w, автор видео же сказал. Делай.
@user-ij9qf9yx8z
Жыл бұрын
я в 15 уже сеньором был
@tigran7011
Жыл бұрын
@@user-ij9qf9yx8z, есть чему учится
@iconenemy99
Жыл бұрын
Ну, боюсь, тебя расстроить, но на нынешний рынок как раз таки знания по версии автора «middle» - являются знаниями junior full stack. Да и то, я бы еще дополнил список различными технологиями, по типу различных thirdAPI
Обычно наоборот называют намного больше необходимых знаний для устройства на первую работу)) Спасибо за видео, поняла, что правильно уже начала рассылать резюме, как раз перед изучением Реакта. Пока, правда, позвали только на одно очное собеседование (а я ищу удалёнку), плюс от другой компании предложили тестовые задания на логику, которые я успешно завалила 😄 Это выхлоп с 30-40 откликов.
@user-od4ut8oc8q
Жыл бұрын
Таня,а где учитесь?на курсах каких-то или сами?
@tanya_brut
Жыл бұрын
@@user-od4ut8oc8q везде 😄 Курс Rolling Scopes School. И в дополнение к нему Ютуб, статьи, книги. Но больше всего помогает, конечно, когда есть к кому обратиться за советом, уточнить, разобрать ошибки. Без помощи я даже с гитом разобраться не смогла сама 🤦
@user-od4ut8oc8q
Жыл бұрын
@@tanya_brut молодец!✊желаю скорейшего и успешного трудоустройства! Тоже планирую начать обучение на фронта ближ.время,но начитавшись ваших коментов уже думаю- стоит ли,многие пишут работу найти едва ли реально сейчас😭
@tanya_brut
Жыл бұрын
@@user-od4ut8oc8q да, мне тоже так говорят. Ну и не пофиг ли? Пока все грустят и посыпают голову пеплом, вы учитесь. Как только понадобятся джуны, вы первая получите работу))
@user-od4ut8oc8q
Жыл бұрын
@@tanya_brut Ваши слова да Богу в уши😊напишите хоть позже как там сложится у вас,когда возьмут куда-то)
Было познавательно, спасибо Надеюсь ютуб не блокнут, и я продолжу тебя смотреть
Отличный ориентир в этом «дремучем лесу» потока информации! Спасибо, очень экономит время новичку 👍
Арсений, спасибо за видео! Подскажи по своему опыту, стоит ли делать прям сильный упор на верстку джуну? Или лучше углубляться в JS и верстке уделять меньше времени?
@andrewsokolovsky9127
Жыл бұрын
Хороший вопрос кстати, присоединяюсь
@pomazkovjs
Жыл бұрын
Рад, что было полезно! Не стоит. Для прогрессии в роли фронтенд-разработчика достаточно верстать на среднем уровне, зная, для чего нужны разные свойства и в каких ситуациях что применять. Главное, чему стоит уделять внимание - JS + один из фреймворков (советую React, как самый популярный и востребованный).
@itsemil2722
Жыл бұрын
@@pomazkovjs спасибо
Эх, а ведь на самом деле знаний для мидла из этого роадмепа хватит лишь на трудоустройство джуном
Кайфы, очень классный roadmap, спасибо за труд!)
Большое спасибо, очень пригодилось бы чуть ранее, но сейчас тоже очень полезно, никогда не поздно повторить и начать сначала
🔥Мой интенсив по JS: pomazkovjs-hangman.ru/ ⭐ Поддержать донатом: boosty.to/pomazkovjs/single-payment/donation/500599 Больше крутого контента: 🚀 Telegram - t.me/pomazkovjs 👀 Instagram - instagram.com/pomazkov.js
@andrewsokolovsky9127
Жыл бұрын
Здравствуйте, а не случится ли так, что программисты уже будут нужны меньше из-за ai в скором времени? Я на том этапе, когда я знаю js неплохо, даже уже паттерны начал практиковать с e-commerce проектом, и появилось ощущение, что как-будто уже и не нужно это из-за бота, который может по команде написать скрипт, или также конструкторы по типу shopify/wordpress, с которыми нужно минимум кода. А на фрилансе такое ощущение, что ужасная конкуренция, вообщем пока ничего не получается как-то(. Вижу как все вокруг пишут, что нашли работу, а у меня ничего😔
@andrewsokolovsky9127
Жыл бұрын
Кстати, без реакта вообще не вариант двигаться? Просто мне например не понравилось, что с реактом очень часто сайт становится медленным, но нравится, что с vanilla все работает чаще быстро и плавно. Хотя с next.js тоже все ок, но вообщем, реакт обязательно нужно знать?
@pomazkovjs
Жыл бұрын
То, что Вы описываете - на 100% верные шаги для роста как хороший фронтенд-разработчик. Если уже давно рассылаете отклики на вакансии, попробуйте изменить подход: обновить резюме, сделать сайт-портфолио с проектами. Тратить времени на каждый отклик нужно немного: составляется определённый скелет письма под конкретный опыт и далее слегка кастомизируется в зависимости от компании, куда отправляется отклик. Помимо hh попробуйте поискать на habr career, getmatch. На фриланс я слишком ставить не советую: там часто люди ищут работу "под ключ" + часто есть заказы на работу с вордпрессом и тд - а это иная ветка развития. На мой взгляд, чем изучать всё это, лучше потратить время на JS и React. И да, без знания какого-то из популярный инструментов (React/Vue/Angular) сейчас работу найти будет очень сложно. А если Реакт замедляет работу сайта, значит, в Вашем коде что-то работает не так, как должно) Сама по себе технология упрощает и ускоряет разработку, на производительность в масштабах локальной разработки это влиять не должно И ещё раз совет - не прекращайте прокачиваться) Желаю удачи в поиске работы!
@AndreyChursin
Жыл бұрын
а можно вопрос от старпёра который прое..л прогресс :-) может у вас будут мысли... предыстория: большая часть сайтов собирается из модулей html+js+css (слайдер/таблица/детальная/...) современные фреймворки(компиляторы) собирают все файлы в единый-оптимизированный js/css - для спа приложения наверное норм, но для ИМ - я совершенно не понимаю для чего все "яйца складывать в одну корзину", потом придумывать SSR, затем придумывать как дробить на чанки что бы не тащить всё сразу и тд. в чём действительно выигрыш нежели написать html+js+css и заинклудить каждое там где нужно..? почему компиляция js кода перешла в компиляцию всего фронта ?
@user-jc1zl8xx2e
Жыл бұрын
Можно ссылку это фото , точнее на конструкцию
Отличная подача нужной информации! Спасибо!
По красоте! Спасибо за ролик!
Большое спасибо!! Я всегда недооцениваю себя, благодаря этому видео я понял что уже близок к junior frontend разработчику!!
Спасибо было очень интересно, сам интересуюсь frontend разработкой. Недавно начал изучать, благодаря вам теперь я точно знаю как мне стоит двигаться дальше. Ещё раз спасибо:)
информация которую я искал была у тебя,это круто! лайк,подписка!
Классно получилось, сделал понятную роад мэп в интернете наконец-то и разъясни. Продолжай в том же духе, всё получится!❤
Как мне повезло!🎉🎉🎉 Спасибо за такой полезный ролик 🤩🤩🤩
Спасибо дорогой... Очень интересно и понятно🙏✌
Спасибо, полезно! Сохранил себе этот роадмэп)
Спасибо, очень полезное видео! 👍🏻
Спасибо большое, очень полезно, надеюсь я пройду этот путь до конца✊
Спасибо за информацию. Очень полезно. Теперь есть понимание куда двигаться! Через несколько месяцев увидим, что из этого выйдет!
Спасибо за информацию, понимание того что двигаешься в правильном направлении очень подстегивает уверенность!
Арсений, спасибо за видеоролики, смотрю уже 4ое видео)
Спасибо за контент! 🔥
Вот это видео оказалось самым полезным в сортировании информации, спасибо за огромную работу, ты крутой!
Очень крутая, понятная подача. Спасибо за твои разъяснения. Не буду отвлекать, продолжай создавать этот контент)))
Блин это было круто! Спасибо!😍
Спасибо🙏🏻 очень внятно и кратко объяснил👍 Подписка оформлена, жду следущие видео
Спасибо огромное за подробный roadmap! Премного благодарен!
Спасибо большое за видео, очень полезно! Изучаю самостоятельно FE, тоже метаюсь что же смотреть и читать, сейчас появилась четкая структура!
Благодарю за вашу работу! Подписалась!👍
Очень полезно! Благодарю)
это очень полезно, БОЛЬШОЕ спасибо за видео!))))
спасибо за такой подробный гайд и схему🌿
Бро, ты самый благотворящий добродетель, спасибо тебе 👍👍👍🤝
Как же я благодарен ютубу что он не ошибся с рекомендацией этого видео. А еще больше автору!
Самый топовый роадмэп что я видел. Спасибо!)
Спасибо за такой полезный ролик, удачи тебе, продолжай в том же духе💥💫
Благодарю Вас, Арсений!
Было полезно, спасибо 😊
Просто максимально полезная инфа и главное все по полкам без воды и все по сути ..Много подобного есть но в такой форме впервые вижу , очень удобно и понятно)...Спасибо огромное
Годный видос, спасибо, бро!
Лучшее видео на эту тему. Желаю автору миллион подписчиков. Я обязательно расскажу об этом канале своим друзьям и однокурсникам.
Очень полезное видео! Спасибо ещё раз что сделал такой полезный контент🔥
@Baxrom1979
Жыл бұрын
Спасибо вам за знания которые вы нам подарили
Классное видео, спасибо) можно столько времени сэкономить и нервов, зная как построить путь)
Наконец-то все по полочкам , спасибо
Спасибо! очень полезно, все разложилось по полочкам )
Спасибо за roadmap, попробую по нему изучать👍
Видео оказалось не просто полезным, а очень полезным. Лайк и подписка)
Всё по делу и без воды - топ контент!
Спасибо! Это как раз то, что мне сейчас нужно!!!
Спасибо огромное, очень полезное и понятное видео для новичка❤
Спасибо, содержательно и главное понятно 👍
Вот что я всё время искал ! спасибо тебе большое
Спасибо, очень полезное видео❤Лайк для продвижения
Было полезно, очень благодарен за такое видео. Действительно помогает что мне нужно изучить а что уже есть в моей памяти.
Неделю искал информацию с чего начать, и наконец-то Ютуб выдал мне это видео! Очень полезное видео
то что было нужно! респект )
Спасибо большое за твой труд!
Да, очень полезно) Продолжай.😁