Frontend Roadmap 2024 | Что должен учить фронтенд-разработчик в 2024 году
HTML-код
- Опубликовано: 2 июн 2024
- ✏️ Разбираем пошагово актуальный роадмап для фронтенд-разработчика в 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
Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
❗️Забыл упомянуть про тестирование, Jest и react-testing-library в частности. В роадмапе это добавлено последней карточкой этапа React.
Плиз можно обзор приложения для изучения фронтент разработки - Mimo
Стоит ли там изучать ?
Если речь про dev.getmimo.com/curriculum/frontend, то я с этим сервисом не сталкивался, но, судя по программе обучения, там дается вполне релевантная необходимая для работы база. Только про сборщики проектов информации не увидел и про тайпскрипт. Но в остальном - выглядит неплохо.
Да, Jest
Спасибо! Как всегда, очень подробно и полезно. Будем учить)
Александр, спасибо за ваш труд👍 очень жду JS и React
Это очень круто, большое спасибо что делаешь это для развития начинающих, мы очень благодарны❤️🥺
Поддерживаю!
У меня уже 3 года опыта работы фронтом, говорю - это грамотный роадмап 👍
ты же джун, откуда тебе знать?
@@bloodjopaза 3 года до мидла может поднялся
У вас образование IT?
@@user-gu1sv3ct4f да, но верстки и js было совсем мало, сам изучал
@@bloodjopa Я мидл, в целом путь изучения технологий был похожий.
Но всё равно есть куда углубиться
$mol забыл - актуалочка же😁 А вообще круто! Спасибо за ролик, теперь знаю как правильно вкатываться во фронт❤
Cупер, лайк!!!
Самый лучший Roadmap который я видел. Красава! Не зря потел над ним!
Вау! Какой крутой roadmap. Я репетитор по английскому языку и блогер. Хотела найти roadmap для репетитора и блогера, а нашла такую красоту! Возьму шаблон на миро и создать для учителей! Без roadmap сложно собрать в кучу все навыки! Спасибо, умный человек за такую разработку!
Ого, приятно было смотреть от начала и до конца, как будто бы меня подтолкнули интересной информацией, которая подняла мотивацию, курсы уже прошел, но так ничего и не добился, буду пробовать идти вновь по этому роад мапу, спасибо, надеюсь в 24 году нацду работу!)
привет, ну как, получилось?
Могу сказать только спасибо, лучший роадмеп который видел, уже много из этого знаю, но теперь четко вижу что нужно подучить и ещё выучить
Какая красивая карта :)
Подойдет, наверное даже, чтобы подготовиться к интервью. Подглядеть, что забыл.
Спасибо за подробный и нонятный роадмап. Пойду восполнять пробелы в знаниях.
Спасибо, очень полезное видео!)
Вот это роадмапище!!! Спасибо за шикарный видос. Кааааак все разобрано... Кайф
И сама идея с восхождением на вершины тоже понравилась
Благодарю! Классный роадмап!
Нифига как ты заморочился. Самая подробный роудмэп
Круто, такой подробный и понятный роадмап я в сети еще не видела, спасибо большое автору 👍
За 6-10 месяцев вполне реально всё это понять и закрепить на практике, в день надо тратить от 4 до 8 часов 6 дней в неделю, но на такое способны единицы, при этом каждый раз ты будешь чувствовать себя ослом, и ловить себя на мысли что программировать это не твоё
это вполне реально понять и за 3-4 месяца, если заниматься систематически на постоянке. как ты и сказал по 8 часов 6 дней в неделю. Просто нужно много очень много практики, а не одна теория.
понять и набрать опыта это небо и земля@@xandellys
😂😂😂 понять то ты поймешь, но ничего сам сделать не сможешь
Как думаете, есть ли смысл переключиться на php и искать работу там? Просто в сравнении с js вакансии на php выглядят куда более привлекательными в плане требований и конкуренции.
Да, пхп это деньги и много работы как и вакансий
Подскажите такой вопрос, я вроде бы знаю хорошо js, изучаю его много лет, много курсов прошел и тп. Но часто на работе в той или иной задаче сложно понять какие технологии языка использовать, ну в смысле как правильно построить сам алгоритм, архитектору выполнения задачи. Что еще можно изучить чтобы можно было бы быстро решать задачи на js любой сложности
Привет! Да я бы сказал, что тут нужна практика и только практика. Щупать все популярные библиотеки экосистемы твоего текущего стека, чтобы пополнять арсенал своих знаний.
Привет, подскажи или сделай ролик по фрилансу. Следует учить все перечисленное из видео или стоит ограничиться отдельными элементами из карты?
Привет! Для фриланса два года назад мне было достаточно знаний по верстке (HTML, CSS, БЭМ, препроцессор стилей, сборщик проектов Gulp и WebPack) и базовый JavaScript, чтобы реализовывать UI компоненты, хотя бы через подключение сторонних библиотек.
Может сейчас уже что-то и изменилось, но я сомневаюсь, что на фрилансе есть много сложных проектов, где нужен React, TS, NextJS, Docker и подобное.
@@AleksanderLamkov хотел бы задать вопрос насчёт курсов по js, при покупке курсов по времени они ускорят моё изучение или же без разницы, с курсом или без по времени одинаково?
С курсом будет быстрее обучение, так как там за тебя уже структурировали всю информацию и если ты заплатил, то наверняка захочешь «отбить» свои деньги и получить то, за чем пришел, то есть получаешь ещё и дополнительную мотивацию :)
Но если есть сила воли и мотивация из вне, то можно и по бесплатным материалам научиться, их сейчас полно.
@@AleksanderLamkov понял спасибо
Круто, спасибо за роудмап, увидел области где мне не хватает знаний
Столкнулся с проблемой, что картинка background-image не отображается. Качал в разных форматах. Закидывал в разные папки. Пробовал различные пути к этой картинке, полный прям с диска "c" и через /, ./, ../. Если делать через style в body тоже 0 реакции. Стили с style.css работают. Обычные img src отображаются. В чем проблема , может поможет кто ?
Уже качаю open server. Когда-то сталкивался с этой проблемой и не помню как решил, вроде через open. Но все же кто-то что-то может знает ?
Привет! Напиши о своей проблеме в чат t.me/friendlyFrontendChat, там разберемся :)
Лучший roadmap для новичков! 🔥
Привет. А что учить для только лишь верстки? Какой начальный Роад Мап?
Html
CSS
А дальше что лучше и в каком порядке? Препроцессоры? Нужна ли Figma?
Нужны ли учить CMS? и какие?
Спасибо большое =)
Привет! HTML => CSS => БЭМ (чтобы лучше понять компонентный подход) => Препроцессор стилей Sass => Сборщики проектов (Gulp, WebPack, Vite, выбрать для старта любой, собрать по свежим видеогайдам).
Фигма изучается параллельно с практикой по верстке. Специально какие-то курсы по фигме проходить точно не нужно.
С CMS полезно ознакомиться только тем, кто собирается работать на фрилансе: Wordpress, Bitrix.
Привет. Полезен ли человек на работе, еcли он НЕ знает js, но у него упор на дизайн, включая ui/ux. То есть он создает всю графику с копирайтингом, включая логотипы, и помимо html и css он знает фотошоп, иллюстратор, умеет работать с графическими нейронками, и вме в таком стиле? А js будет делать кто-то другой.
Или нужно именно знать js?
Привет! Это сильно сужает круг подходящих вакансий, большинство вакансий со словом «фронтенд» в названии уже не подойдут.
Быть UI/UX инженером, который делает упор на верстку, графику и анимацию можно, но, боюсь, не на старте карьеры. По крайней мере в РФ я таких вакансий для новичков не видел.
Я предполагаю только такой сценарий: выучить JS, потрогать React, научится делать интерфейсы с помощью этой библиотеки, а когда будет несколько лет опыта работы на таком стеке, можно будет поискать вакансию, где будет упор на работу с дизайн-системой, где надо будет верстать различные компоненты, создавать анимации и тому подобное.
@@AleksanderLamkov 10 + лет опыта и запуск собственных проектов на собственных средствах с оборотами в 1/4 миллиАРДА $ в первый год. (Это оборот, прибыль несоизмеримо меньше, иначе бы не писал это сообщение)
После предательства партнеров и полной потери капитала и недвижки рассматриваю найм в этой сфере. Только не спрашивай, плиз имена проектов. Крипта + анонимность. И не могу показать портфолио по этой же причине.
(Понимаю, что звучит достаточно бредово))
JS обычно занимался отдельный человек в паре со мной.
Вот и решил узнать, какая практика на этот счет. Можно ли с такими скилами вписаться в найм или обязательно нужен js. Спасибо за развернутый ответ.
Это что-то из разряда "Дизайнер верстальщик", часто можно встретить на фрилансе и в ряде веб студий.
Без знаний js - это верстальщик, таких почти нет на рынке с хорошей зп, так как это считается базовыми навыками фронта
@@SmoggyRus спасибо за ответ. У меня основной упор на графику, и особенно на логотипы максимального качества. Поэтому тут я скорее дизайнер с дополнительными скилами, чем фронт.
Иду по roadmap и сервису Odin, пока всё как в карте из этого ролика, как раз на этапе React сейчас. Но за эту карту спасибо, понял, что нужно свой css подтянуть) Автор - отлично преподносит информацию
Мое почтение 🤝
❤❤❤
А когда будет курс по JS? Или где посоветуешь его изучать/смотреть? Видео топ, смотрю и жадно поглощаю всю информацию. Спасибо)
Привет! По JS начнется в январе-феврале. А пока что - посоветую на канале Богдана Стащука курс на 11 часов посмотреть, там очень хорошо каждая мелочь рассматривается.
@@AleksanderLamkov спасибо большое!
@@AleksanderLamkov это ваш курс на Ютубе или покупать?
То есть? Какой курс? Тот, который я посоветовал выше? Это популярный канал другого разработчика, тот курс бесплатный.
На моем канале мой курс по JS будет тоже бесплатным, если что :)
@@AleksanderLamkov а, ну я спрашивал про бесплатный на вашем Ютубе. Может не так поняли друг друга. спасибо
Если достаточно хорошо изучить HTML и CSS - этого достаточно чтобы зайти во фронт-разработку хотя бы с вёрстки?
Таких вакансий на рынке очень мало, а на фрилансе шансы в принципе есть.
огонь!
Круто спасибо!бОЛЬШЕ таких видосов)) удачи всем
С каким стеком технологий можно зарабатывать что то более чем два бутерброда с чаем? Спасибо
HTML, CSS, JS, React, TS - этого достаточно в большинстве случаев
очень жду от тебя JS
Уроки по javascript и react будут у вас на канале? Или только вёрстка?
Привет! Будут.
Учусь по специальности информационная безопасность, но хочу учить фронтенд. Я слышал что сейчас большая перегруженность на рынке, стоит входить?
Специальность в университете? Она мало на что влияет, главное что в IT крутишься, уже хорошо.
Перегруженность в плане количества джунов - да, есть, но подобная картина много где сейчас.
Я бы на твоем месте попробовал разные направления, разные языки и потом бы сосредоточился на том, что приглянулось больше всего.
Работу все равно рано или поздно найдешь, не беспокойся об этом.
@@AleksanderLamkov да, в университете. Я пробовал разные языки, c#, c++, python, но пока что мне более интересен фронтенд, а может быть и фулл стек. Изначально хотел игры делать, пробовал юнити, godot, но не вижу возможности построения карьеры, по этому остановился на фронтенде
Классный роадмап, спасибо❤
Господи, увидел это все и стало страшно, сколько лет на это понадобится
месяцев 6-12, если будешь уделять этому время
Спасибо
Спасибо. А реально все это изучить ?!
За года два точно можно, но начинать поиск работы можно уже в процессе обучения, когда будет уверенная база по верстке, JavaScript и React.
Сейчас без опыта работы реально устроиться? В вакансиях везде требуется
Привет! Реально через стажировку, но надо знать теорию и чтобы было портфолио из нескольких проектов, чтобы иметь хотя бы шанс попасть на такое мероприятие.
Либо вылавливать крайне редкие вакансии "без опыта" и быть тем счастливчиком, на которого эйчар обратит внимание, когда будет перебирать сотни и тысячи откликов.
Ну а вообще, при любом раскладе надо углублять свои компетенции, чтобы при случае проявить себя и быть лучшим из лучших, таких берут и без опыта.
Александр, привет! Подскажи пжл, если я уже начал свой проф. путь с Vue (1,5 года коммерч. опыта), имеет ли смысл выучить React? Вопрос связан с тем, что по React вакансий ощутимо больше, примерно в 1,5 раза, чем на Vue. И еще вопрос - при переходе с Vue на React обязательно будет понижение по грейду (к примеру, если на Vue - мидл, то при переходе на React - только джуном или можно также на мидла перейти)?
Привет! Думаю, что смысл дополнительно изучить React есть, но только, если действительно лично у тебя проблема с поиском вакансии на Vue.
Ну а грейд от смены одного фреймворка на другой не меняется. Грейд может "понизиться", только если переходить из маленькой локальной компании в компанию побольше и посерьёзнее, где более строгие критерии к компетенциям разработчика.
Я когда-то щупал Vue, концепции схожи с React, особенно с его классовым подходом. Ну а так как в последние годы реакт стал в целом проще (классовые компоненты заменились функциональными), то перейти с Vue на React будет наверняка несложно, особенно имея полтора года коммерческого опыта.
Привет, подскажи пжл почему решил переходить на React?только из-за вакансий?
@@alexandrastoliarova1178 привет. Я пока не решил, Vue в целом устраивает, кроме того, что вакансий меньше, чем по реакту. Это наверное единственная причина взгляда в сторону реакта
Слов нет
Стоит ли уходить в фуллстак разработку ?Например React + go?
Привет! Я считаю, что стоит только, если в одной из областей достиг высокой компетенции. Уходить в фуллстек в первые года 3 коммерческой деятельности как фронт, к примеру, я бы не рекомендовал.
@@AleksanderLamkov спасибо за ответ)
Лучше уже react и firebase чем fullstack
Грамотный разбор. Такое бы мне на старте, а так приходилось ломать голову, что учить самому
Объясните пожалуйста понятным языком че такое layout
Привет! Лейаут = разметка, структура вокруг мелких, функциональных компонентов. Лейаут на уровне стилей отвечает за расположение дочерних элементов.
Например, если на странице каталога товаров нужно сделать так, чтобы была сетка из 4х колонок с карточками товаров, то в разметке лейаут мог бы выглядеть так:
…
А в стилях:
.catalog__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
Получается, что catalog, catalog__list и catalog__item - это как раз лейаут, структурные элементы, помогающие расположить более мелкие, функциональные компоненты - product-card в частности.
@@AleksanderLamkov спасибо 😉
А что ещё можно изучить, если я это всё знаю и работал с этим?
GraphQL, FSD, алгоритмы и структуры данных, по JS - специфичные браузерные API для работы с файлами, видеопотоком, протокол вебсокетов.
@@AleksanderLamkov Огромное спасибо)
Здравствуйте, хочу узнать ваше мнение. Как вы думаете долго ли ещё будут жить сайты, и есть смысл учить их разработку?
Привет! Пока интернет существует, сайты никуда не денутся. Лет так 10, на мой взгляд, навык веб-разработки и фронтенда в частности будет точно актуален. И нейросети нас пока тоже не заменят :)
@@AleksanderLamkov Спасибо за совет, а также за быстрый ответ
Как вы думаете через сколько лет нейросеть "уничтожит" профессию фронтендера?
Уничтожит? Вряд ли. Просто порог входа станет выше, а нейросети будут обязательным инструментом любого разработчика.
Дает ли какие то плюсы хорошее знание node js+ express, mongodb? Для личных проектов для портфолио нужен был бэк с бд, пришлось самому учить. Вот думаю, дальше развиваться как фуллстак или сделать упор исключительно на фронт
Привет! На работе, где занимаешься сугубо фронтом, пользы от глубокого понимания бэка я не вижу. И в плане ЗП фуллстеки зачастую получают не больше чистых фронтов или бэков.
ну и списочек 😀)
Отличное, подробное описание базы знаний для Фронт-енд разработчика.
Вопрос не по теме, но все же задам) Ты использовал нейронку, чтобы зрачки не бегали?
Нет, немного другие хитрости)
Что должен учить Full Stack в 2024 году ??? gracias
Всё то же самое + roadmap.sh/backend
А в каких каналах есть все эти учебы?
На моём канале есть курсы по HTML, CSS, материалы по Sass, БЭМ, несколько мастер-классов по верстке.
И прямо сейчас выходит контент к курсу по JavaScript.
@@AleksanderLamkovа нужно ли учить DOM?
Да, после изучения базового синтаксиса JavaScript.
@@AleksanderLamkov а у вас есть ролики про Dom?
Пока что нет. Курс по JavaScript в процессе. Примерно через два месяца начнётся DOM.
Капец, если бы я посмотрел это видео до изучения веба, я бы лучше пошел на фотографа учиться. Это все выучить нужно лет 20 жизни потратить. Давай больше уроков, ждем новые видео!
где можно скачать эту карту схему?
Привет! Можно посмотреть в Miro онлайн: miro.com/app/board/uXjVNGw7Jv8=/?share_link_id=860861096273
Или заходи в чат, там в сообщениях выкладывал в pdf: t.me/friendlyFrontendChat/4429
спасибо
Есть ли смысл начинать учить в 2024 или ниша уже переполнена?
Врать не буду - новичков полно, но доходят до хорошего уровня немногие, и только таких берут на работу. Если сравнивать это направление с другими, то по соотношению временных затрат к получаемому вознаграждению, то фронтенд до сих пор выгоден. Но, в любом случае, от этого дела, как и от других, надо получать удовольствие, тогда и обучение будет в кайф и дальнейшая работа обязательно найдется и будет радовать :)
@@AleksanderLamkov
"по соотношению временных затрат к получаемому вознаграждению, то фронтенд до сих пор выгоден."
не совсем понял, что ты имеешь в виду под этим утверждением?
Азы фронтенда можно освоить быстро. Язык программирования JS куда проще, чем многие другие.
И после получения коммерческого опыта в 2-3 года, фронтенд-разработчик может претендовать на ЗП от 200к смело. А это только начало.
Я не знаю других не-айтишных профессий, в которых также быстро можно получить финансовую выгоду.
@@AleksanderLamkov можно вопрос, я вот джун+ или мидл- девопс и мне 38, (ну хоть выгляжу молодо : ) на этом спасибо ), и знаю питона баш на уровне скриптинга, сам знаешь девопс отрасль также широк как карта в этом видео и также часто все меняется. я пытался учить бэк но нихрена непонял язык голанг, + там куча своих тем как субд итд, по этому решимл попробовать фронт. вот думаю попробовать фронт и потом как будет опыт изучить node.js и так залететь в бэк с двух ног. вопрос, не поздно ли мне? условно если я получаю сейчас 2к на руки, то как фронт на этот уровень вознаграждаения выйду после того как стану мидл?
Привет! С твоим бэкграундом точно не поздно, но путь интересный, из девопса в бэк через фронт :) Мне кажется, что буквально каждая изученная на этом пути компетенция сильно поможет тебе в будущем.
Фронтом джуном с годом опыта 2к получать можно без проблем, в бигтех компаниях уж точно, миддлом раза в полтора-два больше.
Я бы на твоем месте всё же попробовал этот путь, звучит вполне реалистично, хоть и необычно :)
здраствуйте эти все уроки у вас есть от куда найти я хочу учить мне понравился ваш Roadmap 👍
Привет! Можно начать с курса по HTML: ruclips.net/video/yE4Rlp0OeVc/видео.html
лет 10 надо учить эт все ))
Не, оно лишь так только кажется, просто такие видео пугают даже тех кто уже это всё знает, из-за того что так много пунктов, складывается впечатление что это всё нереально выучить, а если и реально то очень долго, но на самом деле чем больше учишь, тем легче всё даётся потом, да и это лишь так кажется что долго учить, а на самом деле как говориться "глаза бояться, руки делают"
Да, но через год уже будет не актуально😂
90% из приведенного стека были актуальны и несколько лет назад. То, что «во фронтенде каждый день появляется новый фреймворк» - миф, не стоит переживать, что знания быстро устареют.
Думаю если прогать 5-6 дней в неделю,по 4-8 часов,то за год достаточно хорошо освоешь,как для Junior,но это надо любить.Я занимаюсь не струтркутрно 7 месяцев
Подскажите пожалуйста, а вообще стоит ли сейчас серьезно настроиться по этой направлении, когда многие повсюду говорят, что IT уже конец ?
нет, не стоит. IT уже конец
А есть альтернативы? На кого ещё можно выучиться и кем можно потом пойти работать, чтобы в такой относительно короткий срок (2-3 года) практически гарантированно получить зарплату, превышающую среднюю по стране в разы?
Как по мне - IT всё ещё путь наименьшего сопротивления, но, разумеется, этот путь не для всех, и надо прежде всего получать удовольствие в процессе написания кода, а плюшки от работы в этой сфере со временем сами тебя найдут.
Ну а ИИ работу нашу ещё долго будет пытаться отобрать. Надо свыкнуться с этой реальностью и начать применять этот инструмент в своей повседневной работе. В мощной комбинации "человек + ии" тебя точно никто не заменит :)
@@AleksanderLamkov Благодарю за внимание. Я просто 2 года не мог освободиться от занятости моих рук и вообще, а начало обучения я как раз откладывал до началы этого года. Пусть будет трудно но не сдамся. Спасибо 👍
Выучить то выучишь, сделаешь может быть и сделаешь, вопрос потом кто это все дело будет через SEO продвигать.
Если так сказать не видишь смысл переделывать то что написано на WordPress, на next, redux и т.д, то нужно 3 подумать стоит вообще начинать либо не стоит.
Если это все не достанется удовольствия то думаю не стоит .
Нужно себя адекватно оценивать. Если не нравится и тем более не можешь с 0 колупаться и писать код для отдельных откпонентов то в целом it умерло + к тому же никому твои проекты без SEO и вложений не нужны.
Как и всех других отраслях в жизни : кто то заканчивает на инженера и руководит предприятием, а кто то всю жизнь работает за средний оклад по стране слесарем.
Опять таки. Водители не меньше могут зарабатывать.
Лучше идти в мобилы. Костыли типа адаптива и react native такое себе
Это все для Джуна надо ? Ато страшно стало )
Для миддла. С джунов такое могут требовать только либо в очень крутых, либо в очень плохих компаниях :)
Насколько реально с 0 все это изучить и сколько месяцев понадобится, чтобы хотя бы подтянуться до уровня джуна? При этом бэкграунд совсем не технический.
Думаю, что около года, если регулярно на обучение тратить в день ~1-3 часа.
1,5 года я бы заложил, плюс до 6 месяцев поиск работы.и по 4-6 часов в день,а не по часу)Это если про реальность говорить
Круто! Спасибо! Но лля ждуна это овермного...
Ничто не мешает начать искать работу раньше, чем изучение всего этого набора технологий, но с приобретением бОльшего количества знаний, мы повышаем свой шанс :)
Я начинал поиск работы, имея опыт кривой верстки и начальные знания JS. Да, это было неразумно, знаний объективно не хватало, но мне было плевать, я хотел как можно скорее получать коммерческий опыт и по итогу за месяц нашел работу, пусть и слабенькую по условиям, но мне хватило этого толчка и после я уже не останавливался и жадно год за годом поглощал новые знания.
Сейчас рынок злой, с джунов ожидают много чего, особенно если метить в крупные биг-тех компании, но провинциальные «галеры» никуда не делись, можно начинать с них, где стек отстает на годы, влиться будет проще.
@@AleksanderLamkov в каком году вы устраивались, если не секрет? Рынок кардинально поменялся с тех пор
В 2020-м
Вполне себе стандартно, чтобы сейчас найти работу - нужно крутить 1+ год опыта, так ты считай уже мидл - а мидлу такое не знать, ну такое
Поверь что не много , это именно та база которая должна присутствовать у любого frontend разработчика на старте
У меня нет ничего что выперает но скрол есть!
Дякую.
По глазам видно, что программист 😉👌
Меня менты в метро тормозили часто из-за глаз. Думали наркоман. На вопрос, что употребляю? Отвечал, что компьютер по ночам. Посмеялись, отпускали. Даже на работу в милицию звали, как крепыша. 😂
Нда бля, а потом через пару лет у тебя будет бессонница, которую очень тяжело вылечить.@@romansozinov
Спасибо, почувствовал себя тупым)) жизни не хвалит чтобы все это понимать.
Для меня, как человека ничего не понимающего в фронте, но на старте изучения, данная инфа итак не особо понятно, дак надо ещё успевать слушать спикера. 😢 Блин, чуть по медленнее
Учту! Спасибо за фидбек :)
Напомню, что роадмап есть в «визуальном» формате в Miro, ссылка в описании под видео.
Привет, Александр! А зачем фронтенд разработчику нужен docker?
Привет! Чтобы развернуть бекенд приложения у себя на локалке. Ну и бывают в целом сложные проекты, где даже фронт запускается гораздо мудренее, чем npm i + npm start :)
Рынок так перенасыщен что пока эти два года уйдут на обучение зарплаты выровняются с обычными рабочими профессиями.
Рынок перенасыщен джунами, это правда, но начиная с миддл грейда конкуренция на порядок ниже. Нужно любым способом получить коммерческий опыт, чтобы как можно скорее начать претендовать на такие позиции.
Ну а зарплаты пока ни разу не падали за многие годы существования индустрии. Было время, когда вилки росли быстрее, года 2-3 назад, а сейчас просто стагнация или очень медленный рост. Как мне кажется, падать зарплаты точно не будут, по крайней мере не глобально в индустрии на рынке СНГ.
Библиотеки, type script кажутся лишними
Но в требованиях к вакансиям всё же часто встречаются.
Похоже я не стану настоящим фронтенд разработчиком))) js поверхушкам знаю и переключилась на word press, грустно
Никогда не поздно закрыть пробелы в знаниях 🙃
@@AleksanderLamkov уже 6 месяцев после курсов работаю))) день работаю, вечером учусь и учебе нет конца))) я посмотрела вашу карту навыков, мне конец )))
Но не все навыки из этого родмапа нужны на старте. В начале хватит HTML, CSS, JS, React. Не опускайте руки.
@@AleksanderLamkov js по верхам, пока word press мучаю, react боюсь. У вас сколько времени ушло выучить все это? А вообще страшно клнечно в 46 начать новую карьеру
JS основательно - 1 год. React - 3 месяца, он проще JS'а.
Ахуеть, я в школе на тройки учился и мне тяжело
Бля, мужик, хорош! Оказывается я как фронтендер так много всего знаю! Все таки не штаны просиживаю и не рисую одни лишь тупые кнопки. Я реально спец с большим багажом знаний
Слишком много! За такое количество знаний должны платить не меньше ляма в месяц, да и думаю что это уровень не джуна а сеньера
Что насчёт SQL???
Это бэкенд, к фронтенду не относится :)
Прекрассная работа, начал учить ts по документации и по всем этим темам прошел, только самое главное из всего наваленного, огромное спасибо!
каждый год эти дороги выпускать будете?
Привет! Да, планирую. Каждый год даже в базовых технологиях (HTML, CSS, JS) выходят новые классные штуки, которые стоит знать.
Блин так быстро 😂, если тебя держать в заложниках и заставляют быстро говорить моргни 😮😅
Реакт не актуален, angular давно его превзошел,да и устроиться на нем намного легче.
Может быть, но на реакте написано так много проектов, что он ещё долго не сдаст позиции на рынке :)
почему так многооо
Ровно все это использую на работе :)
а я сяду на html хело ворд напишу и буду доволен....а то понапридумывали сущностей черти...а сайты все хуже и хуже с каждым годом.
Спасибо что я понел что я некто покачто я это ценю
Ребят забудьте, 80% из этого всего я знаю и уже 3 месяца не могу найти работу…. По 600 запросов на каждую вакансию…. Мне кажется в айти можно попасть только по знакомству щас
я знаю все выше перечисленное кроме NextJS и Docker - тупо учил для себя, ща ток начну подавать отклики на вакансии, затестим твои слова)
Помимо откликов не забывайте стучаться эйчарам на почту, этот способ гораздо эффективнее откликов :)
@@AleksanderLamkov а где айчаров брать, на linked in ?
Через linkedin наверняка можно, но обычно на самих сайтах компаний есть раздел вакансий или контактов, где можно найти емейл отдела кадров или адрес конкретного эйчара.
А кроме "знаю" у тебя ещё что есть? Проекты есть? Какие? А что насчёт английского? Или ты просто пару видосиков посмотрел и сразу "отрывайте меня гиганты, я всё знаю"?
А что нужно учить чтобы захватить мир ?
п1зд3ц как жалею что вообще связался с єтой темой,3тий 3б2чий год учусь
Привет, твоя карта ясна. Всё таки нужно ясно сказать про базовый началний уровень яснее. Некоторые в школе не учили информатику, не было тонкого предмета или не думали что им это будет нужно. Извените за ошибки.
Зачем учить Vite если потом мы учим NextJs?
NextJS - опциональная технология, а Vite применяется повсеместно.
Фу, nmp - зло. Порой из-за него нормально библиотеки не установливаются. Лучше использовать yarn как пакетный менеджер.
Новичкам на самом деле без разницы что использовать, хотя бы с одним инструментом освоится и обычно начинают именно с npm. Но согласен, что yarn лучше, в последний год на работе используем исключительно его.
@@AleksanderLamkov а чем он лучше ? хотя есть ещё pnpm
Он быстрее устанавливает библиотеки и с ним реже возникают конфликты несовместимости версий.
Про pnpm слышал, но с ним не работал.
У тебя глаза красные
Есть такое, работаю над этим)
Посмотрел и понял что я погибну от голода, пока это всё изучу 😂
Эту информацию лет 5 учить придётся. Я итак в компьютерах с 14 лет, но за 18 лет стажа так и не стал фронтенд разработчиком(.
Половину освоил за 4 месяца, потом к сожалению пропал интерес ввиду сложности решать задачи логические задачи, что очень важно в программировании
Привет! А какие задачи решал? Я первые год-полтора к алгоритмическим задачкам даже не притрагивался, верстал и клепал компоненты на реакте, было вполне интересно.
Если бы говорил чуть чуть медленнее было бы понятнее
Учту :)
Посмотрел. Понял что не его нафиг. Сложно и потолок как спеца 300-500к ... Не такие большие деньги... А учить это точно не моё... Мне дешевле нанять спеца с опытом, чем самому дальше погружаться в разработку...
"Сложно и потолок как спеца 300-500к" Так-так, ну расскажите нам, какие средства вам тогда нужны как спецу и каким спецом вы являетесь?
@@shtein4476 я не специалист в конкретной области... На текущий момент у меня оборот в среднем 400к-600к месяц.. С 1 ниши....
Клоун
Ну как бэ средняя зп оставляет желать лучшего. А вот получать 500 к и найти местечко где не будешь сильно пахать - вот это цель!
А смысл? В любом случае нейросети отправят на улицу до 80% всех разработчиков. Такие компании, как IBM, Dropbox, Microsoft уже начали сокращение штатов в связи с заменой некоторых разработчиков на нейронки. И это только начало.
Ну, как минимум «операторам ИИ по на направлению фронтенда» точно потребуются знания фронтенда :)
Вначале да, но нейронки развиваются с бешеной скоростью и очень скоро для формирования задания не нужно будет обладать даже минимум технических знаний. Достаточно будет описания обычными словами типа "мне нужна вот тут картинка, а вот здесь чтобы при нажатии мышкой происходило следующее. На основании этих слов будет сгенериорован вполне себе рабочий код, а если он будет с багом, то нейронку можно будет попросить перепроверить и исправить его. И это не далёкое будущее, это будет возможно в течение ближайших 3-5 лет.@@AleksanderLamkov
Да, вполне может так оно и будет, но это не значит, что изучать фронтенд поздно.
Из этой профессии ещё можно выжать профит в виде инженерного опыта и, собственно, денег за свою работу, при том довольно неплохих, если работать в нужном месте.
Ну а что будет потом, через 3-5 лет - это не так важно, к этому можно будет плавно подготовиться.
эх как жаль что нейросети не научились до сих пор за меня баги фиксить на проекте
Как только это произойдёт, так тебя сразу уволят.@@carry-on-chaos4032