Frontend Roadmap 2024. Сравнение 2017 vs 2021 vs 2024. Что ДЕЙСТВИТЕЛЬНО должен знать JUNIOR?

В этом видео мы обсудим frontend roadmap'ы, которые записывают из года в год. Сильно ли изменился frontend За последние 7 лет? Что делать начинающим frontend разработчикам?
Разверните кластер облачных баз данных на топовом железе в Selectel: slc.tl/hxu3z
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Полезные материалы
Плейлист подкасты с полезными советами - • Подкасты
Что должен знать frontend разработчик - • Что должен знать JUNIO...
Что должен знать backend разработчик - • Что должен знать JUNIO...
Таймкоды:
00:00 ➝ Введение. Проблема существующих роадмапов
04:25 ➝ Реклама
05:40 ➝ Обзор ситуации. Сравнение по годам. Что реально надо знать фронтенд разработчику?
Ссылка на мой телеграм канал - t.me/ulbi_tv
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

[@Scarbete666]

Про переход из темной картинки на светлый, большой тебе респект! Впервые вижу человека который позаботился об этом ❤

[@naik63pure]

не сказали и не догадались бы

[@ivanchernov2458]

Я сам сидел улыбнулся от такого, смотрю в полной темноте))

[@lmnk]

Агааа, очень крутая идея

[@ccdeal]

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

[@romansamon9215]

Тимур, не думая - лайкос с нулевой, ты многим помог в становлении нас как сильных фронт разрабов с мощнейшей базой, мне в том числе, твои видосы бесценны!

[@antontuchkin9396]

Поддерживаю!

[@user-tb5tp2tv6x]

Тимур, next от А до Я 2024 ждём 🎉🎉

[@abdulovdb]

10:51 Данную схему оставил на память в галерее. Находится она у меня там с декабря 2022 года. 4 марта 2024 года был мой первый рабочий день на позиции Junior в одной федеральной компании на более чем 200 городов России. Полностью сменил сферу деятельности. Даже как-то не верится, но я смог 😊

[@flowcsgo804]

Молодец!

[@gign_141]

По каким ресурсам изучал? Как происходил процесс обучение. Расскажите, пожалуйста.

[@joryk353]

Самостоятельно учился или курсы покупал?

[@AdletAbdiyev]

Поздравляю, дальше главное удержи позицию

[@MrWerwoolf]

Поздравляю, ты крут!

[@Quentinrei]

Воу 🎉, с возвращением , ураааа !!!

[@AMM-dq1bo]

отлично, спасибо, после просмотра я убедился что верным путем иду!!! успехов тебе!

[@user-zh6nh9xd5z]

Тимур, спасибо за видео! Сегодня сходил на первое очное собеседование. Жду обратную связь от компании. Спрашивали про HOC, асинхронность, способы клонирования объектов и прочие банальные вопросы, которые можно найти в сборниках) Во многом, ответил благодаря твоей помощи. Многие темы настолько хорошо раскрыты тобой, что понимается все с первого раза. А умение об этом рассказать другому - показатель того, что мне тема понятна. Спасибо тебе!

[@ivanchernov2458]

Тимур красава 👍 не забрасывай нас, ты как всегда качественно, по делу, без лишней воды

[@user-yr2db5ki6x]

Тимур, спасибо за твою работу!

[@meowwyay]

Никогда ещё не видел такой гениальный переход от тёмного в светлому 👍

[@washedupyourblood6648]

Спасибо за видео, ты один из немногих кто очень мне импонирует в сфере IT на ютубе.

[@andrf]

единственный блогер, который заботится о нашем зрении!

[@alexeysmirnov9288]

Тимур, спасибо за видео. Всегда рад послушать тебя: и голос приятный, и тему по-человечески хорошо доносишь. Мне нравится такой формат, когда ты просто высказываешь свои мысли. Может подумаешь о том, чтобы сделать подкаст?

[@said-magomeddzhabrailov7911]

В который раз именно на этом канале вижу самый обоснованный, рациональный видео ответ на какой-нибудь вопрос. Не контент ради контента. Видно желание, чтобы материал был полезным. Респект. Спасибо автору канала.

[@alsua1297]

Спасибо за разбор, ждем обещанное видео про CS❤

[@unicoxr5tj417]

Улби, ждем продолжение "что должен знать и уметь Сеньор фронт-енд в 2024"

[@user-pi3em2ke2l]

иди смотри 54 часа Бруно Симона по WebGl

[@user-sp8ty2ol8m]

так открой вакансии и посмотри что требуют

[@Aljkeee]

Не поверишь, но там будет точно такой же список. Просто понимание должно быть глубже. А если появляется что-то новое в проекте/на новой работе, то изучить это - не проблема. За пару дней напишешь работоспособное решение, еще за неделю полноценно разберешься и будешь уже писать сносный код. Как показал опыт, главное отличие между грейдами - самостоятельность и способность разобраться в новом. Соискатель на сеньорский грейд сам подберет роудмап под конкретный проект. Это видео будет бессмысленно. Честно говоря, даже руку на пульсе не надо держать, чтобы поспевать за трендами. Много где еще редакс сага живет. Не говоря о ррд5. Работает и ладно)

[@unicoxr5tj417]

@@user-sp8ty2ol8m это так не работает. Пора взрослеть

[@ramach6552]

Менял 2 месяца назад место работы. Пользуются спросом: Typescript, Redux-saga/Mobx, Next, Vite, Module federation, Feature sliced design. НО! Без знаний алгоритмов и способов их оптимизации устроиться очень сложно будет, какими бы знаниями ты не обладал)

[@teberano8268]

Я видел как-то roadmap, где было названо технологий 20, и было видно, что они там есть просто чтобы нагромоздить информацией. И в конце автор уверенно сказал: «Да, это все необходимо знать джуну» 👍

[@user-cr6kl4zx3y]

этот автор из разряда тех самых работодателей, которые составляют вакансии где ищут джунов с 3+ годами опыта? 😂

[@user-sx2ji2un2j]

Спасибо, дорогой. Огромное спасибо!

[@user-wk2nt2sg9d]

Спасибо за видео❤

[@gleb6843]

Спасибо за ролики !

[@user-rm8sb3lu9q]

Спасибо, очень просто и емко

[@kwinkich]

Однозначно лучший канал по вебу (если не программированию в целом). При возникновении любого вопроса, первым делом иду на этот канал) Видео полезное и качественное. Спасибо!

[@user-fn5wl3hb7g]

Привет Тимур. Спасибо за труды. Большинство выданных тобой знаний использоаал при обучении или использую сейчас, когда получил полноценнвй оффер, большую часть фундаментальных знаний для всего этого получил именно от тебя, спасибо

[@nataliya6576]

Спасибо за информацию ❤

[@valeriyk7565]

Спасибо за контент!

[@lemexaxa]

Сразу лайкос!!!

[@kyryllsemendiaiev]

"Чтоб после тёмной картинки по глазам не ударило плавный переход ". Я думаю этот момент оценил каждый, очень приятно! Один этот мув думаю многое говорит об авторе!

[@user-ot7eq5gx7z]

Как всегда на высоте!) Хотелось бы узнать, а будут ли еще ролики из категории «проходим собес на Джуна» это была веселая категория

[@user-yj7th1zo2l]

Самые качественные видео🍓

[@0Dimk0]

Солидарен, все эти роад мапы нужны просто чтобы с начинающих разработчиков взять активности и просмотров. Разработчик который уже трудоустроен, от джуна и выше, он уже сам знает что ему нужно изучать, как расти, какие технологии актуальны и прям нужны, а какие просто интересно будет посмотреть)

[@romarampagev5044]

Лайк за плавный переход после тёмной картинки)))

[@arhfallen6792]

Обнял, пожал руку, налил чаю) Мои благодарности)

[@sergeysobolenko871]

Спасибо за ролик, как всегда, качественно и по смыслу и по оформлению) Иногда кажется, что те авторы, которые вставляют так много технологий в roadmap, хотят просто похвастаться своими знаниями или вообще просто упомянуть то, что где-то слышали, как некоторые делают в cv. Их задача - не дать по настоящему путь развития для начинающих, а попасть в рекомендации.

[@efimkapliy6370]

Чётко сказал, особенно про самостоятельный анализ рынка для создания актуально дорожной карты!

[@steelgrougood1967]

Спасибо вам вы такой позитивный

[@AntonRyabov-xr7us]

Спасибо!!!! Лучший!

[@user-xz2gb4iy3s]

Лайк авансом, т.к. у вас контент очень полезный!

[@imreegall]

Спасибо за видео

[@AnotherOneChannel404]

Спасибо за честность

[@vasil_astrov]

Спасибо, полезно!

[@andrewsam224]

Тимур, огромное тебе спасибо.

[@user-mn1yi6mh8v]

Вот как же классно Тимур миксует обучающие и разговорные ролики, на любого зрителя есть контент, и поучиться, и просто перед сном расслабиться, не углубляясь в подробности реализации чего либо, так еще и всегда интересно, как будто в этаком диалоге с ним находишься

[@maksimmaliauka3026]

я начинал с jquery и backbonejs. Сейчас так же встречаю это проекты) я поддерживаю автора - основы нужны) А то, будет больше таких людей - "React знаю, а JS не очень". -как заявил на собесе чел с 3+ опыта

[@dr1m_o_o]

как всегда лучший

[@bbachyourself]

Лайкнул за плавный переход!

[@user-se6zc3gh6w]

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

[@user-rk1nn9xi7o]

За 3 месяца поиска работы я для себя нашел такой ответ почему в роадмапах иногда столько всего: потому что на фоне кризиса наниматели бесятся с жиру. Если на вакансию у них 150 кандидатов, волей неволей начнёшь выдумывать как купить больше за свои деньги. Даже если реальной задачей мидла фронтенда потом будет адаптивная верстка.

[@onvix5690]

Круто!

[@oanshee2462]

Можно тоже самое, но про бэкенд! Просим сильно ♥

[@vladislavgolubev680]

Было бы интересно послушать тоже самое, но про бэкенд.

[@bonaquazone7718]

Часть этого и вытекающие из этих тем спрашивали на собесе на стажировку. Потом в коде проекта я видел генераторы и уже знал как это работает 😊 да и не такие уж сложные темы, достаточно почитать немного (хотя 2 пункт на интенсиве мы 3 недели проходили, как подводку к async/await)

[@ignatkupryashin749]

Привет. Сейчас активно просматриваю вакансии. К твоему списку как будто хочется добавить минимальное тестирование + линтеры. Хз насколько это реально надо, но в вакансиях этого прям много

[@rodionme]

Не очень понятно что такое «минимальное тестирование». Либо ты умеешь писать тесты, либо нет. Ну, дальше это расширяется в понимание что тестировать и каким образом, но это уже должен быть некоторый опыт. Я бы не упарывался изучением тестирования на старте - видов тестов много, инструментов тоже, поэтому ты не угадаешь какой из них будет на твоем будущем проекте, если будет вообще. У меня 12 лет опыта, из них тесты я пишу лишь последние полгода - на всех остальных проектах они не использовались. Поэтому гораздо эффективнее учить эту часть, когда возьмут на работу. Сразу будут понятны темы для изучения, а главное будут примеры уже написанных тестов. Про линтеры тоже не понятно что имеется в виду. Это инструмент, который обычно настраивается на старте проекта, и делает это явно не новичок. Новичку нужно лишь уметь включить/настроить линтер в своем редакторе и обращать внимание на пестрящие ошибки (удивительно, но многим плевать, что у них весь экран красный)

[@bigbigfoot3365]

4:40 - Пользовался я Селектел, примерно 3 месяца после 1 из видео твоих. Хорошие. Дороговато, но они и хорошо отвечают на вопросы, и проблем не возникало. Можно пользоваться, если позволяет бюджет.

[@Ruslan3852]

Спасибо, полезный видос, особенно для таких как я - перфекционистов

[@olegch8623]

Ну это же топчик

[@xdayx53]

очень круто!!!!

[@HomsVR]

Да.Для джунов со всем согласен. Интересно посмотреть, что думаешь про то что нужно мидлам и синьёрам.

[@pl-yt5961]

В яндексе считают, что алгоритмы знать важнее, чем всё, что было перечислено в ролике. Даже стримы по "фронтенду" запускают, где разбирают алгоритмические задачи.

[@Genorred]

Юлби, как всегда закидывает базу, спасибо за видео. Хотелось бы ещё услышать по поводу того, насколько есть необходимость учить несколько фреймворков. Условно при знание реакт/некста будет ли толк от изучения nuxt/sveltekit или лучше просто до потери сознания углубляться в 1 фреймворк и в 100500 различных подходов?

[@lvan_lvanov]

Коненчо лучше, что-то одно Зачем распыляться? На работе всё равно будешь зп за что-то одно должностное получать, а если там перегружают и нужно знать несколько фреймворков, а еще и бекенд, то нах такая работа не нужна Пусть тогда за двоих-троих платят! Но если для себя ты хочешь - учи, может быть, когда-то пригодится

[@user-lq9ld7qo1o]

лучше изучить глубоко, позже при изменении проекта и его требовании подучишь, может дадут какое-то время для этого

[@suvmer]

Тимур, можешь рассказать о построении устойчивых к нагрузке приложений? Наверняка с таким количеством проектов и личным сайтом ты сталкивался с проблемой нагрузок и ддос атак. Можешь, пожалуйста, рассказать, нужно ли ставить балансировщик, ограничивать количество запросов в секунду для одного ip адреса, делать мониторинг или master-slave БД. Чтобы люди могли разворачивать свои проекты по-настоящему и творить(а не погибать от 100 юзеров или первого засорения БД регистрациями миллиона ботов) Спасибо за ролик, кстати, шикарная подача)

[@misha-kd3kd]

спасибо братишка

[@user-zn4sn9qj6b]

Жду подобное видео о back-end

[@runningbathattendantprogra9582]

Вас услышал!))

[@MrWerwoolf]

Хола, спасибо за видео! А подскажи, как можно зарабатывать или хотя бы подрабатывать с базовыми навыками вёрстки, JS, SQL? Очень сложно совмещать работу 12 часов и самообучение, считаю что если найду работу удалённую то станет проще именно учиться.

[@baxram97]

Сделай курс про NextJS)

[@user-pi3em2ke2l]

Пародокс главная фишка JS то что он с автоматическими типа а щас требуют TypeScript который добавляет типы и через очень сложный набор фич да и компилиируеться только при сборке а не при выполнении

[@blatov]

Топчик🤝🏻🤝🏻🤝🏻

[@user-wc1fz9cm3y]

Я как раз таки запариваюсь чтобы не быть среди осликов, по этому - спасибо за видео, облегчил)) Что-то из разряда понимать что сначала нужно строить скелет а потом уже наращивать мясо но вчетверо кусаешь себя за палец аля если изучать то качественно 😁

[@andreystern5972]

Я другу привел такой пример-метафору с принципом обучения разработке: есть новогодняя елка, только что купленная, еще не наряженная - это как раз та база (например на фронте HTML, CSS, JS), НА НЕЕ впоследствии вешаем игрушки, гирлянды и тд - это как раз все эти вспомогательные интсрументы, фреймворки, сборщики, узкие темы и тд. Но все эти игрушки, гирлянды сами по себе без елки смысла особого не имеют. Поэтому сперва нужно купить елку

[@deadpoolweid]

Почему не имеют? Гирлянды и игрушки не обязательно вешать на ёлку, наоборот их можно развесить по всему дому, а те же гирлянды отлично смотрятся на окнах или фасадах, украшая дом. Так что твоя метафора сильно хромает.

[@nan-simon]

Привет! Рад услышать, то что в своей основе фронтенд не меняется) однако изучая фронтент 3й год, я увидел отличия: Vue стал больше преобладать чем React (я учил в основном react), в вакансиях часто есть требования CI/CD, nginx, WordPress, PHP. Приходится доучиваться, однако с северными темами сложнее, без платной аренды нормально не изучить. Джун, 29 месяцев изучения, 5 месяцев в поиске работы, 2 месяца опыта в стартапе без оплаты, 5 собесов. (Искал на hh, и 1 чат в ТГ)

[@user-fg5cd3mv2z]

У меня похожие цифры) Если есть желание, можно было бы пообщаться)✌

[@mex5341]

почти 3 года обучения ....

[@crazybear6136]

с ходу класс

[@MaximKopylov]

Ulbi ждём выпуск что должен уметь Сеньер Фронт-енд в 2024 году 😁👌 если от джунов такой спрос

[@___-io7fy]

Ulbi TV, сделай ролик о том, какие книги должен прочитать каждый веб-разработчик и вообще айтишник.

[@mr.pickles7853]

Все еще сомневаюсь стартовать или нет, видео очень актуально

[@user-wz8jd9ud9f]

1:40 Я, например, смотрю и хочу видеть такие видео с актуальной информацией каждый раз, как бросаю обучение на какой-то период по разным причинам и потом возобновить в памяти,что мне нужно изучать,что повторить)))

[@user-zm3fz5iu7k]

Хотелось бы увидеть видео для мидла, что должен знать, я думаю такое видео тоже актуальное было бы ?

[@eunicsi]

Отлично

[@user-qb4th7rf9k]

Тимур, а будет видео по React 19?

[@nouchance]

12:00 А что на счет Angular?

[@UserSo4reUsu75ry]

12:29 Typescript нужен, для того чтобы мешать разрабочикам писать js код и задалбывать постоянными конфликтами типов

[@factorevo2006-sv2mm]

ебать ты гений

[@marlibon]

Ты просто не умеешь его готовить) он помогает, а не мешает

[@UserSo4reUsu75ry]

@@marlibon там постоянные конфликты с типами библиотек. Часто хочется посмотреть работу компонента не отвлекаясь на типы, приходится писать any и только потом писать тип.

[@perevoznikovalexey1420]

Сижу повторяю материал перед первым собесом на джуна и тут этот видос ))

[@Repeatallright]

не доживете до собеседования ))

[@x0p3nd78]

@@Repeatallright скажи тажик тоже чучут собеседовал?

[@BarkhatnieTyagi]

как собес? что спрашивали?

[@perevoznikovalexey1420]

@@BarkhatnieTyagi прошел) спрашивали по классике: типы данных JS, методы массива, контекст, React (жизненный цикл компонентов, мемоизация, virtual DOM), гит, немного css, и лайв кодинг, задача с методами массива и с промисами

[@stormyx6122]

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

[@stormyx6122]

тоже прочитал за полтора месяца два раздела. я вроде все знаю, но на практике хз как применять

[@user-dg2en3xu6s]

привет, можешь сделать такой же roadmap только для backend ?

[@ganabob3939]

Сделай ролик про angular от а до я

[@user-uo7tg9tk3j]

10:48 Человечище!!!!👍🏿👍🏿👍🏿

[@ukupchik]

Два года работаю лоу-кодером, ищу сейчас работу фронтендером, но пока никуда не зовут на собесы. Опыт вроде релевантный, а вроде и не очень. Много где вижу mobx, но я изучал редакс, может, стоит и mobx на всякий случай поизучать? Ещё вопрос: насколько важно, чтобы в резюме в опыте работы "фронтенд разработчик" было названии должности? На это вообще смотрят HR-ы? Просто сейчас моя должность называется "младший разработчик веб-интерфейсов", что я и написал в резюме

[@HauntMeGaming]

Этому человеку можно сначала лайки ставить а потом уже смотреть 😅

[@borismoiseev8456]

Сделай такой же видос по бекэнду пжж

[@ReaktorGaming86]

Тимур, вот ты всегда говоришь "не надо упарываться в детали". У меня вчера как раз было собеседование, где меня спрашивали про эти самые детали=) Не думаю, что я хорошо отвечал.

[@omak3313]

Zustand как альтернатива Redux Toolkit

[@user-kf9wj8cn7w]

Подскажите пожалуйста используется файлы с расширение jsp в современных проектах на Java ? Или это некий устаревший или не популярный вариант

[@user-oo7dx2kb9r]

Сделай, пожалуйста, роудмап по backend

[@user-dh8lt5mi5e]

Не совсем согласен с тем, что материалы вроде сайта Ильи Кантора не надо читать "от корки до корки", так же как и книги. Как по мне, как раз наоборот, надо взять какой-нибудь такой базовый крепкий ресурс (книга, или сайт Кантора), проработать от А до Я и поставить себе галочку "База есть". После чего с чистой совестью уже точечно догугливать какие-то пробелы, которые выявляет практика. Чтобы не забывать, просто пишешь себе конспект в маркдауне и заливаешь себе на гит, чтобы если забыл, перечитать и быстро вспомнить. Будет куда быстрее, чем гуглить, ибо все в одном месте и написано своими словами. А вот как раз если сразу бросаться на практику, то рискуешь получить разрозненный несистематизированный опыт без общего кругозора и даже не будешь знать, чего не знаешь. Пример из собственной практики: долгое время вообще не знал про такую вещь как Set. При этом работал бэкендером больше года, пользовался только List'ом, пока однажды на ревью меня не спросили - а почему не Set? А если бы книжки я читал подряд, то знал бы и про Set, и про Map и про Queue и про все остальное. Аналогично, когда совсем ничего не умел еще, взялся делать сайт и за два месяца "изучил" html, css, php, js, сделал сайт, оплатил сервер и залил его в интернет. Там по сути дичайшее roвнo было, зато работало. Не считаю это хорошим опытом, т.к. чему-то конечно учишься, но без базы это делать все тяжко и методом тыка. Так что теперь я за хорошее изучение каждой темы, с конспектированием и микро-демками на синтаксис, а только потом уже осознанная практика.

[@aleksey8530]

На самом деле если в реальной практике применять все эти знания на реальных проектах, уйдет не один год. А если чисто теорию зазубрить, из головы уйдет 90 процентов информации

[@data3306]

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

[@user-dq5yx3cq3f]

А бек родмап можно?

[@user-mk6vl6ni6m]

Хотел бы узнать (очень, ну прямм охотно любопытно) сколько ушло времени на изучение для первой работы? ))

[@user-ko1lu8il6h]

а что не так с jquery)? да его почти на всех cms используют)))

[@ROADING_OFFICIAL]

Брат пожалуйста расскажи чем webpack лучше nextJS и что в nextJS есть лишнего, если разрабатываешь крупный легко масштабируемый проект с хорошей оптимизацией

[@BIG0KNIGHT]

Огромное спасибо за видео, всё очень чётко и по делу. Действительно смотреть надо только на стек в вакансиях и работать, делать проекты Только так поймёшь , какие технологии нужны фронтендеру Лично меня интересует, что делать если на текущей работе много легаси и приходится косметически вносить правки в то что было до тебя А также создавать типовые продукты-страницы, каждая со своим стилем, со своими запросами, то есть переиспользуемости почти ноль, и развития меня как разработчика вообще не требуется вопрос в том, нужно ли просто принять такой геймплей, или нужно искать работу где есть потребность делать по-умному, применять Typescript, Pinia, компонентные фреймворки, и делать переиспользуемые хорошие компоненты и хуки?

[@marlibon]

А как платят?