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

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

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

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

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

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

Очень полезные видео от явно практикующего спеца, спасибо тебе, еще и заботится о плавных переходах от темного к белому🥰

Отличный роадмап. Спасибо! Придётся всё-таки учить TypeScript, раз он такой полезный)

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

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

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

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

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

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

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

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

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

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

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

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

Действительно успокоил. Иногда начинаю кидаться за все подрят в панике что упущу что-то невероятно важное или "я не знаю зачем это мне, но я не программист если не послушаю про это"

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ну и что же выбрать сейчас реакт или вью???? Начинающему

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

А вопрос что помимо стент менеджеров надо знать, на базовом уровне? React Query, React Spring и т.д. Мне просто было интересно и так, на базовом уровне чутка подучил спринг. Надо ли упарываться в чет такое или это лишнее, потом можно. Я просто прошел базу Реакта по их документации (есть пробелы, но куда без них). И вот сейчас не знаю что дальше учить, Next думаю рано(без ноды). Следующим этапом подучить ноду и потом нексту? GraphQL надо фронту знать или не обязательно? Зашел в их документацию и так понял без ноды мне там рано плавать(

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

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

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

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

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

Есть ли смысл переходить в фулстак для повышения зп?

А будет для Backend?)

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

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

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

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

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

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

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

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

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

а как на счет middle и Senior ?? 🤔🤔🤔

Понимаю, конечно, что у Тимура нет времени просмотреть все вакансии, но лично я часто встречаю требование от джунов pixel-perfect верстки и умение работать по макетам из Figma, поэтому хотелось бы узнать - это адекватные требования или из разряда "надо знать 100500 технологий" и можно забить ? P.S. Спасибо за обзор, как всегда - кратко и по делу 👍

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

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

я изучаю react tsx и хочу пойти в бекенд с чего начать?

Где брать идеи для практики? Единственное на что меня хватило, туду лист, апп погоды, простенький квиз и калькулятор(

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

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

Про Symbol, weakMap, полифилам и т.д. спорный момент. Я уже несколько месяцев работаю и ни разу с этим не столкнулся, но на собесе меня про это спрашивали

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

Давай про backend тоже

Для собеседований именно приходится читать все эти энциклопедии, потому что спрашивают абсолютный рандом. Потом в работе другое дело, точечно смотришь необходимое. Короче, 4 месяца поисков работы никогда не были настолько тяжелыми😂

3:00 аххахаа, да да да, как раз таки в лерн js я проходил теорию, и декораторы меня выбешивали и демотивировали очень сильно

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

Понятие "базовый" очень расплывчато сейчас

Давай тоже самое но для бэкэнда

Как джун с 2 летним опытом одобряю

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

Спасибо большое за Ваш труд, он очень ценен, продолжайте в том же духе ❤❤❤

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

Можно такое же видео по бэкенду..

Круто!

Скажи пожалуйста, верстальщики сейчас вообще нужны ещё на рынке?

Тимур на счёт next.js не согласен, я его недавно изучал и честно скажу, впечатление такое что это mvp. Джунам думаю не стоит тратить на него время.

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

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

Про библиотеки, опять же, подписываюсь и лютейше плюсую! Надо быть РАЗРАБОМ, а не прогером! БЕЗ привязки вообще к языку! НО! Увы, на собесах этого многие НЕ понимают, поэтому часто (даже мне за 12 лет) отказывали в офере просто потому, что я не знаю какую-то библиотеку нарезки картинок на спрайты или подобное 😂

Недавно решил выучить react, имея только vue бэкграунд. Все только ради r3f экосистемы (theatre js имеет модуль для просмотра сцены только для react three fiber). Поплеваться пришлось побольше, чем я выявил плюсов в реакте. Отсутствие аналога named slots, управление стилями, вот эта вот оптимизация ререндеров ну и само собой boilerplate реактовский - меня это все очень сильно заставило задуматься, как так вышло, что реакт так сильно засноуболился.. На вью 3 писать что-то доставляет гораздо больше удовольствия. В реакте такое ощущение, что тебе приходится не только делать сайт, но ещё и бороться с самим реактом. Поток мыслей собственно

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

Капец, первый раз вижу рекламу на этом канале ахаха

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

Буквально вчера перед сном смотрел свежий роадмап от какого-то англоязычного блогера, о котором он говорил 25 минут. То действительно много лишнего для новичков там.

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

Про реакт не соглашусь: в 19 версии запилили компилятор, сейчас мемоизация уйдет и станет проще писать код - более чем качественный скачок; если брать 18 версию и ранее, то там переосмыслили рендер (качественный скачок именно для приложений)

"Практика и ещё раз практика"... А где её брать? Как пэт-проект придумать / где выбрать?