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

  Переглядів 42,440

Александр Ламков — Friendly Frontend

Александр Ламков — Friendly Frontend

День тому

✏️ Разбираем пошагово актуальный роадмап для фронтенд-разработчика в 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

КОМЕНТАРІ: 231
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
@tolyanooo
@tolyanooo 5 місяців тому
Александр, спасибо за ваш труд👍 очень жду JS и React
@user-hw3ev1wb3y
@user-hw3ev1wb3y 5 місяців тому
Спасибо! Как всегда, очень подробно и полезно. Будем учить)
@AleksanderLamkov
@AleksanderLamkov 5 місяців тому
❗️Забыл упомянуть про тестирование, Jest и react-testing-library в частности. В роадмапе это добавлено последней карточкой этапа React.
@qqlfgg
@qqlfgg 4 місяці тому
Плиз можно обзор приложения для изучения фронтент разработки - Mimo Стоит ли там изучать ?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Если речь про dev.getmimo.com/curriculum/frontend, то я с этим сервисом не сталкивался, но, судя по программе обучения, там дается вполне релевантная необходимая для работы база. Только про сборщики проектов информации не увидел и про тайпскрипт. Но в остальном - выглядит неплохо.
@andrewsam224
@andrewsam224 3 місяці тому
Да, Jest
@Whynot-lx8nl
@Whynot-lx8nl 5 місяців тому
Это очень круто, большое спасибо что делаешь это для развития начинающих, мы очень благодарны❤️🥺
@michaelkamko
@michaelkamko 5 місяців тому
Поддерживаю!
@user-dy1qg9ns6u
@user-dy1qg9ns6u 4 місяці тому
У меня уже 3 года опыта работы фронтом, говорю - это грамотный роадмап 👍
@bloodjopa
@bloodjopa 4 місяці тому
ты же джун, откуда тебе знать?
@galaktik9714
@galaktik9714 4 місяці тому
​@@bloodjopaза 3 года до мидла может поднялся
@user-gu1sv3ct4f
@user-gu1sv3ct4f 4 місяці тому
У вас образование IT?
@user-dy1qg9ns6u
@user-dy1qg9ns6u 4 місяці тому
@@user-gu1sv3ct4f да, но верстки и js было совсем мало, сам изучал
@user-dy1qg9ns6u
@user-dy1qg9ns6u 4 місяці тому
@@bloodjopa Я мидл, в целом путь изучения технологий был похожий. Но всё равно есть куда углубиться
@yatutbylyatutbyl3939
@yatutbylyatutbyl3939 Місяць тому
Круто, такой подробный и понятный роадмап я в сети еще не видела, спасибо большое автору 👍
@rimi4014
@rimi4014 4 місяці тому
Могу сказать только спасибо, лучший роадмеп который видел, уже много из этого знаю, но теперь четко вижу что нужно подучить и ещё выучить
@ekaterinaglushkova5004
@ekaterinaglushkova5004 3 місяці тому
Спасибо, очень полезное видео!)
@Legat14
@Legat14 4 місяці тому
Спасибо за подробный и нонятный роадмап. Пойду восполнять пробелы в знаниях.
@user-me5lo4ib7q
@user-me5lo4ib7q 5 місяців тому
Какая красивая карта :) Подойдет, наверное даже, чтобы подготовиться к интервью. Подглядеть, что забыл.
@silenciomar7325
@silenciomar7325 4 місяці тому
Благодарю! Классный роадмап!
@alexb.2616
@alexb.2616 3 місяці тому
Вот это роадмапище!!! Спасибо за шикарный видос. Кааааак все разобрано... Кайф И сама идея с восхождением на вершины тоже понравилась
@user-xu4ob9pg7e
@user-xu4ob9pg7e 4 місяці тому
Нифига как ты заморочился. Самая подробный роудмэп
@BOSSPOZITIVA
@BOSSPOZITIVA Місяць тому
Круто спасибо!бОЛЬШЕ таких видосов)) удачи всем
@user-sq5wj2zz7u
@user-sq5wj2zz7u 4 місяці тому
Мое почтение 🤝
@ilya10rus
@ilya10rus 4 місяці тому
Ого, приятно было смотреть от начала и до конца, как будто бы меня подтолкнули интересной информацией, которая подняла мотивацию, курсы уже прошел, но так ничего и не добился, буду пробовать идти вновь по этому роад мапу, спасибо, надеюсь в 24 году нацду работу!)
@zxkckdkf2819
@zxkckdkf2819 29 днів тому
привет, ну как, получилось?
@stenty8464
@stenty8464 4 місяці тому
Круто, спасибо за роудмап, увидел области где мне не хватает знаний
@Kotovar
@Kotovar 2 місяці тому
Иду по roadmap и сервису Odin, пока всё как в карте из этого ролика, как раз на этапе React сейчас. Но за эту карту спасибо, понял, что нужно свой css подтянуть) Автор - отлично преподносит информацию
@user-wk2nt2sg9d
@user-wk2nt2sg9d Місяць тому
Классный роадмап, спасибо❤
@smotritelyoutube
@smotritelyoutube 5 місяців тому
Cупер, лайк!!!
@lenurabdiramanov8055
@lenurabdiramanov8055 4 місяці тому
Лучший roadmap для новичков! 🔥
@user-zq4nz6yd2p
@user-zq4nz6yd2p 3 місяці тому
За 6-10 месяцев вполне реально всё это понять и закрепить на практике, в день надо тратить от 4 до 8 часов 6 дней в неделю, но на такое способны единицы, при этом каждый раз ты будешь чувствовать себя ослом, и ловить себя на мысли что программировать это не твоё
@xandellys
@xandellys Місяць тому
это вполне реально понять и за 3-4 месяца, если заниматься систематически на постоянке. как ты и сказал по 8 часов 6 дней в неделю. Просто нужно много очень много практики, а не одна теория.
@user-zq4nz6yd2p
@user-zq4nz6yd2p Місяць тому
понять и набрать опыта это небо и земля@@xandellys
@esp2644
@esp2644 29 днів тому
😂😂😂 понять то ты поймешь, но ничего сам сделать не сможешь
@user-fz1cm2ml1v
@user-fz1cm2ml1v 5 місяців тому
$mol забыл - актуалочка же😁 А вообще круто! Спасибо за ролик, теперь знаю как правильно вкатываться во фронт❤
@unlimitedgames8357
@unlimitedgames8357 5 місяців тому
огонь!
@Bit_Maximum
@Bit_Maximum 5 місяців тому
Спасибо
@user-rd8uh2ym3c
@user-rd8uh2ym3c 2 місяці тому
Грамотный разбор. Такое бы мне на старте, а так приходилось ломать голову, что учить самому
@didi-ui6ys
@didi-ui6ys 28 днів тому
Вау! Какой крутой roadmap. Я репетитор по английскому языку и блогер. Хотела найти roadmap для репетитора и блогера, а нашла такую красоту! Возьму шаблон на миро и создать для учителей! Без roadmap сложно собрать в кучу все навыки! Спасибо, умный человек за такую разработку!
@user-tc9ml2mu5k
@user-tc9ml2mu5k 15 днів тому
Капец, если бы я посмотрел это видео до изучения веба, я бы лучше пошел на фотографа учиться. Это все выучить нужно лет 20 жизни потратить. Давай больше уроков, ждем новые видео!
@user-qt3lg3st8f
@user-qt3lg3st8f 4 місяці тому
Самый лучший Roadmap который я видел. Красава! Не зря потел над ним!
@Victorytasty
@Victorytasty 4 місяці тому
❤❤❤
@remi3661
@remi3661 4 місяці тому
Бля, мужик, хорош! Оказывается я как фронтендер так много всего знаю! Все таки не штаны просиживаю и не рисую одни лишь тупые кнопки. Я реально спец с большим багажом знаний
@delbether
@delbether 4 місяці тому
А когда будет курс по JS? Или где посоветуешь его изучать/смотреть? Видео топ, смотрю и жадно поглощаю всю информацию. Спасибо)
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! По JS начнется в январе-феврале. А пока что - посоветую на канале Богдана Стащука курс на 11 часов посмотреть, там очень хорошо каждая мелочь рассматривается.
@delbether
@delbether 4 місяці тому
@@AleksanderLamkov спасибо большое!
@user-fn6xx7db1r
@user-fn6xx7db1r 4 місяці тому
​@@AleksanderLamkov это ваш курс на Ютубе или покупать?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
То есть? Какой курс? Тот, который я посоветовал выше? Это популярный канал другого разработчика, тот курс бесплатный. На моем канале мой курс по JS будет тоже бесплатным, если что :)
@user-fn6xx7db1r
@user-fn6xx7db1r 4 місяці тому
@@AleksanderLamkov а, ну я спрашивал про бесплатный на вашем Ютубе. Может не так поняли друг друга. спасибо
@jenyaspace
@jenyaspace 2 місяці тому
Подскажите такой вопрос, я вроде бы знаю хорошо js, изучаю его много лет, много курсов прошел и тп. Но часто на работе в той или иной задаче сложно понять какие технологии языка использовать, ну в смысле как правильно построить сам алгоритм, архитектору выполнения задачи. Что еще можно изучить чтобы можно было бы быстро решать задачи на js любой сложности
@AleksanderLamkov
@AleksanderLamkov 2 місяці тому
Привет! Да я бы сказал, что тут нужна практика и только практика. Щупать все популярные библиотеки экосистемы твоего текущего стека, чтобы пополнять арсенал своих знаний.
@Memo_doza
@Memo_doza 4 місяці тому
Привет, подскажи или сделай ролик по фрилансу. Следует учить все перечисленное из видео или стоит ограничиться отдельными элементами из карты?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! Для фриланса два года назад мне было достаточно знаний по верстке (HTML, CSS, БЭМ, препроцессор стилей, сборщик проектов Gulp и WebPack) и базовый JavaScript, чтобы реализовывать UI компоненты, хотя бы через подключение сторонних библиотек. Может сейчас уже что-то и изменилось, но я сомневаюсь, что на фрилансе есть много сложных проектов, где нужен React, TS, NextJS, Docker и подобное.
@merks66
@merks66 3 місяці тому
​@@AleksanderLamkov хотел бы задать вопрос насчёт курсов по js, при покупке курсов по времени они ускорят моё изучение или же без разницы, с курсом или без по времени одинаково?
@AleksanderLamkov
@AleksanderLamkov 3 місяці тому
С курсом будет быстрее обучение, так как там за тебя уже структурировали всю информацию и если ты заплатил, то наверняка захочешь «отбить» свои деньги и получить то, за чем пришел, то есть получаешь ещё и дополнительную мотивацию :) Но если есть сила воли и мотивация из вне, то можно и по бесплатным материалам научиться, их сейчас полно.
@merks66
@merks66 3 місяці тому
@@AleksanderLamkov понял спасибо
@ketr2157
@ketr2157 4 місяці тому
Столкнулся с проблемой, что картинка background-image не отображается. Качал в разных форматах. Закидывал в разные папки. Пробовал различные пути к этой картинке, полный прям с диска "c" и через /, ./, ../. Если делать через style в body тоже 0 реакции. Стили с style.css работают. Обычные img src отображаются. В чем проблема , может поможет кто ? Уже качаю open server. Когда-то сталкивался с этой проблемой и не помню как решил, вроде через open. Но все же кто-то что-то может знает ?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! Напиши о своей проблеме в чат t.me/friendlyFrontendChat, там разберемся :)
@welcomebrat
@welcomebrat 2 місяці тому
Слов нет
@omaxh
@omaxh 4 місяці тому
Спасибо что я понел что я некто покачто я это ценю
@user-bb9ro8xf4v
@user-bb9ro8xf4v 4 місяці тому
здраствуйте эти все уроки у вас есть от куда найти я хочу учить мне понравился ваш Roadmap 👍
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! Можно начать с курса по HTML: ukposts.info/have/v-deo/sXVlhqKnZ4WWt5c.html
@Dark_Knight_Dev
@Dark_Knight_Dev 4 місяці тому
Дает ли какие то плюсы хорошее знание node js+ express, mongodb? Для личных проектов для портфолио нужен был бэк с бд, пришлось самому учить. Вот думаю, дальше развиваться как фуллстак или сделать упор исключительно на фронт
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! На работе, где занимаешься сугубо фронтом, пользы от глубокого понимания бэка я не вижу. И в плане ЗП фуллстеки зачастую получают не больше чистых фронтов или бэков.
@shtein4476
@shtein4476 4 місяці тому
Как думаете, есть ли смысл переключиться на php и искать работу там? Просто в сравнении с js вакансии на php выглядят куда более привлекательными в плане требований и конкуренции.
@user-kq4zt6nn4o
@user-kq4zt6nn4o 3 місяці тому
Да, пхп это деньги и много работы как и вакансий
@rimavedeckiene2203
@rimavedeckiene2203 7 днів тому
Привет, твоя карта ясна. Всё таки нужно ясно сказать про базовый началний уровень яснее. Некоторые в школе не учили информатику, не было тонкого предмета или не думали что им это будет нужно. Извените за ошибки.
@hattori3683
@hattori3683 4 місяці тому
Уроки по javascript и react будут у вас на канале? Или только вёрстка?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! Будут.
@user-hp4xh9fx4d
@user-hp4xh9fx4d 4 місяці тому
По глазам видно, что программист 😉👌
@romansozinov
@romansozinov 4 місяці тому
Меня менты в метро тормозили часто из-за глаз. Думали наркоман. На вопрос, что употребляю? Отвечал, что компьютер по ночам. Посмеялись, отпускали. Даже на работу в милицию звали, как крепыша. 😂
@user-vt2mc9oq8y
@user-vt2mc9oq8y Місяць тому
Нда бля, а потом через пару лет у тебя будет бессонница, которую очень тяжело вылечить.@@romansozinov
@GeneralShtafHistori
@GeneralShtafHistori 4 місяці тому
Здравствуйте, хочу узнать ваше мнение. Как вы думаете долго ли ещё будут жить сайты, и есть смысл учить их разработку?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! Пока интернет существует, сайты никуда не денутся. Лет так 10, на мой взгляд, навык веб-разработки и фронтенда в частности будет точно актуален. И нейросети нас пока тоже не заменят :)
@GeneralShtafHistori
@GeneralShtafHistori 4 місяці тому
@@AleksanderLamkov Спасибо за совет, а также за быстрый ответ
@OkazakiTomoyasan
@OkazakiTomoyasan 5 місяців тому
ну и списочек 😀)
@michaelkamko
@michaelkamko 5 місяців тому
Привет. Полезен ли человек на работе, еcли он НЕ знает js, но у него упор на дизайн, включая ui/ux. То есть он создает всю графику с копирайтингом, включая логотипы, и помимо html и css он знает фотошоп, иллюстратор, умеет работать с графическими нейронками, и вме в таком стиле? А js будет делать кто-то другой. Или нужно именно знать js?
@AleksanderLamkov
@AleksanderLamkov 5 місяців тому
Привет! Это сильно сужает круг подходящих вакансий, большинство вакансий со словом «фронтенд» в названии уже не подойдут. Быть UI/UX инженером, который делает упор на верстку, графику и анимацию можно, но, боюсь, не на старте карьеры. По крайней мере в РФ я таких вакансий для новичков не видел. Я предполагаю только такой сценарий: выучить JS, потрогать React, научится делать интерфейсы с помощью этой библиотеки, а когда будет несколько лет опыта работы на таком стеке, можно будет поискать вакансию, где будет упор на работу с дизайн-системой, где надо будет верстать различные компоненты, создавать анимации и тому подобное.
@michaelkamko
@michaelkamko 5 місяців тому
@@AleksanderLamkov 10 + лет опыта и запуск собственных проектов на собственных средствах с оборотами в 1/4 миллиАРДА $ в первый год. (Это оборот, прибыль несоизмеримо меньше, иначе бы не писал это сообщение) После предательства партнеров и полной потери капитала и недвижки рассматриваю найм в этой сфере. Только не спрашивай, плиз имена проектов. Крипта + анонимность. И не могу показать портфолио по этой же причине. (Понимаю, что звучит достаточно бредово)) JS обычно занимался отдельный человек в паре со мной. Вот и решил узнать, какая практика на этот счет. Можно ли с такими скилами вписаться в найм или обязательно нужен js. Спасибо за развернутый ответ.
@garaevmvadim
@garaevmvadim 4 місяці тому
Это что-то из разряда "Дизайнер верстальщик", часто можно встретить на фрилансе и в ряде веб студий.
@SmoggyRus
@SmoggyRus 4 місяці тому
Без знаний js - это верстальщик, таких почти нет на рынке с хорошей зп, так как это считается базовыми навыками фронта
@michaelkamko
@michaelkamko 4 місяці тому
@@SmoggyRus спасибо за ответ. У меня основной упор на графику, и особенно на логотипы максимального качества. Поэтому тут я скорее дизайнер с дополнительными скилами, чем фронт.
@ivanivanov6118
@ivanivanov6118 4 місяці тому
Спасибо. А реально все это изучить ?!
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
За года два точно можно, но начинать поиск работы можно уже в процессе обучения, когда будет уверенная база по верстке, JavaScript и React.
@FatTrololo
@FatTrololo 11 днів тому
Господи, увидел это все и стало страшно, сколько лет на это понадобится
@qu3ry_
@qu3ry_ 9 днів тому
месяцев 6-12, если будешь уделять этому время
@tamagochie101
@tamagochie101 3 місяці тому
Учусь по специальности информационная безопасность, но хочу учить фронтенд. Я слышал что сейчас большая перегруженность на рынке, стоит входить?
@AleksanderLamkov
@AleksanderLamkov 3 місяці тому
Специальность в университете? Она мало на что влияет, главное что в IT крутишься, уже хорошо. Перегруженность в плане количества джунов - да, есть, но подобная картина много где сейчас. Я бы на твоем месте попробовал разные направления, разные языки и потом бы сосредоточился на том, что приглянулось больше всего. Работу все равно рано или поздно найдешь, не беспокойся об этом.
@tamagochie101
@tamagochie101 3 місяці тому
@@AleksanderLamkov да, в университете. Я пробовал разные языки, c#, c++, python, но пока что мне более интересен фронтенд, а может быть и фулл стек. Изначально хотел игры делать, пробовал юнити, godot, но не вижу возможности построения карьеры, по этому остановился на фронтенде
@muradkarimov357
@muradkarimov357 Місяць тому
Здравствуйте у меня есть вопрос. Я изучал frontend опыт работы нету и не гражданин. Я могу ли найти работу в России или как? Знание HTML, CSS, bootstrap, js, react(class and function), redux, redux toolkit, typescript На GitHub профиле у меня где-то 12 проектов есть (но сделал параллельно с курсом)
@AleksanderLamkov
@AleksanderLamkov Місяць тому
Привет! Юридически официально трудоустроить иностранного гражданина наверняка непросто. Но на фрилансе можно найти заказы.
@muradkarimov357
@muradkarimov357 Місяць тому
@@AleksanderLamkov Так-то я уже живу в России 3 года и ВНЖ есть у меня. Просто опыта работы нет 🥲🥲🥲
@AleksanderLamkov
@AleksanderLamkov Місяць тому
Значит препятствий не вижу. Портфолио советую провалидировать более опытным разработчиком (ментором), прежде чем откликаться на вакансии. Код должен быть качественным. Ну и не обязательно все 12 проектов оставлять видимыми. Первые проекты вряд ли презентабельные, их обычно скрывают.
@Agent-D
@Agent-D 4 місяці тому
А что нужно учить чтобы захватить мир ?
@christophercave5203
@christophercave5203 3 місяці тому
Если достаточно хорошо изучить HTML и CSS - этого достаточно чтобы зайти во фронт-разработку хотя бы с вёрстки?
@AleksanderLamkov
@AleksanderLamkov 3 місяці тому
Таких вакансий на рынке очень мало, а на фрилансе шансы в принципе есть.
@userbekjon
@userbekjon 3 місяці тому
Подскажите пожалуйста, а вообще стоит ли сейчас серьезно настроиться по этой направлении, когда многие повсюду говорят, что IT уже конец ?
@Elijah_V548
@Elijah_V548 3 місяці тому
нет, не стоит. IT уже конец
@AleksanderLamkov
@AleksanderLamkov 3 місяці тому
А есть альтернативы? На кого ещё можно выучиться и кем можно потом пойти работать, чтобы в такой относительно короткий срок (2-3 года) практически гарантированно получить зарплату, превышающую среднюю по стране в разы? Как по мне - IT всё ещё путь наименьшего сопротивления, но, разумеется, этот путь не для всех, и надо прежде всего получать удовольствие в процессе написания кода, а плюшки от работы в этой сфере со временем сами тебя найдут. Ну а ИИ работу нашу ещё долго будет пытаться отобрать. Надо свыкнуться с этой реальностью и начать применять этот инструмент в своей повседневной работе. В мощной комбинации "человек + ии" тебя точно никто не заменит :)
@userbekjon
@userbekjon 3 місяці тому
@@AleksanderLamkov Благодарю за внимание. Я просто 2 года не мог освободиться от занятости моих рук и вообще, а начало обучения я как раз откладывал до началы этого года. Пусть будет трудно но не сдамся. Спасибо 👍
@esp2644
@esp2644 29 днів тому
Выучить то выучишь, сделаешь может быть и сделаешь, вопрос потом кто это все дело будет через SEO продвигать. Если так сказать не видишь смысл переделывать то что написано на WordPress, на next, redux и т.д, то нужно 3 подумать стоит вообще начинать либо не стоит. Если это все не достанется удовольствия то думаю не стоит .
@esp2644
@esp2644 29 днів тому
Нужно себя адекватно оценивать. Если не нравится и тем более не можешь с 0 колупаться и писать код для отдельных откпонентов то в целом it умерло + к тому же никому твои проекты без SEO и вложений не нужны. Как и всех других отраслях в жизни : кто то заканчивает на инженера и руководит предприятием, а кто то всю жизнь работает за средний оклад по стране слесарем. Опять таки. Водители не меньше могут зарабатывать.
@user-ll6hk2br8x
@user-ll6hk2br8x 5 місяців тому
лет 10 надо учить эт все ))
@meowmeowmeowmeow000
@meowmeowmeowmeow000 4 місяці тому
Не, оно лишь так только кажется, просто такие видео пугают даже тех кто уже это всё знает, из-за того что так много пунктов, складывается впечатление что это всё нереально выучить, а если и реально то очень долго, но на самом деле чем больше учишь, тем легче всё даётся потом, да и это лишь так кажется что долго учить, а на самом деле как говориться "глаза бояться, руки делают"
@mit7871
@mit7871 4 місяці тому
Да, но через год уже будет не актуально😂
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
90% из приведенного стека были актуальны и несколько лет назад. То, что «во фронтенде каждый день появляется новый фреймворк» - миф, не стоит переживать, что знания быстро устареют.
@Dark_114
@Dark_114 Місяць тому
Думаю если прогать 5-6 дней в неделю,по 4-8 часов,то за год достаточно хорошо освоешь,как для Junior,но это надо любить.Я занимаюсь не струтркутрно 7 месяцев
@user-jl7yn8dr4o
@user-jl7yn8dr4o 4 місяці тому
Сейчас без опыта работы реально устроиться? В вакансиях везде требуется
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! Реально через стажировку, но надо знать теорию и чтобы было портфолио из нескольких проектов, чтобы иметь хотя бы шанс попасть на такое мероприятие. Либо вылавливать крайне редкие вакансии "без опыта" и быть тем счастливчиком, на которого эйчар обратит внимание, когда будет перебирать сотни и тысячи откликов. Ну а вообще, при любом раскладе надо углублять свои компетенции, чтобы при случае проявить себя и быть лучшим из лучших, таких берут и без опыта.
@timu5038
@timu5038 4 місяці тому
Объясните пожалуйста понятным языком че такое layout
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! Лейаут = разметка, структура вокруг мелких, функциональных компонентов. Лейаут на уровне стилей отвечает за расположение дочерних элементов. Например, если на странице каталога товаров нужно сделать так, чтобы была сетка из 4х колонок с карточками товаров, то в разметке лейаут мог бы выглядеть так: … А в стилях: .catalog__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } Получается, что catalog, catalog__list и catalog__item - это как раз лейаут, структурные элементы, помогающие расположить более мелкие, функциональные компоненты - product-card в частности.
@timu5038
@timu5038 4 місяці тому
@@AleksanderLamkov спасибо 😉
@astkh4381
@astkh4381 Місяць тому
Стоит ли уходить в фуллстак разработку ?Например React + go?
@AleksanderLamkov
@AleksanderLamkov Місяць тому
Привет! Я считаю, что стоит только, если в одной из областей достиг высокой компетенции. Уходить в фуллстек в первые года 3 коммерческой деятельности как фронт, к примеру, я бы не рекомендовал.
@astkh4381
@astkh4381 Місяць тому
@@AleksanderLamkov спасибо за ответ)
@diatm1506
@diatm1506 27 днів тому
Лучше уже react и firebase чем fullstack
@mishachubenko3394
@mishachubenko3394 4 місяці тому
Дякую.
@fg18204
@fg18204 3 місяці тому
Это все для Джуна надо ? Ато страшно стало )
@AleksanderLamkov
@AleksanderLamkov 3 місяці тому
Для миддла. С джунов такое могут требовать только либо в очень крутых, либо в очень плохих компаниях :)
@andreystern5972
@andreystern5972 4 місяці тому
Александр, привет! Подскажи пжл, если я уже начал свой проф. путь с Vue (1,5 года коммерч. опыта), имеет ли смысл выучить React? Вопрос связан с тем, что по React вакансий ощутимо больше, примерно в 1,5 раза, чем на Vue. И еще вопрос - при переходе с Vue на React обязательно будет понижение по грейду (к примеру, если на Vue - мидл, то при переходе на React - только джуном или можно также на мидла перейти)?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! Думаю, что смысл дополнительно изучить React есть, но только, если действительно лично у тебя проблема с поиском вакансии на Vue. Ну а грейд от смены одного фреймворка на другой не меняется. Грейд может "понизиться", только если переходить из маленькой локальной компании в компанию побольше и посерьёзнее, где более строгие критерии к компетенциям разработчика. Я когда-то щупал Vue, концепции схожи с React, особенно с его классовым подходом. Ну а так как в последние годы реакт стал в целом проще (классовые компоненты заменились функциональными), то перейти с Vue на React будет наверняка несложно, особенно имея полтора года коммерческого опыта.
@alexandrastoliarova1178
@alexandrastoliarova1178 4 місяці тому
Привет, подскажи пжл почему решил переходить на React?только из-за вакансий?
@andreystern5972
@andreystern5972 4 місяці тому
@@alexandrastoliarova1178 привет. Я пока не решил, Vue в целом устраивает, кроме того, что вакансий меньше, чем по реакту. Это наверное единственная причина взгляда в сторону реакта
@pavel7930
@pavel7930 5 місяців тому
Круто! Спасибо! Но лля ждуна это овермного...
@AleksanderLamkov
@AleksanderLamkov 5 місяців тому
Ничто не мешает начать искать работу раньше, чем изучение всего этого набора технологий, но с приобретением бОльшего количества знаний, мы повышаем свой шанс :) Я начинал поиск работы, имея опыт кривой верстки и начальные знания JS. Да, это было неразумно, знаний объективно не хватало, но мне было плевать, я хотел как можно скорее получать коммерческий опыт и по итогу за месяц нашел работу, пусть и слабенькую по условиям, но мне хватило этого толчка и после я уже не останавливался и жадно год за годом поглощал новые знания. Сейчас рынок злой, с джунов ожидают много чего, особенно если метить в крупные биг-тех компании, но провинциальные «галеры» никуда не делись, можно начинать с них, где стек отстает на годы, влиться будет проще.
@kir99999
@kir99999 5 місяців тому
​@@AleksanderLamkov в каком году вы устраивались, если не секрет? Рынок кардинально поменялся с тех пор
@AleksanderLamkov
@AleksanderLamkov 5 місяців тому
В 2020-м
@ivankosolapov430
@ivankosolapov430 4 місяці тому
Вполне себе стандартно, чтобы сейчас найти работу - нужно крутить 1+ год опыта, так ты считай уже мидл - а мидлу такое не знать, ну такое
@SGWebDeveloper
@SGWebDeveloper 4 місяці тому
Поверь что не много , это именно та база которая должна присутствовать у любого frontend разработчика на старте
@egorrublev5529
@egorrublev5529 5 місяців тому
очень жду от тебя JS
@yuriyvyatkin
@yuriyvyatkin 3 місяці тому
А что ещё можно изучить, если я это всё знаю и работал с этим?
@AleksanderLamkov
@AleksanderLamkov 3 місяці тому
GraphQL, FSD, алгоритмы и структуры данных, по JS - специфичные браузерные API для работы с файлами, видеопотоком, протокол вебсокетов.
@yuriyvyatkin
@yuriyvyatkin 3 місяці тому
@@AleksanderLamkov Огромное спасибо)
@webhero42
@webhero42 2 місяці тому
каждый год эти дороги выпускать будете?
@AleksanderLamkov
@AleksanderLamkov 2 місяці тому
Привет! Да, планирую. Каждый год даже в базовых технологиях (HTML, CSS, JS) выходят новые классные штуки, которые стоит знать.
@eugeniotur
@eugeniotur 13 днів тому
Что должен учить Full Stack в 2024 году ??? gracias
@AleksanderLamkov
@AleksanderLamkov 13 днів тому
Всё то же самое + roadmap.sh/backend
@user-zu8rh7eu6q
@user-zu8rh7eu6q 2 місяці тому
Вопрос не по теме, но все же задам) Ты использовал нейронку, чтобы зрачки не бегали?
@AleksanderLamkov
@AleksanderLamkov 2 місяці тому
Нет, немного другие хитрости)
@ukra777
@ukra777 4 місяці тому
Спасибо, почувствовал себя тупым)) жизни не хвалит чтобы все это понимать.
@user-ts5ti1wl5i
@user-ts5ti1wl5i 2 місяці тому
где можно скачать эту карту схему?
@AleksanderLamkov
@AleksanderLamkov 2 місяці тому
Привет! Можно посмотреть в Miro онлайн: miro.com/app/board/uXjVNGw7Jv8=/?share_link_id=860861096273 Или заходи в чат, там в сообщениях выкладывал в pdf: t.me/friendlyFrontendChat/4429
@user-ts5ti1wl5i
@user-ts5ti1wl5i 2 місяці тому
спасибо
@abdunurmat2316
@abdunurmat2316 2 місяці тому
А в каких каналах есть все эти учебы?
@AleksanderLamkov
@AleksanderLamkov 2 місяці тому
На моём канале есть курсы по HTML, CSS, материалы по Sass, БЭМ, несколько мастер-классов по верстке. И прямо сейчас выходит контент к курсу по JavaScript.
@abdunurmat2316
@abdunurmat2316 2 місяці тому
@@AleksanderLamkovа нужно ли учить DOM?
@AleksanderLamkov
@AleksanderLamkov 2 місяці тому
Да, после изучения базового синтаксиса JavaScript.
@abdunurmat2316
@abdunurmat2316 2 місяці тому
@@AleksanderLamkov а у вас есть ролики про Dom?
@AleksanderLamkov
@AleksanderLamkov 2 місяці тому
Пока что нет. Курс по JavaScript в процессе. Примерно через два месяца начнётся DOM.
@narvion4227
@narvion4227 4 місяці тому
Есть ли смысл начинать учить в 2024 или ниша уже переполнена?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Врать не буду - новичков полно, но доходят до хорошего уровня немногие, и только таких берут на работу. Если сравнивать это направление с другими, то по соотношению временных затрат к получаемому вознаграждению, то фронтенд до сих пор выгоден. Но, в любом случае, от этого дела, как и от других, надо получать удовольствие, тогда и обучение будет в кайф и дальнейшая работа обязательно найдется и будет радовать :)
@carry-on-chaos4032
@carry-on-chaos4032 4 місяці тому
@@AleksanderLamkov "по соотношению временных затрат к получаемому вознаграждению, то фронтенд до сих пор выгоден." не совсем понял, что ты имеешь в виду под этим утверждением?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Азы фронтенда можно освоить быстро. Язык программирования JS куда проще, чем многие другие. И после получения коммерческого опыта в 2-3 года, фронтенд-разработчик может претендовать на ЗП от 200к смело. А это только начало. Я не знаю других не-айтишных профессий, в которых также быстро можно получить финансовую выгоду.
@redfox6179
@redfox6179 4 місяці тому
@@AleksanderLamkov можно вопрос, я вот джун+ или мидл- девопс и мне 38, (ну хоть выгляжу молодо : ) на этом спасибо ), и знаю питона баш на уровне скриптинга, сам знаешь девопс отрасль также широк как карта в этом видео и также часто все меняется. я пытался учить бэк но нихрена непонял язык голанг, + там куча своих тем как субд итд, по этому решимл попробовать фронт. вот думаю попробовать фронт и потом как будет опыт изучить node.js и так залететь в бэк с двух ног. вопрос, не поздно ли мне? условно если я получаю сейчас 2к на руки, то как фронт на этот уровень вознаграждаения выйду после того как стану мидл?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! С твоим бэкграундом точно не поздно, но путь интересный, из девопса в бэк через фронт :) Мне кажется, что буквально каждая изученная на этом пути компетенция сильно поможет тебе в будущем. Фронтом джуном с годом опыта 2к получать можно без проблем, в бигтех компаниях уж точно, миддлом раза в полтора-два больше. Я бы на твоем месте всё же попробовал этот путь, звучит вполне реалистично, хоть и необычно :)
@roadtodream9469
@roadtodream9469 3 місяці тому
Для меня, как человека ничего не понимающего в фронте, но на старте изучения, данная инфа итак не особо понятно, дак надо ещё успевать слушать спикера. 😢 Блин, чуть по медленнее
@AleksanderLamkov
@AleksanderLamkov 3 місяці тому
Учту! Спасибо за фидбек :) Напомню, что роадмап есть в «визуальном» формате в Miro, ссылка в описании под видео.
@diatm1506
@diatm1506 27 днів тому
Лучше идти в мобилы. Костыли типа адаптива и react native такое себе
@DavidFunable
@DavidFunable 3 місяці тому
Рынок так перенасыщен что пока эти два года уйдут на обучение зарплаты выровняются с обычными рабочими профессиями.
@AleksanderLamkov
@AleksanderLamkov 3 місяці тому
Рынок перенасыщен джунами, это правда, но начиная с миддл грейда конкуренция на порядок ниже. Нужно любым способом получить коммерческий опыт, чтобы как можно скорее начать претендовать на такие позиции. Ну а зарплаты пока ни разу не падали за многие годы существования индустрии. Было время, когда вилки росли быстрее, года 2-3 назад, а сейчас просто стагнация или очень медленный рост. Как мне кажется, падать зарплаты точно не будут, по крайней мере не глобально в индустрии на рынке СНГ.
@carry-on-chaos4032
@carry-on-chaos4032 4 місяці тому
Привет, Александр! А зачем фронтенд разработчику нужен docker?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! Чтобы развернуть бекенд приложения у себя на локалке. Ну и бывают в целом сложные проекты, где даже фронт запускается гораздо мудренее, чем npm i + npm start :)
@ggaimer4244
@ggaimer4244 4 місяці тому
почему так многооо
@user-tb3mm6dl3z
@user-tb3mm6dl3z 3 місяці тому
Блин так быстро 😂, если тебя держать в заложниках и заставляют быстро говорить моргни 😮😅
@user-ry8ps9ti2l
@user-ry8ps9ti2l 2 місяці тому
Ахуеть, я в школе на тройки учился и мне тяжело
@arthurq7843
@arthurq7843 5 місяців тому
Что насчёт SQL???
@AleksanderLamkov
@AleksanderLamkov 5 місяців тому
Это бэкенд, к фронтенду не относится :)
@a.s.production7333
@a.s.production7333 5 місяців тому
Ребят забудьте, 80% из этого всего я знаю и уже 3 месяца не могу найти работу…. По 600 запросов на каждую вакансию…. Мне кажется в айти можно попасть только по знакомству щас
@makssaga
@makssaga 5 місяців тому
я знаю все выше перечисленное кроме NextJS и Docker - тупо учил для себя, ща ток начну подавать отклики на вакансии, затестим твои слова)
@AleksanderLamkov
@AleksanderLamkov 5 місяців тому
Помимо откликов не забывайте стучаться эйчарам на почту, этот способ гораздо эффективнее откликов :)
@a.s.production7333
@a.s.production7333 5 місяців тому
@@AleksanderLamkov а где айчаров брать, на linked in ?
@AleksanderLamkov
@AleksanderLamkov 5 місяців тому
Через linkedin наверняка можно, но обычно на самих сайтах компаний есть раздел вакансий или контактов, где можно найти емейл отдела кадров или адрес конкретного эйчара.
@shtein4476
@shtein4476 4 місяці тому
А кроме "знаю" у тебя ещё что есть? Проекты есть? Какие? А что насчёт английского? Или ты просто пару видосиков посмотрел и сразу "отрывайте меня гиганты, я всё знаю"?
@easystyle3378
@easystyle3378 4 місяці тому
Реакт не актуален, angular давно его превзошел,да и устроиться на нем намного легче.
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Может быть, но на реакте написано так много проектов, что он ещё долго не сдаст позиции на рынке :)
@user-bd8ts2zu9r
@user-bd8ts2zu9r 17 днів тому
а я сяду на html хело ворд напишу и буду доволен....а то понапридумывали сущностей черти...а сайты все хуже и хуже с каждым годом.
@henryperulia65
@henryperulia65 4 місяці тому
Посмотрел и понял что я погибну от голода, пока это всё изучу 😂 Эту информацию лет 5 учить придётся. Я итак в компьютерах с 14 лет, но за 18 лет стажа так и не стал фронтенд разработчиком(.
@dendyzet751
@dendyzet751 4 місяці тому
Половину освоил за 4 месяца, потом к сожалению пропал интерес ввиду сложности решать задачи логические задачи, что очень важно в программировании
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Привет! А какие задачи решал? Я первые год-полтора к алгоритмическим задачкам даже не притрагивался, верстал и клепал компоненты на реакте, было вполне интересно.
@user-du5jc9xc6t
@user-du5jc9xc6t 4 місяці тому
Фу, nmp - зло. Порой из-за него нормально библиотеки не установливаются. Лучше использовать yarn как пакетный менеджер.
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Новичкам на самом деле без разницы что использовать, хотя бы с одним инструментом освоится и обычно начинают именно с npm. Но согласен, что yarn лучше, в последний год на работе используем исключительно его.
@carry-on-chaos4032
@carry-on-chaos4032 4 місяці тому
@@AleksanderLamkov а чем он лучше ? хотя есть ещё pnpm
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Он быстрее устанавливает библиотеки и с ним реже возникают конфликты несовместимости версий. Про pnpm слышал, но с ним не работал.
@arthurq7843
@arthurq7843 4 місяці тому
Зачем учить Vite если потом мы учим NextJs?
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
NextJS - опциональная технология, а Vite применяется повсеместно.
@jakefaraon8650
@jakefaraon8650 3 місяці тому
У тебя глаза красные
@AleksanderLamkov
@AleksanderLamkov 3 місяці тому
Есть такое, работаю над этим)
@alexander_stark
@alexander_stark 5 місяців тому
Посмотрел. Понял что не его нафиг. Сложно и потолок как спеца 300-500к ... Не такие большие деньги... А учить это точно не моё... Мне дешевле нанять спеца с опытом, чем самому дальше погружаться в разработку...
@shtein4476
@shtein4476 4 місяці тому
"Сложно и потолок как спеца 300-500к" Так-так, ну расскажите нам, какие средства вам тогда нужны как спецу и каким спецом вы являетесь?
@alexander_stark
@alexander_stark 4 місяці тому
@@shtein4476 я не специалист в конкретной области... На текущий момент у меня оборот в среднем 400к-600к месяц.. С 1 ниши....
@TheZver63
@TheZver63 4 місяці тому
Клоун
@user-vt2mc9oq8y
@user-vt2mc9oq8y Місяць тому
Ну как бэ средняя зп оставляет желать лучшего. А вот получать 500 к и найти местечко где не будешь сильно пахать - вот это цель!
@pingogo4190
@pingogo4190 Місяць тому
Если бы говорил чуть чуть медленнее было бы понятнее
@AleksanderLamkov
@AleksanderLamkov Місяць тому
Учту :)
@user-gd9mm5dd8s
@user-gd9mm5dd8s 4 місяці тому
А смысл? В любом случае нейросети отправят на улицу до 80% всех разработчиков. Такие компании, как IBM, Dropbox, Microsoft уже начали сокращение штатов в связи с заменой некоторых разработчиков на нейронки. И это только начало.
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Ну, как минимум «операторам ИИ по на направлению фронтенда» точно потребуются знания фронтенда :)
@user-gd9mm5dd8s
@user-gd9mm5dd8s 4 місяці тому
Вначале да, но нейронки развиваются с бешеной скоростью и очень скоро для формирования задания не нужно будет обладать даже минимум технических знаний. Достаточно будет описания обычными словами типа "мне нужна вот тут картинка, а вот здесь чтобы при нажатии мышкой происходило следующее. На основании этих слов будет сгенериорован вполне себе рабочий код, а если он будет с багом, то нейронку можно будет попросить перепроверить и исправить его. И это не далёкое будущее, это будет возможно в течение ближайших 3-5 лет.@@AleksanderLamkov
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
Да, вполне может так оно и будет, но это не значит, что изучать фронтенд поздно. Из этой профессии ещё можно выжать профит в виде инженерного опыта и, собственно, денег за свою работу, при том довольно неплохих, если работать в нужном месте. Ну а что будет потом, через 3-5 лет - это не так важно, к этому можно будет плавно подготовиться.
@carry-on-chaos4032
@carry-on-chaos4032 4 місяці тому
эх как жаль что нейросети не научились до сих пор за меня баги фиксить на проекте
@user-gd9mm5dd8s
@user-gd9mm5dd8s 4 місяці тому
Как только это произойдёт, так тебя сразу уволят.@@carry-on-chaos4032
@Happy-Gappy
@Happy-Gappy 4 місяці тому
фронтендерами скоро уже все будут,а туда все прут и прут,прут и прут... как будто там медом намазано. А все потому что разные курсики которые решили на хомяках бабло стричь, смекнули, что разным домохазяйкам которыу прут в айти прихвативая туда с собой своих детей в придачу, сантехникам,електрикам более выгодно будет впарить курс когда можно будет научить их на каком то бесплатном вступительном уроке сделать красивую кнопочку,а если еще и ховер повесить то дамочки будут визжать от восторга. И наплодилось этих фронтендеров тысячами и края этому не видно, и дальше продолжают туда идти, какой то сюр...
@leosv0
@leosv0 4 місяці тому
Если туда идут, то сфера простая. И скоро будет обрушение зарплат.
@VicVlasenko
@VicVlasenko 2 місяці тому
Идут-идут, но как-то недоходят и хороших разработчиков все равно дефицит 😃 А курсы просто прекрасны, особенно которые учат грамотно составлять резюме, а про все остальное забывают.
@Roman-it6du
@Roman-it6du 4 місяці тому
И зп будет : буханка хлеба
@AleksanderLamkov
@AleksanderLamkov 4 місяці тому
В начале - безусловно. Ну а потом очень приличные суммы :)
@user-xw4ok7pm9m
@user-xw4ok7pm9m 4 місяці тому
С садика надо было начинать😢
Ошибки начинающих при изучении фронтенд-разработки
12:40
Александр Ламков — Friendly Frontend
Переглядів 6 тис.
Этого От Него Никто Не Ожидал 😂
00:19
Глеб Рандалайнен
Переглядів 8 млн
КИРПИЧ ОБ ГОЛОВУ #shorts
00:24
Паша Осадчий
Переглядів 6 млн
УЧИЛСЯ ПРОГРАММИРОВАТЬ ВСЕ ЛЕТО
10:31
Honey Montana
Переглядів 895 тис.
1 год в фронтенд разработке
11:50
rozalinaag
Переглядів 8 тис.
КАК ПОПАСТЬ В АЙТИ | Roadmap с нуля для backend разработчика
16:10
ВАйти | Елисей Панков
Переглядів 2 тис.
Как бы Я Стал Web Разработчиком За 6 Месяцев в 2024
19:28
Сергей Дмитриевский
Переглядів 205 тис.
Docker за 20 минут
21:42
suchkov tech
Переглядів 30 тис.
ОБЗОР MANJARO LINUX KDE: Насколько всё плохо?
13:57
10 глупых вопросов FRONTEND-РАЗРАБОТЧИКУ
24:28
Этого От Него Никто Не Ожидал 😂
00:19
Глеб Рандалайнен
Переглядів 8 млн