Frontend Roadmap 2024 | Что должен учить фронтенд-разработчик в 2024 году

2024 ж. 2 Мам.
41 569 Рет қаралды

✏️ Разбираем пошагово актуальный роадмап для фронтенд-разработчика в 2024-м году, говорим о том, что должен знать фронтенд-разработчик на момент 2024-го года, чтобы шансы попасть на работу были максимально высокими.
🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:36​ | Общая информация
▶ 00:58​ | HTML
▶ 01:43​ | CSS
▶ 04:10​ | Инструменты разработчика DevTools
▶ 04:46​ | БЭМ
▶ 05:04​ | Препроцессор стилей
▶ 05:30​ | JavaScript - базовый синтаксис
▶ 07:48​ | JavaScript в браузере
▶ 09:40​ | Средства автоматизации - сборщики проектов
▶ 10:02​ | NodeJS и NPM
▶ 10:12​ | Git
▶ 10:37​ | React
▶ 11:32​ | Экосистема React
▶ 13:10​ | TypeScript
▶ 13:47​ | Docker
▶ 13:53​ | SSR / NextJS
▶ 14:09​ | Выводы
📚 Ссылки:
➖ Frontend Roadmap 2024: miro.com/app/board/uXjVNGw7Jv...
💬 Чат в телеграмме (помощь новичкам):
t.me/friendlyFrontendChat
🔸 Boosty (поддержать канал):
boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале:
🟠 HTML: • HTML курс 2024
🔵 CSS: • CSS курс 2024
🟡 JS: • JavaScript курс 2024
🟢 A11y: • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness ...
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTM...
🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 ...
📌 Автор:
➖ Личный сайт: aleksanderlamkov.ru/
➖ Telegram: t.me/friendlyFrontend
➖ Boosty: boosty.to/friendly-frontend
➖ GetMentor: getmentor.dev/mentor/aleksand...
➖ Solvery: solvery.io/mentor/aleksanderl...
#frontend #фронтенд #javascript

Пікірлер
  • 📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

    @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Спасибо! Как всегда, очень подробно и полезно. Будем учить)

    @user-hw3ev1wb3y@user-hw3ev1wb3y4 ай бұрын
  • Александр, спасибо за ваш труд👍 очень жду JS и React

    @tolyanooo@tolyanooo4 ай бұрын
  • ❗️Забыл упомянуть про тестирование, Jest и react-testing-library в частности. В роадмапе это добавлено последней карточкой этапа React.

    @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • Плиз можно обзор приложения для изучения фронтент разработки - Mimo Стоит ли там изучать ?

      @qqlfgg@qqlfgg4 ай бұрын
    • Если речь про dev.getmimo.com/curriculum/frontend, то я с этим сервисом не сталкивался, но, судя по программе обучения, там дается вполне релевантная необходимая для работы база. Только про сборщики проектов информации не увидел и про тайпскрипт. Но в остальном - выглядит неплохо.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • Да, Jest

      @andrewsam224@andrewsam2243 ай бұрын
  • Круто, такой подробный и понятный роадмап я в сети еще не видела, спасибо большое автору 👍

    @yatutbylyatutbyl3939@yatutbylyatutbyl3939Ай бұрын
  • Могу сказать только спасибо, лучший роадмеп который видел, уже много из этого знаю, но теперь четко вижу что нужно подучить и ещё выучить

    @rimi4014@rimi40144 ай бұрын
  • Спасибо за подробный и нонятный роадмап. Пойду восполнять пробелы в знаниях.

    @Legat14@Legat144 ай бұрын
  • Вот это роадмапище!!! Спасибо за шикарный видос. Кааааак все разобрано... Кайф И сама идея с восхождением на вершины тоже понравилась

    @alexb.2616@alexb.26163 ай бұрын
  • Спасибо, очень полезное видео!)

    @ekaterinaglushkova5004@ekaterinaglushkova50043 ай бұрын
  • У меня уже 3 года опыта работы фронтом, говорю - это грамотный роадмап 👍

    @user-dy1qg9ns6u@user-dy1qg9ns6u4 ай бұрын
    • ты же джун, откуда тебе знать?

      @bloodjopa@bloodjopa4 ай бұрын
    • ​@@bloodjopaза 3 года до мидла может поднялся

      @galaktik9714@galaktik97144 ай бұрын
    • У вас образование IT?

      @user-gu1sv3ct4f@user-gu1sv3ct4f4 ай бұрын
    • @@user-gu1sv3ct4f да, но верстки и js было совсем мало, сам изучал

      @user-dy1qg9ns6u@user-dy1qg9ns6u3 ай бұрын
    • @@bloodjopa Я мидл, в целом путь изучения технологий был похожий. Но всё равно есть куда углубиться

      @user-dy1qg9ns6u@user-dy1qg9ns6u3 ай бұрын
  • Какая красивая карта :) Подойдет, наверное даже, чтобы подготовиться к интервью. Подглядеть, что забыл.

    @user-me5lo4ib7q@user-me5lo4ib7q4 ай бұрын
  • Благодарю! Классный роадмап!

    @silenciomar7325@silenciomar73254 ай бұрын
  • Это очень круто, большое спасибо что делаешь это для развития начинающих, мы очень благодарны❤️🥺

    @Whynot-lx8nl@Whynot-lx8nl4 ай бұрын
    • Поддерживаю!

      @michaelkamko@michaelkamko4 ай бұрын
  • Нифига как ты заморочился. Самая подробный роудмэп

    @user-xu4ob9pg7e@user-xu4ob9pg7e4 ай бұрын
  • Мое почтение 🤝

    @user-sq5wj2zz7u@user-sq5wj2zz7u3 ай бұрын
  • Круто, спасибо за роудмап, увидел области где мне не хватает знаний

    @stenty8464@stenty84644 ай бұрын
  • Иду по roadmap и сервису Odin, пока всё как в карте из этого ролика, как раз на этапе React сейчас. Но за эту карту спасибо, понял, что нужно свой css подтянуть) Автор - отлично преподносит информацию

    @Kotovar@Kotovar2 ай бұрын
  • Лучший roadmap для новичков! 🔥

    @lenurabdiramanov8055@lenurabdiramanov80554 ай бұрын
  • Cупер, лайк!!!

    @smotritelyoutube@smotritelyoutube4 ай бұрын
  • Классный роадмап, спасибо❤

    @user-wk2nt2sg9d@user-wk2nt2sg9d28 күн бұрын
  • Ого, приятно было смотреть от начала и до конца, как будто бы меня подтолкнули интересной информацией, которая подняла мотивацию, курсы уже прошел, но так ничего и не добился, буду пробовать идти вновь по этому роад мапу, спасибо, надеюсь в 24 году нацду работу!)

    @ilya10rus@ilya10rus4 ай бұрын
    • привет, ну как, получилось?

      @zxkckdkf2819@zxkckdkf281925 күн бұрын
  • $mol забыл - актуалочка же😁 А вообще круто! Спасибо за ролик, теперь знаю как правильно вкатываться во фронт❤

    @user-fz1cm2ml1v@user-fz1cm2ml1v4 ай бұрын
  • Круто спасибо!бОЛЬШЕ таких видосов)) удачи всем

    @BOSSPOZITIVA@BOSSPOZITIVAАй бұрын
  • Грамотный разбор. Такое бы мне на старте, а так приходилось ломать голову, что учить самому

    @user-rd8uh2ym3c@user-rd8uh2ym3c2 ай бұрын
  • За 6-10 месяцев вполне реально всё это понять и закрепить на практике, в день надо тратить от 4 до 8 часов 6 дней в неделю, но на такое способны единицы, при этом каждый раз ты будешь чувствовать себя ослом, и ловить себя на мысли что программировать это не твоё

    @user-zq4nz6yd2p@user-zq4nz6yd2p3 ай бұрын
    • это вполне реально понять и за 3-4 месяца, если заниматься систематически на постоянке. как ты и сказал по 8 часов 6 дней в неделю. Просто нужно много очень много практики, а не одна теория.

      @xandellys@xandellysАй бұрын
    • понять и набрать опыта это небо и земля@@xandellys

      @user-zq4nz6yd2p@user-zq4nz6yd2pАй бұрын
    • 😂😂😂 понять то ты поймешь, но ничего сам сделать не сможешь

      @esp2644@esp264425 күн бұрын
  • огонь!

    @unlimitedgames8357@unlimitedgames83574 ай бұрын
  • Самый лучший Roadmap который я видел. Красава! Не зря потел над ним!

    @user-qt3lg3st8f@user-qt3lg3st8f4 ай бұрын
  • Спасибо

    @Bit_Maximum@Bit_Maximum4 ай бұрын
  • Капец, если бы я посмотрел это видео до изучения веба, я бы лучше пошел на фотографа учиться. Это все выучить нужно лет 20 жизни потратить. Давай больше уроков, ждем новые видео!

    @user-tc9ml2mu5k@user-tc9ml2mu5k11 күн бұрын
  • Вау! Какой крутой roadmap. Я репетитор по английскому языку и блогер. Хотела найти roadmap для репетитора и блогера, а нашла такую красоту! Возьму шаблон на миро и создать для учителей! Без roadmap сложно собрать в кучу все навыки! Спасибо, умный человек за такую разработку!

    @didi-ui6ys@didi-ui6ys23 күн бұрын
  • Бля, мужик, хорош! Оказывается я как фронтендер так много всего знаю! Все таки не штаны просиживаю и не рисую одни лишь тупые кнопки. Я реально спец с большим багажом знаний

    @remi3661@remi36614 ай бұрын
  • ❤❤❤

    @Victorytasty@Victorytasty4 ай бұрын
  • Подскажите такой вопрос, я вроде бы знаю хорошо js, изучаю его много лет, много курсов прошел и тп. Но часто на работе в той или иной задаче сложно понять какие технологии языка использовать, ну в смысле как правильно построить сам алгоритм, архитектору выполнения задачи. Что еще можно изучить чтобы можно было бы быстро решать задачи на js любой сложности

    @jenyaspace@jenyaspace2 ай бұрын
    • Привет! Да я бы сказал, что тут нужна практика и только практика. Щупать все популярные библиотеки экосистемы твоего текущего стека, чтобы пополнять арсенал своих знаний.

      @AleksanderLamkov@AleksanderLamkov2 ай бұрын
  • Дает ли какие то плюсы хорошее знание node js+ express, mongodb? Для личных проектов для портфолио нужен был бэк с бд, пришлось самому учить. Вот думаю, дальше развиваться как фуллстак или сделать упор исключительно на фронт

    @Dark_Knight_Dev@Dark_Knight_Dev4 ай бұрын
    • Привет! На работе, где занимаешься сугубо фронтом, пользы от глубокого понимания бэка я не вижу. И в плане ЗП фуллстеки зачастую получают не больше чистых фронтов или бэков.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • А когда будет курс по JS? Или где посоветуешь его изучать/смотреть? Видео топ, смотрю и жадно поглощаю всю информацию. Спасибо)

    @delbether@delbether4 ай бұрын
    • Привет! По JS начнется в январе-феврале. А пока что - посоветую на канале Богдана Стащука курс на 11 часов посмотреть, там очень хорошо каждая мелочь рассматривается.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • @@AleksanderLamkov спасибо большое!

      @delbether@delbether4 ай бұрын
    • ​@@AleksanderLamkov это ваш курс на Ютубе или покупать?

      @user-fn6xx7db1r@user-fn6xx7db1r4 ай бұрын
    • То есть? Какой курс? Тот, который я посоветовал выше? Это популярный канал другого разработчика, тот курс бесплатный. На моем канале мой курс по JS будет тоже бесплатным, если что :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • @@AleksanderLamkov а, ну я спрашивал про бесплатный на вашем Ютубе. Может не так поняли друг друга. спасибо

      @user-fn6xx7db1r@user-fn6xx7db1r4 ай бұрын
  • Привет, твоя карта ясна. Всё таки нужно ясно сказать про базовый началний уровень яснее. Некоторые в школе не учили информатику, не было тонкого предмета или не думали что им это будет нужно. Извените за ошибки.

    @rimavedeckiene2203@rimavedeckiene22033 күн бұрын
  • Столкнулся с проблемой, что картинка background-image не отображается. Качал в разных форматах. Закидывал в разные папки. Пробовал различные пути к этой картинке, полный прям с диска "c" и через /, ./, ../. Если делать через style в body тоже 0 реакции. Стили с style.css работают. Обычные img src отображаются. В чем проблема , может поможет кто ? Уже качаю open server. Когда-то сталкивался с этой проблемой и не помню как решил, вроде через open. Но все же кто-то что-то может знает ?

    @ketr2157@ketr21574 ай бұрын
    • Привет! Напиши о своей проблеме в чат t.me/friendlyFrontendChat, там разберемся :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Как думаете, есть ли смысл переключиться на php и искать работу там? Просто в сравнении с js вакансии на php выглядят куда более привлекательными в плане требований и конкуренции.

    @shtein4476@shtein44763 ай бұрын
    • Да, пхп это деньги и много работы как и вакансий

      @user-kq4zt6nn4o@user-kq4zt6nn4o3 ай бұрын
  • Уроки по javascript и react будут у вас на канале? Или только вёрстка?

    @hattori3683@hattori36834 ай бұрын
    • Привет! Будут.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Привет. Полезен ли человек на работе, еcли он НЕ знает js, но у него упор на дизайн, включая ui/ux. То есть он создает всю графику с копирайтингом, включая логотипы, и помимо html и css он знает фотошоп, иллюстратор, умеет работать с графическими нейронками, и вме в таком стиле? А js будет делать кто-то другой. Или нужно именно знать js?

    @michaelkamko@michaelkamko4 ай бұрын
    • Привет! Это сильно сужает круг подходящих вакансий, большинство вакансий со словом «фронтенд» в названии уже не подойдут. Быть UI/UX инженером, который делает упор на верстку, графику и анимацию можно, но, боюсь, не на старте карьеры. По крайней мере в РФ я таких вакансий для новичков не видел. Я предполагаю только такой сценарий: выучить JS, потрогать React, научится делать интерфейсы с помощью этой библиотеки, а когда будет несколько лет опыта работы на таком стеке, можно будет поискать вакансию, где будет упор на работу с дизайн-системой, где надо будет верстать различные компоненты, создавать анимации и тому подобное.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • @@AleksanderLamkov 10 + лет опыта и запуск собственных проектов на собственных средствах с оборотами в 1/4 миллиАРДА $ в первый год. (Это оборот, прибыль несоизмеримо меньше, иначе бы не писал это сообщение) После предательства партнеров и полной потери капитала и недвижки рассматриваю найм в этой сфере. Только не спрашивай, плиз имена проектов. Крипта + анонимность. И не могу показать портфолио по этой же причине. (Понимаю, что звучит достаточно бредово)) JS обычно занимался отдельный человек в паре со мной. Вот и решил узнать, какая практика на этот счет. Можно ли с такими скилами вписаться в найм или обязательно нужен js. Спасибо за развернутый ответ.

      @michaelkamko@michaelkamko4 ай бұрын
    • Это что-то из разряда "Дизайнер верстальщик", часто можно встретить на фрилансе и в ряде веб студий.

      @garaevmvadim@garaevmvadim4 ай бұрын
    • Без знаний js - это верстальщик, таких почти нет на рынке с хорошей зп, так как это считается базовыми навыками фронта

      @SmoggyRus@SmoggyRus4 ай бұрын
    • @@SmoggyRus спасибо за ответ. У меня основной упор на графику, и особенно на логотипы максимального качества. Поэтому тут я скорее дизайнер с дополнительными скилами, чем фронт.

      @michaelkamko@michaelkamko4 ай бұрын
  • Привет, подскажи или сделай ролик по фрилансу. Следует учить все перечисленное из видео или стоит ограничиться отдельными элементами из карты?

    @Memo_doza@Memo_doza4 ай бұрын
    • Привет! Для фриланса два года назад мне было достаточно знаний по верстке (HTML, CSS, БЭМ, препроцессор стилей, сборщик проектов Gulp и WebPack) и базовый JavaScript, чтобы реализовывать UI компоненты, хотя бы через подключение сторонних библиотек. Может сейчас уже что-то и изменилось, но я сомневаюсь, что на фрилансе есть много сложных проектов, где нужен React, TS, NextJS, Docker и подобное.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • ​@@AleksanderLamkov хотел бы задать вопрос насчёт курсов по js, при покупке курсов по времени они ускорят моё изучение или же без разницы, с курсом или без по времени одинаково?

      @merks66@merks663 ай бұрын
    • С курсом будет быстрее обучение, так как там за тебя уже структурировали всю информацию и если ты заплатил, то наверняка захочешь «отбить» свои деньги и получить то, за чем пришел, то есть получаешь ещё и дополнительную мотивацию :) Но если есть сила воли и мотивация из вне, то можно и по бесплатным материалам научиться, их сейчас полно.

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
    • @@AleksanderLamkov понял спасибо

      @merks66@merks663 ай бұрын
  • Здравствуйте, хочу узнать ваше мнение. Как вы думаете долго ли ещё будут жить сайты, и есть смысл учить их разработку?

    @GeneralShtafHistori@GeneralShtafHistori4 ай бұрын
    • Привет! Пока интернет существует, сайты никуда не денутся. Лет так 10, на мой взгляд, навык веб-разработки и фронтенда в частности будет точно актуален. И нейросети нас пока тоже не заменят :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • @@AleksanderLamkov Спасибо за совет, а также за быстрый ответ

      @GeneralShtafHistori@GeneralShtafHistori4 ай бұрын
  • Спасибо что я понел что я некто покачто я это ценю

    @omaxh@omaxh4 ай бұрын
  • По глазам видно, что программист 😉👌

    @user-hp4xh9fx4d@user-hp4xh9fx4d4 ай бұрын
    • Меня менты в метро тормозили часто из-за глаз. Думали наркоман. На вопрос, что употребляю? Отвечал, что компьютер по ночам. Посмеялись, отпускали. Даже на работу в милицию звали, как крепыша. 😂

      @romansozinov@romansozinov4 ай бұрын
    • Нда бля, а потом через пару лет у тебя будет бессонница, которую очень тяжело вылечить.@@romansozinov

      @user-vt2mc9oq8y@user-vt2mc9oq8yАй бұрын
  • здраствуйте эти все уроки у вас есть от куда найти я хочу учить мне понравился ваш Roadmap 👍

    @user-bb9ro8xf4v@user-bb9ro8xf4v3 ай бұрын
    • Привет! Можно начать с курса по HTML: kzhead.info/sun/rKltgtCoZ4GbiZs/bejne.html

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
  • Вопрос не по теме, но все же задам) Ты использовал нейронку, чтобы зрачки не бегали?

    @user-zu8rh7eu6q@user-zu8rh7eu6q2 ай бұрын
    • Нет, немного другие хитрости)

      @AleksanderLamkov@AleksanderLamkov2 ай бұрын
  • ну и списочек 😀)

    @OkazakiTomoyasan@OkazakiTomoyasan4 ай бұрын
  • А что нужно учить чтобы захватить мир ?

    @Agent-D@Agent-D4 ай бұрын
  • Слов нет

    @welcomebrat@welcomebrat2 ай бұрын
  • Здравствуйте у меня есть вопрос. Я изучал frontend опыт работы нету и не гражданин. Я могу ли найти работу в России или как? Знание HTML, CSS, bootstrap, js, react(class and function), redux, redux toolkit, typescript На GitHub профиле у меня где-то 12 проектов есть (но сделал параллельно с курсом)

    @muradkarimov357@muradkarimov357Ай бұрын
    • Привет! Юридически официально трудоустроить иностранного гражданина наверняка непросто. Но на фрилансе можно найти заказы.

      @AleksanderLamkov@AleksanderLamkovАй бұрын
    • @@AleksanderLamkov Так-то я уже живу в России 3 года и ВНЖ есть у меня. Просто опыта работы нет 🥲🥲🥲

      @muradkarimov357@muradkarimov357Ай бұрын
    • Значит препятствий не вижу. Портфолио советую провалидировать более опытным разработчиком (ментором), прежде чем откликаться на вакансии. Код должен быть качественным. Ну и не обязательно все 12 проектов оставлять видимыми. Первые проекты вряд ли презентабельные, их обычно скрывают.

      @AleksanderLamkov@AleksanderLamkovАй бұрын
  • Учусь по специальности информационная безопасность, но хочу учить фронтенд. Я слышал что сейчас большая перегруженность на рынке, стоит входить?

    @tamagochie101@tamagochie1013 ай бұрын
    • Специальность в университете? Она мало на что влияет, главное что в IT крутишься, уже хорошо. Перегруженность в плане количества джунов - да, есть, но подобная картина много где сейчас. Я бы на твоем месте попробовал разные направления, разные языки и потом бы сосредоточился на том, что приглянулось больше всего. Работу все равно рано или поздно найдешь, не беспокойся об этом.

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
    • @@AleksanderLamkov да, в университете. Я пробовал разные языки, c#, c++, python, но пока что мне более интересен фронтенд, а может быть и фулл стек. Изначально хотел игры делать, пробовал юнити, godot, но не вижу возможности построения карьеры, по этому остановился на фронтенде

      @tamagochie101@tamagochie1013 ай бұрын
  • Если достаточно хорошо изучить HTML и CSS - этого достаточно чтобы зайти во фронт-разработку хотя бы с вёрстки?

    @christophercave5203@christophercave52033 ай бұрын
    • Таких вакансий на рынке очень мало, а на фрилансе шансы в принципе есть.

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
  • Спасибо. А реально все это изучить ?!

    @ivanivanov6118@ivanivanov61184 ай бұрын
    • За года два точно можно, но начинать поиск работы можно уже в процессе обучения, когда будет уверенная база по верстке, JavaScript и React.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Привет, Александр! А зачем фронтенд разработчику нужен docker?

    @carry-on-chaos4032@carry-on-chaos40324 ай бұрын
    • Привет! Чтобы развернуть бекенд приложения у себя на локалке. Ну и бывают в целом сложные проекты, где даже фронт запускается гораздо мудренее, чем npm i + npm start :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Господи, увидел это все и стало страшно, сколько лет на это понадобится

    @FatTrololo@FatTrololo6 күн бұрын
    • месяцев 6-12, если будешь уделять этому время

      @qu3ry_@qu3ry_4 күн бұрын
  • Сейчас без опыта работы реально устроиться? В вакансиях везде требуется

    @user-jl7yn8dr4o@user-jl7yn8dr4o4 ай бұрын
    • Привет! Реально через стажировку, но надо знать теорию и чтобы было портфолио из нескольких проектов, чтобы иметь хотя бы шанс попасть на такое мероприятие. Либо вылавливать крайне редкие вакансии "без опыта" и быть тем счастливчиком, на которого эйчар обратит внимание, когда будет перебирать сотни и тысячи откликов. Ну а вообще, при любом раскладе надо углублять свои компетенции, чтобы при случае проявить себя и быть лучшим из лучших, таких берут и без опыта.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Александр, привет! Подскажи пжл, если я уже начал свой проф. путь с Vue (1,5 года коммерч. опыта), имеет ли смысл выучить React? Вопрос связан с тем, что по React вакансий ощутимо больше, примерно в 1,5 раза, чем на Vue. И еще вопрос - при переходе с Vue на React обязательно будет понижение по грейду (к примеру, если на Vue - мидл, то при переходе на React - только джуном или можно также на мидла перейти)?

    @andreystern5972@andreystern59724 ай бұрын
    • Привет! Думаю, что смысл дополнительно изучить React есть, но только, если действительно лично у тебя проблема с поиском вакансии на Vue. Ну а грейд от смены одного фреймворка на другой не меняется. Грейд может "понизиться", только если переходить из маленькой локальной компании в компанию побольше и посерьёзнее, где более строгие критерии к компетенциям разработчика. Я когда-то щупал Vue, концепции схожи с React, особенно с его классовым подходом. Ну а так как в последние годы реакт стал в целом проще (классовые компоненты заменились функциональными), то перейти с Vue на React будет наверняка несложно, особенно имея полтора года коммерческого опыта.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • Привет, подскажи пжл почему решил переходить на React?только из-за вакансий?

      @alexandrastoliarova1178@alexandrastoliarova11784 ай бұрын
    • @@alexandrastoliarova1178 привет. Я пока не решил, Vue в целом устраивает, кроме того, что вакансий меньше, чем по реакту. Это наверное единственная причина взгляда в сторону реакта

      @andreystern5972@andreystern59724 ай бұрын
  • Подскажите пожалуйста, а вообще стоит ли сейчас серьезно настроиться по этой направлении, когда многие повсюду говорят, что IT уже конец ?

    @userbekjon@userbekjon3 ай бұрын
    • нет, не стоит. IT уже конец

      @Elijah_V548@Elijah_V5483 ай бұрын
    • А есть альтернативы? На кого ещё можно выучиться и кем можно потом пойти работать, чтобы в такой относительно короткий срок (2-3 года) практически гарантированно получить зарплату, превышающую среднюю по стране в разы? Как по мне - IT всё ещё путь наименьшего сопротивления, но, разумеется, этот путь не для всех, и надо прежде всего получать удовольствие в процессе написания кода, а плюшки от работы в этой сфере со временем сами тебя найдут. Ну а ИИ работу нашу ещё долго будет пытаться отобрать. Надо свыкнуться с этой реальностью и начать применять этот инструмент в своей повседневной работе. В мощной комбинации "человек + ии" тебя точно никто не заменит :)

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
    • @@AleksanderLamkov Благодарю за внимание. Я просто 2 года не мог освободиться от занятости моих рук и вообще, а начало обучения я как раз откладывал до началы этого года. Пусть будет трудно но не сдамся. Спасибо 👍

      @userbekjon@userbekjon3 ай бұрын
    • Выучить то выучишь, сделаешь может быть и сделаешь, вопрос потом кто это все дело будет через SEO продвигать. Если так сказать не видишь смысл переделывать то что написано на WordPress, на next, redux и т.д, то нужно 3 подумать стоит вообще начинать либо не стоит. Если это все не достанется удовольствия то думаю не стоит .

      @esp2644@esp264425 күн бұрын
    • Нужно себя адекватно оценивать. Если не нравится и тем более не можешь с 0 колупаться и писать код для отдельных откпонентов то в целом it умерло + к тому же никому твои проекты без SEO и вложений не нужны. Как и всех других отраслях в жизни : кто то заканчивает на инженера и руководит предприятием, а кто то всю жизнь работает за средний оклад по стране слесарем. Опять таки. Водители не меньше могут зарабатывать.

      @esp2644@esp264425 күн бұрын
  • Объясните пожалуйста понятным языком че такое layout

    @timu5038@timu50384 ай бұрын
    • Привет! Лейаут = разметка, структура вокруг мелких, функциональных компонентов. Лейаут на уровне стилей отвечает за расположение дочерних элементов. Например, если на странице каталога товаров нужно сделать так, чтобы была сетка из 4х колонок с карточками товаров, то в разметке лейаут мог бы выглядеть так: … А в стилях: .catalog__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } Получается, что catalog, catalog__list и catalog__item - это как раз лейаут, структурные элементы, помогающие расположить более мелкие, функциональные компоненты - product-card в частности.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • @@AleksanderLamkov спасибо 😉

      @timu5038@timu50384 ай бұрын
  • Стоит ли уходить в фуллстак разработку ?Например React + go?

    @astkh4381@astkh4381Ай бұрын
    • Привет! Я считаю, что стоит только, если в одной из областей достиг высокой компетенции. Уходить в фуллстек в первые года 3 коммерческой деятельности как фронт, к примеру, я бы не рекомендовал.

      @AleksanderLamkov@AleksanderLamkovАй бұрын
    • @@AleksanderLamkov спасибо за ответ)

      @astkh4381@astkh4381Ай бұрын
    • Лучше уже react и firebase чем fullstack

      @diatm1506@diatm150623 күн бұрын
  • лет 10 надо учить эт все ))

    @user-ll6hk2br8x@user-ll6hk2br8x4 ай бұрын
    • Не, оно лишь так только кажется, просто такие видео пугают даже тех кто уже это всё знает, из-за того что так много пунктов, складывается впечатление что это всё нереально выучить, а если и реально то очень долго, но на самом деле чем больше учишь, тем легче всё даётся потом, да и это лишь так кажется что долго учить, а на самом деле как говориться "глаза бояться, руки делают"

      @meowmeowmeowmeow000@meowmeowmeowmeow0004 ай бұрын
    • Да, но через год уже будет не актуально😂

      @mit7871@mit78714 ай бұрын
    • 90% из приведенного стека были актуальны и несколько лет назад. То, что «во фронтенде каждый день появляется новый фреймворк» - миф, не стоит переживать, что знания быстро устареют.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • Думаю если прогать 5-6 дней в неделю,по 4-8 часов,то за год достаточно хорошо освоешь,как для Junior,но это надо любить.Я занимаюсь не струтркутрно 7 месяцев

      @Dark_114@Dark_114Ай бұрын
  • Лучше идти в мобилы. Костыли типа адаптива и react native такое себе

    @diatm1506@diatm150623 күн бұрын
  • Дякую.

    @mishachubenko3394@mishachubenko33944 ай бұрын
  • А что ещё можно изучить, если я это всё знаю и работал с этим?

    @yuriyvyatkin@yuriyvyatkin3 ай бұрын
    • GraphQL, FSD, алгоритмы и структуры данных, по JS - специфичные браузерные API для работы с файлами, видеопотоком, протокол вебсокетов.

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
    • @@AleksanderLamkov Огромное спасибо)

      @yuriyvyatkin@yuriyvyatkin3 ай бұрын
  • каждый год эти дороги выпускать будете?

    @webhero42@webhero422 ай бұрын
    • Привет! Да, планирую. Каждый год даже в базовых технологиях (HTML, CSS, JS) выходят новые классные штуки, которые стоит знать.

      @AleksanderLamkov@AleksanderLamkov2 ай бұрын
  • очень жду от тебя JS

    @egorrublev5529@egorrublev55294 ай бұрын
  • где можно скачать эту карту схему?

    @user-ts5ti1wl5i@user-ts5ti1wl5i2 ай бұрын
    • Привет! Можно посмотреть в Miro онлайн: miro.com/app/board/uXjVNGw7Jv8=/?share_link_id=860861096273 Или заходи в чат, там в сообщениях выкладывал в pdf: t.me/friendlyFrontendChat/4429

      @AleksanderLamkov@AleksanderLamkov2 ай бұрын
    • спасибо

      @user-ts5ti1wl5i@user-ts5ti1wl5i2 ай бұрын
  • Что должен учить Full Stack в 2024 году ??? gracias

    @eugeniotur@eugeniotur9 күн бұрын
    • Всё то же самое + roadmap.sh/backend

      @AleksanderLamkov@AleksanderLamkov9 күн бұрын
  • Есть ли смысл начинать учить в 2024 или ниша уже переполнена?

    @narvion4227@narvion42274 ай бұрын
    • Врать не буду - новичков полно, но доходят до хорошего уровня немногие, и только таких берут на работу. Если сравнивать это направление с другими, то по соотношению временных затрат к получаемому вознаграждению, то фронтенд до сих пор выгоден. Но, в любом случае, от этого дела, как и от других, надо получать удовольствие, тогда и обучение будет в кайф и дальнейшая работа обязательно найдется и будет радовать :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • @@AleksanderLamkov "по соотношению временных затрат к получаемому вознаграждению, то фронтенд до сих пор выгоден." не совсем понял, что ты имеешь в виду под этим утверждением?

      @carry-on-chaos4032@carry-on-chaos40324 ай бұрын
    • Азы фронтенда можно освоить быстро. Язык программирования JS куда проще, чем многие другие. И после получения коммерческого опыта в 2-3 года, фронтенд-разработчик может претендовать на ЗП от 200к смело. А это только начало. Я не знаю других не-айтишных профессий, в которых также быстро можно получить финансовую выгоду.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • @@AleksanderLamkov можно вопрос, я вот джун+ или мидл- девопс и мне 38, (ну хоть выгляжу молодо : ) на этом спасибо ), и знаю питона баш на уровне скриптинга, сам знаешь девопс отрасль также широк как карта в этом видео и также часто все меняется. я пытался учить бэк но нихрена непонял язык голанг, + там куча своих тем как субд итд, по этому решимл попробовать фронт. вот думаю попробовать фронт и потом как будет опыт изучить node.js и так залететь в бэк с двух ног. вопрос, не поздно ли мне? условно если я получаю сейчас 2к на руки, то как фронт на этот уровень вознаграждаения выйду после того как стану мидл?

      @redfox6179@redfox61794 ай бұрын
    • Привет! С твоим бэкграундом точно не поздно, но путь интересный, из девопса в бэк через фронт :) Мне кажется, что буквально каждая изученная на этом пути компетенция сильно поможет тебе в будущем. Фронтом джуном с годом опыта 2к получать можно без проблем, в бигтех компаниях уж точно, миддлом раза в полтора-два больше. Я бы на твоем месте всё же попробовал этот путь, звучит вполне реалистично, хоть и необычно :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Спасибо, почувствовал себя тупым)) жизни не хвалит чтобы все это понимать.

    @ukra777@ukra7774 ай бұрын
  • А в каких каналах есть все эти учебы?

    @abdunurmat2316@abdunurmat2316Ай бұрын
    • На моём канале есть курсы по HTML, CSS, материалы по Sass, БЭМ, несколько мастер-классов по верстке. И прямо сейчас выходит контент к курсу по JavaScript.

      @AleksanderLamkov@AleksanderLamkovАй бұрын
    • @@AleksanderLamkovа нужно ли учить DOM?

      @abdunurmat2316@abdunurmat2316Ай бұрын
    • Да, после изучения базового синтаксиса JavaScript.

      @AleksanderLamkov@AleksanderLamkovАй бұрын
    • @@AleksanderLamkov а у вас есть ролики про Dom?

      @abdunurmat2316@abdunurmat2316Ай бұрын
    • Пока что нет. Курс по JavaScript в процессе. Примерно через два месяца начнётся DOM.

      @AleksanderLamkov@AleksanderLamkovАй бұрын
  • Круто! Спасибо! Но лля ждуна это овермного...

    @pavel7930@pavel79304 ай бұрын
    • Ничто не мешает начать искать работу раньше, чем изучение всего этого набора технологий, но с приобретением бОльшего количества знаний, мы повышаем свой шанс :) Я начинал поиск работы, имея опыт кривой верстки и начальные знания JS. Да, это было неразумно, знаний объективно не хватало, но мне было плевать, я хотел как можно скорее получать коммерческий опыт и по итогу за месяц нашел работу, пусть и слабенькую по условиям, но мне хватило этого толчка и после я уже не останавливался и жадно год за годом поглощал новые знания. Сейчас рынок злой, с джунов ожидают много чего, особенно если метить в крупные биг-тех компании, но провинциальные «галеры» никуда не делись, можно начинать с них, где стек отстает на годы, влиться будет проще.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • ​@@AleksanderLamkov в каком году вы устраивались, если не секрет? Рынок кардинально поменялся с тех пор

      @kir99999@kir999994 ай бұрын
    • В 2020-м

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • Вполне себе стандартно, чтобы сейчас найти работу - нужно крутить 1+ год опыта, так ты считай уже мидл - а мидлу такое не знать, ну такое

      @ivankosolapov430@ivankosolapov4304 ай бұрын
    • Поверь что не много , это именно та база которая должна присутствовать у любого frontend разработчика на старте

      @SGWebDeveloper@SGWebDeveloper4 ай бұрын
  • Это все для Джуна надо ? Ато страшно стало )

    @fg18204@fg182043 ай бұрын
    • Для миддла. С джунов такое могут требовать только либо в очень крутых, либо в очень плохих компаниях :)

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
  • Рынок так перенасыщен что пока эти два года уйдут на обучение зарплаты выровняются с обычными рабочими профессиями.

    @DavidFunable@DavidFunable3 ай бұрын
    • Рынок перенасыщен джунами, это правда, но начиная с миддл грейда конкуренция на порядок ниже. Нужно любым способом получить коммерческий опыт, чтобы как можно скорее начать претендовать на такие позиции. Ну а зарплаты пока ни разу не падали за многие годы существования индустрии. Было время, когда вилки росли быстрее, года 2-3 назад, а сейчас просто стагнация или очень медленный рост. Как мне кажется, падать зарплаты точно не будут, по крайней мере не глобально в индустрии на рынке СНГ.

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
  • Для меня, как человека ничего не понимающего в фронте, но на старте изучения, данная инфа итак не особо понятно, дак надо ещё успевать слушать спикера. 😢 Блин, чуть по медленнее

    @roadtodream9469@roadtodream94693 ай бұрын
    • Учту! Спасибо за фидбек :) Напомню, что роадмап есть в «визуальном» формате в Miro, ссылка в описании под видео.

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
  • почему так многооо

    @ggaimer4244@ggaimer42444 ай бұрын
  • Блин так быстро 😂, если тебя держать в заложниках и заставляют быстро говорить моргни 😮😅

    @user-tb3mm6dl3z@user-tb3mm6dl3z3 ай бұрын
  • Ахуеть, я в школе на тройки учился и мне тяжело

    @user-ry8ps9ti2l@user-ry8ps9ti2l2 ай бұрын
  • Реакт не актуален, angular давно его превзошел,да и устроиться на нем намного легче.

    @easystyle3378@easystyle33784 ай бұрын
    • Может быть, но на реакте написано так много проектов, что он ещё долго не сдаст позиции на рынке :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Что насчёт SQL???

    @arthurq7843@arthurq78434 ай бұрын
    • Это бэкенд, к фронтенду не относится :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • а я сяду на html хело ворд напишу и буду доволен....а то понапридумывали сущностей черти...а сайты все хуже и хуже с каждым годом.

    @user-bd8ts2zu9r@user-bd8ts2zu9r13 күн бұрын
  • Ребят забудьте, 80% из этого всего я знаю и уже 3 месяца не могу найти работу…. По 600 запросов на каждую вакансию…. Мне кажется в айти можно попасть только по знакомству щас

    @a.s.production7333@a.s.production73334 ай бұрын
    • я знаю все выше перечисленное кроме NextJS и Docker - тупо учил для себя, ща ток начну подавать отклики на вакансии, затестим твои слова)

      @makssaga@makssaga4 ай бұрын
    • Помимо откликов не забывайте стучаться эйчарам на почту, этот способ гораздо эффективнее откликов :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • @@AleksanderLamkov а где айчаров брать, на linked in ?

      @a.s.production7333@a.s.production73334 ай бұрын
    • Через linkedin наверняка можно, но обычно на самих сайтах компаний есть раздел вакансий или контактов, где можно найти емейл отдела кадров или адрес конкретного эйчара.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • А кроме "знаю" у тебя ещё что есть? Проекты есть? Какие? А что насчёт английского? Или ты просто пару видосиков посмотрел и сразу "отрывайте меня гиганты, я всё знаю"?

      @shtein4476@shtein44764 ай бұрын
  • Зачем учить Vite если потом мы учим NextJs?

    @arthurq7843@arthurq78434 ай бұрын
    • NextJS - опциональная технология, а Vite применяется повсеместно.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Фу, nmp - зло. Порой из-за него нормально библиотеки не установливаются. Лучше использовать yarn как пакетный менеджер.

    @user-du5jc9xc6t@user-du5jc9xc6t4 ай бұрын
    • Новичкам на самом деле без разницы что использовать, хотя бы с одним инструментом освоится и обычно начинают именно с npm. Но согласен, что yarn лучше, в последний год на работе используем исключительно его.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • @@AleksanderLamkov а чем он лучше ? хотя есть ещё pnpm

      @carry-on-chaos4032@carry-on-chaos40324 ай бұрын
    • Он быстрее устанавливает библиотеки и с ним реже возникают конфликты несовместимости версий. Про pnpm слышал, но с ним не работал.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • Посмотрел и понял что я погибну от голода, пока это всё изучу 😂 Эту информацию лет 5 учить придётся. Я итак в компьютерах с 14 лет, но за 18 лет стажа так и не стал фронтенд разработчиком(.

    @henryperulia65@henryperulia654 ай бұрын
    • Половину освоил за 4 месяца, потом к сожалению пропал интерес ввиду сложности решать задачи логические задачи, что очень важно в программировании

      @dendyzet751@dendyzet7514 ай бұрын
    • Привет! А какие задачи решал? Я первые год-полтора к алгоритмическим задачкам даже не притрагивался, верстал и клепал компоненты на реакте, было вполне интересно.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • У тебя глаза красные

    @jakefaraon8650@jakefaraon86503 ай бұрын
    • Есть такое, работаю над этим)

      @AleksanderLamkov@AleksanderLamkov3 ай бұрын
  • Если бы говорил чуть чуть медленнее было бы понятнее

    @pingogo4190@pingogo4190Ай бұрын
    • Учту :)

      @AleksanderLamkov@AleksanderLamkovАй бұрын
  • Посмотрел. Понял что не его нафиг. Сложно и потолок как спеца 300-500к ... Не такие большие деньги... А учить это точно не моё... Мне дешевле нанять спеца с опытом, чем самому дальше погружаться в разработку...

    @alexander_stark@alexander_stark4 ай бұрын
    • "Сложно и потолок как спеца 300-500к" Так-так, ну расскажите нам, какие средства вам тогда нужны как спецу и каким спецом вы являетесь?

      @shtein4476@shtein44764 ай бұрын
    • @@shtein4476 я не специалист в конкретной области... На текущий момент у меня оборот в среднем 400к-600к месяц.. С 1 ниши....

      @alexander_stark@alexander_stark4 ай бұрын
    • Клоун

      @TheZver63@TheZver634 ай бұрын
    • Ну как бэ средняя зп оставляет желать лучшего. А вот получать 500 к и найти местечко где не будешь сильно пахать - вот это цель!

      @user-vt2mc9oq8y@user-vt2mc9oq8yАй бұрын
  • А смысл? В любом случае нейросети отправят на улицу до 80% всех разработчиков. Такие компании, как IBM, Dropbox, Microsoft уже начали сокращение штатов в связи с заменой некоторых разработчиков на нейронки. И это только начало.

    @user-gd9mm5dd8s@user-gd9mm5dd8s4 ай бұрын
    • Ну, как минимум «операторам ИИ по на направлению фронтенда» точно потребуются знания фронтенда :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • Вначале да, но нейронки развиваются с бешеной скоростью и очень скоро для формирования задания не нужно будет обладать даже минимум технических знаний. Достаточно будет описания обычными словами типа "мне нужна вот тут картинка, а вот здесь чтобы при нажатии мышкой происходило следующее. На основании этих слов будет сгенериорован вполне себе рабочий код, а если он будет с багом, то нейронку можно будет попросить перепроверить и исправить его. И это не далёкое будущее, это будет возможно в течение ближайших 3-5 лет.@@AleksanderLamkov

      @user-gd9mm5dd8s@user-gd9mm5dd8s4 ай бұрын
    • Да, вполне может так оно и будет, но это не значит, что изучать фронтенд поздно. Из этой профессии ещё можно выжать профит в виде инженерного опыта и, собственно, денег за свою работу, при том довольно неплохих, если работать в нужном месте. Ну а что будет потом, через 3-5 лет - это не так важно, к этому можно будет плавно подготовиться.

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
    • эх как жаль что нейросети не научились до сих пор за меня баги фиксить на проекте

      @carry-on-chaos4032@carry-on-chaos40324 ай бұрын
    • Как только это произойдёт, так тебя сразу уволят.@@carry-on-chaos4032

      @user-gd9mm5dd8s@user-gd9mm5dd8s4 ай бұрын
  • фронтендерами скоро уже все будут,а туда все прут и прут,прут и прут... как будто там медом намазано. А все потому что разные курсики которые решили на хомяках бабло стричь, смекнули, что разным домохазяйкам которыу прут в айти прихвативая туда с собой своих детей в придачу, сантехникам,електрикам более выгодно будет впарить курс когда можно будет научить их на каком то бесплатном вступительном уроке сделать красивую кнопочку,а если еще и ховер повесить то дамочки будут визжать от восторга. И наплодилось этих фронтендеров тысячами и края этому не видно, и дальше продолжают туда идти, какой то сюр...

    @Happy-Gappy@Happy-Gappy4 ай бұрын
    • Если туда идут, то сфера простая. И скоро будет обрушение зарплат.

      @leosv0@leosv04 ай бұрын
    • Идут-идут, но как-то недоходят и хороших разработчиков все равно дефицит 😃 А курсы просто прекрасны, особенно которые учат грамотно составлять резюме, а про все остальное забывают.

      @VicVlasenko@VicVlasenko2 ай бұрын
  • И зп будет : буханка хлеба

    @Roman-it6du@Roman-it6du4 ай бұрын
    • В начале - безусловно. Ну а потом очень приличные суммы :)

      @AleksanderLamkov@AleksanderLamkov4 ай бұрын
  • С садика надо было начинать😢

    @user-xw4ok7pm9m@user-xw4ok7pm9m4 ай бұрын
KZhead