Roadmap 2023 - What to learn in 2023 as a Front-end developer?
🔥 Get a premium subscription - htmllessons.ru/premium?...
⚡️ List of intensives by subscription - htmllessons.ru/list-intensive...
Download 🖥 pdf in our TG channel - t.me/redgroupchannel
In this cool video, we will analyze Roadmap 2023 for a front-end developer.
I hope you appreciate my efforts, please like and subscribe.
We will analyze a huge layer of technologies from the entry-level trainee to the senior front-end developer. React, Vue, Angular, Svelte is about frameworks. HTML (Semantic, Accessibility, SEO). CSS (Position, FlexBox, Grid, Media Query, Animation). SCSS or SASS. Code editor (VS Code or Webstorm). Emmet. What to learn in JavaScript Promises, Array Methods, Scoping, ?Classes?, Functions, Objects, Work with DOM and much more.
What to learn in 2023 as a Front-end developer?
00:00 - Start
01:30 - Why did I make such a Roadmap?
02:18 - Base is important
02:50 - Which framework to choose?
06:12 - Stage Trainee (Those who are just starting)
08:38 - JavaScript stage
12:00 - React stage
17:00 - Junior stage
18:42 - Next.js stage
19:55 - Middle stage
21:32 - What's next? Senior?
22:51 - Ideas for projects of different levels of development
#Roadmap #Roadmap2023 #FrontEnd #RedGroup
💡 Personal TG channel - t.me/hardmaxchannel
👉 All links (+ editor setting) and information about me - redlinks.space/
Watch the video UNTIL THE END, subscribe to the channel, put 👍 and the bell 🔔
Пікірлер: 242
🔥 Оформить премиум подписку - htmllessons.ru/premium ⚡ Список интенсивов по подписке - htmllessons.ru/list-intensives
Ты и твой канал определённо заслуживаете большего. Спасибо за roadmap, продолжай в том же духе💙
Спасибо большое! Всё чётко и понятно! :D
Макс Красавчик Все понятно расписал и объяснил ЛАЙК💪
Спасибо чел, полезная информация)
Макс, красава. Подготовился и так далее))) комментарий, как ты просил
Макс, красава, подготовился и так далее!
Спасибо! Очень полезно
Макс, красава, подготовился и так далее
Хорошая работа, Максим, я бы добавил конкретно, работу с терминалом и гит на уровень JS-React. НО и так сойдет
Макс - красава, подготовился и так далее
Макс красава, заморочился, отлично получилось и всë такое)))
Спасибо Слушаю кайфую наслаждаюсь
Good video, great map, thank you
Определённо полезная информация для фронтендеров💥💥💥
Большое спасибо
Макс красава, отлично подготовился
Макс вундеркинд, молодец! Спасибо за интересные видосы!))
Реально крутой роадмап. Ждем новых стримов на Next 13
Макс красава, подготовился и т.д.!
макс красава подготовился и так далее
Супер Макс!
Как же хорошо так быстро и четко объяснять
Полезное видео, благодарю.
Четко, спасибо! От объема на трейни уже голова кругом )
@gomuncool1004
Жыл бұрын
В целом весь этот роадмап щас требуют на Джуна.
Спасибо за Роадмап
красава!
спасибо, я долго думал, куда пойти что выбрать(просто ранее кодил задачки на питоне очень много) и решил сначала опробовать js. В js есть и backend и frontend, попробую начать изучать фронт, не понравится, пойду в бэкэнд) Не ошибусь!
@luckytima2315
Жыл бұрын
Надо было оставатся на питоне
@namerrorone2890
Жыл бұрын
@@luckytima2315 да не на фронт вакансий по больше и конкуренция не супер сильная. Она большая но 80% это те кто прошли 1-2 курса и думают что можно работать)
@woody2677
11 ай бұрын
@@namerrorone2890 так обычно каждый второй курс и рассказывает))) Да-да
Пушка 🔥
блин лучший просто
Ставлю плюсик
Отличный roadmap благодарю
Ты просто капитальный красавчик 🧊‼
@REDGroup
Жыл бұрын
Спасибо
Спасибо
Видео очень полезное!🔥
Огонь
Круто
Крутое видео, прям захотелось подписку купить, чтобы это все выучить и подтянуть то, что уже знаю😅
@REDGroup
Жыл бұрын
Добро пожаловать к нам на платформу, буду рад Вас там видеть
Видос топ! Наверно с ума сойдешь пока все это выучишь))
@REDGroup
Жыл бұрын
Главное постепенно учить
Thanks.
Очень красивая картинка!
@REDGroup
Жыл бұрын
Рад что заметили
Автор, сделай пожалуйста такую же инструкцию для vue разработчика.
Зашел написать: Макс красава, запарился👌🚀😅
Roadmap Backend ждем)
Думаю между RN и Flutter. Много инфы в интернете в пользу той и другой платформы. Хотелось бы услышать мнение тех, кто писал и там и там.
klass
🔥
Классный видос,спасибо.Все шикарно обьяснено,только вот жалко что не было информации о том сколько времени нужно для изучения того или иного языка и т.д. Сколько примерно потребуется чтобы полностью изучить уровень Trainee,Junior и т.д. занимаясь 2-3 часа в день?
@REDGroup
Жыл бұрын
Ну тут все индивидуально
@tommyking9456
Жыл бұрын
В среднем 1.5 года где-то на джуна с поиском работы выходит
@inna1305
11 ай бұрын
2-3 в день это очень мало. это может растянуться на годы
видео конечно топ, но сколько жизней нужно чтобы всё это выучить 😲
Как будтобы охуенна подача и о чень информативный ролик, продолжай мужик ты делаешь колосальную работу но он очень важна но она очень важна
Я еще до джуниора не дошел но мотивация прям за месяц до сеньора ебашить
вакансий с учётом обстановки стало меньше, порог входа выше, а в Беларуси вообще нет вакансий на джуна(
Макс, привет! Картинка супер! Что за камера/объектив? Поделись :)
@REDGroup
Жыл бұрын
Sony zv-e10 + Sigma 16mm 1.4
@арокен
Жыл бұрын
@@REDGroup Благодарю
@user-mg1mu1sn7z
Жыл бұрын
@@арокен Ого, Макс, привет)
@арокен
Жыл бұрын
@ЕГ 👋
Хорош
Согласен, Vue очень простой. А React очень не прост, Angular самый сложный
Очень полезное видео, Спасибо! У меня вопрос не по теме, простите: у вас виниры стоят или свои такие белые зубы?
@REDGroup
9 ай бұрын
Свои, я делал отбеливание. Но на видео наверно ярче смотрится
@user-dr4hs9tq5i
9 ай бұрын
@@REDGroup спасибо большое за ответ! Да, на видео выглядит очень эффектно!✨
Я столько матов за жизнь не слышал 😅. Вчера сижу , создал копию пары страниц википедии - 😎 Думаю, что скоро верстать буду. После просмотра ролика - Завод 🏭 я иду.
Привет учу js спасибо за карту! Мне 38 и вовремя, начал это сарказм, рынок падающий и не факт что IT пенсионеры нужны будут, но я не бросаю, очень интересно!
@REDGroup
Жыл бұрын
Привет, главное чтобы интерес был. Я считаю все только расти будет
@user-lq5re8ih3u
Жыл бұрын
напиши телегу свою
@ghjiijnh788bhhhjjj
Жыл бұрын
Мне 36. Я тоже учу фронтенд.
@user-lq5re8ih3u
Жыл бұрын
@@ghjiijnh788bhhhjjj ++, тоже 36)
@motor4718
Жыл бұрын
@@ghjiijnh788bhhhjjj мне 17, начал только только
Спасибо за видео, а подскажите, будет ли роадмап для web backend? какие фреймворки изучать, что актуально?
@REDGroup
Жыл бұрын
Нет, я не бэк разработчик.
@spookydotru
Жыл бұрын
@@REDGroup прошу прощения тогда, спасибо
@REDGroup
11 ай бұрын
Я преподаю
@REDGroup
11 ай бұрын
Случайно отправил, в интенсивах идет простой бэкэнд. Я знаю nest js, typescript и это позволяет мне писать бэк для любой сложности проектов. Онлайн кинотеатр или банковское приложение. Выше меня парень спросил про роадмап для Бэка. Тут я подсказать не могу, так как это моя не профильная тема, а лишь дополнительная
Привет. Подскажи, пожалуйста, есть ли typescript в твоих интенсивах?
@REDGroup
Жыл бұрын
Привет, конечно. В интенсивах для продвинутых
Кхеее, многовато мне ещё учить😆😿
@REDGroup
7 ай бұрын
Все постепенно учиться
Vue3 полностью написан на TS, как он с ним может плохо работать?) У Vue3 есть возможность писать tsx, где вы сможете писать react like, есть возможность писать на options/composition api, не нужно преймущества и специфику возводить в недостаток. Вся троица - великолепные фреймворки, у которых есть своя специфика.
@REDGroup
Жыл бұрын
А смысл писать tsx во Vue? Если вы поработает с typescript с каждым из трех у Вас не будет вопросов что лучше в плане типизации
@rikkitikkkitavi4439
Жыл бұрын
вся троица - великолепные фреймворки, ясно, понятно))
@alanmirikov5011
Жыл бұрын
@@rikkitikkkitavi4439 когда подрастешь, поймешь, что разработчик - это инженер, а не макака, который должен решать задачи, а не выбирать инструменты исходя из их "красоты"
@stoparb357
10 ай бұрын
я попробовал nuxt месяц назад, офигел с этого бреда и решил выучить react и мозг себе не колупать(все аналогично, но удобнее, уже переписываю все)
👍
Какие шансы сейчас найти работу для Trainee по JS?
Предполагаю, что Zustand читается как Цустанд (с нем. - состояние) :)
ждем видос vs code 2023
Подскажи, ты реально встаёшь 3 года в 5 утра? Как ты держишь такой режим?
Макс, забыл ссылку на телегу в описание добавить)
@REDGroup
Жыл бұрын
Добавил)
Привет, спасибо за видео! Мне 16 лет. Хочу в этом году выучиться на мидл уровень
@vladik9150
Жыл бұрын
А можно твой гитхаб?
@djmobley647
Жыл бұрын
@@vladik9150 у меня там старые проекты
@motor4718
Жыл бұрын
16 лет уже junior??? Если так, то это ого ого как круто(если слышишь такие слова, то это не должно тебя расслаблять), двигайся далее
@aleksandrchusovitin379
Жыл бұрын
есть коммерческий опыт?
@ggacr1221
Жыл бұрын
мне тоже не много лет не хочу говорить точную цифру но не больше 15 я начал тоже изучать html, css, js и не хочу останавливатся
есть вопросы за сколько времени можно пройти курс Интенсив Front-end для начинающих ?? или сколько по времени идет 1 урок?
@REDGroup
Жыл бұрын
Урок в среднем 15-25 мин. Тут зависит от человека
Не могу в телеграмме ссылку найти, можешь отдельно сделать ссылку на roadmap?
@REDGroup
Жыл бұрын
Все в закрепах
Все четко , только у тебя родмап больше к фулстаку идёт. Есть синьоры которые и не очень хорошо верстают , а нативный js на базовом уровне знают только
@_AnthonyD_
Жыл бұрын
синьор, который нативный js на базовом уровне знает - это даже не джун
@astkh4381
Жыл бұрын
@@_AnthonyD_ а на каком уровне должен знать джун js?
@REDGroup
Жыл бұрын
Как в roadmap
@REDGroup
Жыл бұрын
Я согласен nestjs можно не учить, но Вы бред пишите, senior front end должен знать JavaScript от а до я.
@verset505
Жыл бұрын
Согласен с тобой, Макс. Но ещё есть такой прикол, что в одной компании ты будешь считаться senior, а в другой только middle)
Делаешь годный контент а просмотров мало, а те кто просто болтают без примеров набирают 100к. Обидно. Удачи, продолжай топить.
@REDGroup
Жыл бұрын
Спасибо, все будет!
А есть возможность расширить пакет? Например взял на месяц, глянул, понял, что зашло, решил купить на 3 месяца или навсегда, доплачиваешь только остаток (например, 24990 - 1990).
@REDGroup
Жыл бұрын
Да, можно расширять. Пока только в ручную через поддержку.
@rpirozhkov
Жыл бұрын
@@REDGroup огонь! Спасибо за ответ.
Поясните плиз его слова про реакт и vue. На других каналах говорят реакт и вуе очень похожи и с одного перейти на другой просто
@REDGroup
Жыл бұрын
Не доверяйте этим каналам, это разные вещи. Vue будет прост для верстальщиков, ты пишешь обычный html и с атрибутами Vue. В React же придется попотеть, но и выхлоп будет лучше, Вы научитесь JavaScript
@verset505
Жыл бұрын
В veu есть уже много готовых функций и методов, которыми ты обязан пользоваться, а React даёт возможность писать это всё самому, тем самым ты будешь вынужден знать возможности JS от а до я. React это круто)
вопрос )) Как он сделал так, что бы перевод текста выполнялся через spotlight ???
@REDGroup
11 ай бұрын
Raycast и в нем расширение Google translate
Мне бы ща на первый курс чтобы это начать изучать, а то я взялся за жесткое задрачивание когда осталось меньше полугода до конца учебы и далее в открытое плавание:)
@egogrower
Жыл бұрын
Ты не один такой, друг)
@nikitaermolenko7813
Жыл бұрын
@@egogrower и как оно, скок осталось учиться и как думаешь, достаточно умеешь чтобы найти работу?)
@egogrower
Жыл бұрын
@@nikitaermolenko7813 Последний семак доучиться + на сборы военные съездить. Умею +- ничего (знаю ток основы html/css ну и на плюсах чето прогал). В универе пытались научить чему угодно, кроме программирования (матфак). Сейчас пытаюсь понять, что я вообще хочу делать. Из вариантов бигдата и веб. Готов хоть за воду из куллера работать первое время, главное чтоб в ебаный универ больше не возвращаться.
@nikitaermolenko7813
Жыл бұрын
@@egogrower понимаю.. У меня стек святой тройки html css js + react как-то и база php Но в портфолио ноль проектов) Вот думаю, идти ли в институт на вышку т.к. меня гонят.. Вряд ли сразу работу найду после шараги) а тут + 4 года поебланить и пожить в своей квартире и можно ещё подучиться Или сразу идти куда-то в пятерочку и после смены учить...
@alexandralikin3830
Жыл бұрын
@@egogrower ахахах... Хорошо сказал
Ангуляр для элиты
Роадмап крутой, но сильно похоже просто на рекламу своего продукта...
@REDGroup
Жыл бұрын
А что в этом плохого? Можно совмещать
а меня даже на джуна не берут, хотя в портфолио 1 работа есть) знаю scss, работу с dom, табы модалки аккордионы и тд. Делал викторину на js. юзай git и gulp, умею натягивать на wp сайт.
@REDGroup
Жыл бұрын
Так Вы посмотрите что в roadmap должен уметь джун
@anatolyannenko1821
Жыл бұрын
@@REDGroup просто обидно я под ключ делал многостраничник с Ajax запросами и они даже оффер на 20 тыс не дела потому что тупо отклонили резюме
@verset505
Жыл бұрын
Я тоже начал искать работу когда был junior. В итоге куда бы не пришёл все говорят, что мне ещё нужно немного подучиться. ЕЩЁ, ЕЩЁ И ЕЩЁ. В итоге забросил поиск работы, сейчас я уже middle без коммерческого опыта, но с хорошим багажом. Я даже свою социальную сеть почти доделал. Не дай бог теперь кто то мне скажет, что этого мало
@anatolyannenko1821
Жыл бұрын
@@verset505 просто обидно, у меня сейчас знаний более чем, для джуна. А друга взяли, хотя он умеет только верстать, js даже не знает и никогда не юзал его.
@devillyach2970
Жыл бұрын
@@verset505 этого мало
а зачем front-end senior знать PostgreSQL? PostgreSQL для highload back-end )))
Можно ли использовать Bootstrap вместо Tailwind?
@REDGroup
9 ай бұрын
Это абсолютно разное
Макс, многое из Middle по твоему Roadmap сейчас требуют для Junior
@REDGroup
Жыл бұрын
А что тогда на middle?
@max_mgtow
Жыл бұрын
@@REDGroupтоже самое, только чтоб были не pet projects, а ссылки на реальные проекты, либо же части кода из реальных проектов)
@REDGroup
Жыл бұрын
Я такую информацию не слышал, у нас ребята из red project говорили что устраивались с моим стуком на джуна
@max_mgtow
Жыл бұрын
@@REDGroup круто 👍 А когда это было? Потому что где-то с октября прошлого года уже нереально устроиться джуном. Если мидлов даже сокращают по всему миру...
@namerrorone2890
Жыл бұрын
@@max_mgtow в каком городе это так?
Когда настройка vs code?
@REDGroup
Жыл бұрын
Уже вот-вот
Ваш интенсив для тех кто уже знает основы REACT или все с нуля?
@REDGroup
Жыл бұрын
С нуля
@zhurabekov
Жыл бұрын
@@REDGroup для этого сперва надо хорошо знать js да? Я щас постепенно начинаю изучать. До этого на бэке работал и некоторые вещи сложно даются, поэтому такой вопрос. Я в js прям новичок)
@REDGroup
Жыл бұрын
Там есть урок по js с нуля и потом обучение. Я старался сделать для тех кто даже js не знает
@zhurabekov
Жыл бұрын
@@REDGroup спасибо что ответили. Есть у меня еще один курс ,но там курс показался сложным как будто не для новичков. Теперь задумался ваш интенсив много обещает)
Меня пугает слово интенсив, это означает что пробежимся поверхностно, я прав или ошибаюсь?
@REDGroup
10 ай бұрын
Это быстрый формат, за полноценными курсами не к нам, оно и стоит обычно не 2690₽, а 50 или 100 тысяч рублей. У нас только практика и написание проектов
То есть React Native до уровня мидла лучше не трогать?
@REDGroup
11 ай бұрын
Если уверенно знаешь реакт, то можно трогать
@Dik131WZD
11 ай бұрын
@@REDGroup спасибо
Привет Макс спасибо за Roadmap у меня вопрос мне сейчас 16 лет и я уже знаю js на уровне почти Junior знаю html css очень хорошо и я следующий неделю куплю интенсив на 3 месяца как ты думаеш я успею пройти все интенсивы
@astkh4381
Жыл бұрын
Все не успеешь.Да и смысла в этом нет все сразу проходить.
@babyzonechanell
Жыл бұрын
@@astkh4381 не все конечно React и Bacend для начинаюших и для продвинутых
@nerofighter472
Жыл бұрын
Молодец правильно делаешь. Мне в данный момент 25 лет, только устроился на первую работу. Очень жалею что не начал раньше в свои 16 лет...
@StasyHard
Жыл бұрын
А можно будет видно скачать эти? Если купить подписку
@nerofighter472
Жыл бұрын
@@StasyHard скорее всего нельзя потому и есть подписка на время. А так была бы пожизненная подписка
Скорость 0.75
А раньше зная js тебя брали на работу)
а в телегу ссылка не работает(
@REDGroup
9 ай бұрын
Все работает
Если Реакт это библиотека, а не фреймворк, то можно ли обходится только реактом? Или Реакт лучше использовать совместно с каким ни будь фреймворком? (понятно, что в каждом конкретном случаи будет свой ответ на этот вопрос, но если говорить в среднем и в целом... просто я слышал, что для того, что бы написать уникальный и сколь ни будь серьезный сайт, необходимо пользоваться фреймворком... а тут раз и выясняется, что Реакт это не фреймворк... отсюдого у меня и появился данный вопрос)
@REDGroup
Жыл бұрын
Я его считаю таким же фреймворком как и другие. Это было сказано для диванных экспертов, которые начитались документации и будут упрекать в терминологии
Карта а**енная, но я пока что ни*** не понимаю 😅
kargia!!!
все супер, но даже умный джун сегодня не пробьет овер 500 откликов на вакансию, так что не знаю...
@REDGroup
Жыл бұрын
Это все дичь, у нас ребята из redproject говорили что спокойно устраиваются. Лишняя паника вокруг этого
@user-dz1dr6wq1u
Жыл бұрын
@@REDGroup ну сейчас 12 вакансий, по 300+ откликов, как пробиться? Согласись что HR всем 300 не будет звонить. условно - 150 в мусорку - 50 плохие петы 50 остаются, даже если и так, 50 интервью, for real? я думаю шансы малы.
@REDGroup
Жыл бұрын
Ну а дальше что, опустить руки?
@user-dz1dr6wq1u
Жыл бұрын
@@REDGroup действительно, можно учиться всю жизнь, нужно работать!
@namerrorone2890
Жыл бұрын
@@user-dz1dr6wq1u работай параллельно. При любом графике можно выделить себе в неделю 10+ часов обучения
Поддерживаю всех, кто начинает сейчас, но, если позволите, дам пару советов. Постарайтесь не пренебрегать roadmap'ами и хорошо следите за новостями, поскольку всего лишь за год может всё кардинально поменяться. Сам я начал свой путь год назад, а одумался только сейчас. Казалось бы, занимался нужными вещами, а на самом деле не гожусь даже на позицию trainee. Не совершайте моих ошибок, если конечно дорожите своим временем. Удачи!
как же ты быстро говоришь)
+
Миддл фронт-енд это уже фуллстек. Требования конские
@REDGroup
Жыл бұрын
Это нормально, у нас в сфере и зарплаты конские.
Нужно ли учить gulp?
@REDGroup
9 ай бұрын
Это надо верстальщиков смотреть, я его давно не видел