Front-end 2023 Roadmap & Trends | Что учить в 2023?

Показать описание

#YauhenK #webDev #frontend2023

Всем привет!
2022 год подходит к концу.
Это был не простой год, который изменил очень многое, в том числе, затронул и IT сферу.
Блокировка технологий, закрытие компаний и проектов, увольнения и релокации сильно “ударили” по IT сектору и изменили как проектные стеки технологий, так и требования к кандидатам.
Тем не менее такие изменения дали новые возможности.
В этом гайде я собрал самые важные и актуальные темы.
Первая часть - это пошаговая дорожная для начинающих разработчиков, которые решили развиваться в веб-разработке.
Здесь я расскажу об основном стеке и порядке изучения технологий, что бы максимально быстро прокачать свои навыки.
А так же поделюсь рекомендациями о том, как максимально продуктивно обучаться и что нужно делать, что бы с большой вероятностью получить предложение по работе
Во второй части, мы рассмотрим тренды и самые популярные и востребованные направления и технологии в веб-разработке.
Здесь я поделюсь информацией о том, в какую сторону можно продолжить своё развитие, после изучения базового стека.

✒ Полезные ссылки:

✒ Timeline:
✔ 0:00 - Введение
✔ 1:45 - Дорожная карта для начинающих
✔ 12:58 - Как правильно построить процесс обучения
✔ 14:23 - Как работать с трендами
✔ 15:45 - CSS фреймворки
✔ 17:05 - SPA
✔ 18:44 - Стейт менеджмент
✔ 20:08 - Сайд-эффекты
✔ 21:27 - SSR и SSG
✔ 23:29 - JAMstack
✔ 24:52 - Веб-компоненты
✔ 26:42 - Мобильная разработка
✔ 28:09 - Десктопная разработка
✔ 29:24 - Серверные технологии
✔ 30:36 - Серверные фрэймворки
✔ 32:15 - PWA
✔ 34:04 - Тестирование

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

Рекомендации по теме

Комментарии

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

brvmurn

Смотрю видео спустя 1.5 года обучения + 1.5 с лишним года работы в компании и понимаю, что все приобретенные знания кажутся нереальными, если вернуться на 3 года назад. Учиться с полного нуля - выглядит очень устрашающе)

Kravich

Это самый подробный и объемный роадмап по фронтенду который я видел! Очень доходчиво и понятно, кирпичики в голове складываются по тихой в хорошую крепость 😊 Спасибо большое автор!

shny

Посмотрев половину видео, сразу решил сказать, что это очень хороший перечень технологий, которые можно как минимум пощупать, чтобы определить самые интересные для себя. При этом изучать глубоко каждую необязательно. Лучше быть профессионалом в части технологий, чем побегать по верхам и знать всё понемногу — на детальное изучение всего списка вам не хватит времени.

Если выбираете фреймворк, не ориентируйтесь в первую очередь на популярность — выберите то, что вам больше нравится. Например, Vue менее популярен чем React, вакансий разработчиков на Vue меньше, зато если вы хорошо его изучите, найти работу (говорю по своему опыту) будет легко. К тому же он стремительно набирает популярность, он похож на React и вы сможете «пересесть» с него на другой фреймворк без боли. Хотя вряд ли захотите «пересаживаться». К слову, вместо Vuex state management библиотекой для Vue официально считается Pinia — Vuex тоже полезно знать для поддержки старых проектов, хотя развиваться он не будет.

В современном мире веб-разработки ценится не только знание библиотек, а и умение создавать хороший дизайн. В идеальном мире с вами будет работать дизайнер, только мы не в идеальном мире, поэтому часто вам придётся самим думать не только о том, как какая-то фича должна работать, а и как она должна выглядеть. Как должны выглядеть кнопки и где их располагать, какие на них должны быть тексты и как они перекликаются с заголовками блоков, какие тексты должны быть в интерфейсе и как их нужно размещать, как общаться с пользователем на понятном, человеческом языке. Смотрите, как устроены интерфейсы на разных сайтах и в веб-приложениях, запоминайте интересные решения, старайтесь их повторить и понять, развивайте насмотренность, о которой часто говорят. Если вы хорошо знаете один js-фреймворк вместо трёх, один css-фреймворк, имеете хороший вкус и представление о том, как должны выглядеть качественные интерфейсы, у вас большой шанс получить хорошую работу.

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

askumin

Спасибо, Кратко, полезно, информативно. А что еще надо? :) Так держать.

infoinfo

Хотелось бы немного успокоить тех, у кого сейчас началась паника от такого изобилия инструментов )
Самое главное - войти в айти, а там дальше сами разберетесь в каком направлении двигаться, что учить и тд
А для того, чтобы попасть в первую веб-контору вам понадобятся только первые 13минут этого видео, и то насчёт спецификаций экмы и знания пакетных менеджеров типо ярна я бы поспорил, мало кто от джуна такое будет требовать
Вы должны быть адаптируемы к бизнем-проектам - уметь открыть макет в фигме или фотошопе, написать удар в удар структуру и стили через сасс, и уметь с помощью какого-нибудь джиквери (жс-версия для детей) прицепить на галлерию какой-нибудь слайдер типо свайпера или аккордеон. Для первоначальнго порога знаний - достаточно )

cthulhutime

Как много всего вкусного и интересного - куча вызовов.
И это только в связке с JS. А еще есть PHP, PERL и еще куча всего.
Но лучше, как по мне, грызть серьезно JS, TypeScript и JEST для юнит-тестирования. Это практически что называется must have. И это только Front. А еще много интересного и в Back-e...
Идущий да осилит дорогу! Всем удачи и успехов.
Автору респект и уважуха!)

ВадимЛюманов

Спасибо огромное, Евгений, продолжаем развиваться!!!)

gritsienkooleg

Ого круто! Большое спасибо. Привет с Одессы!

tipOdessa

Почти 3 года назад начал изучать фронт, и в феврале этого года нашел первую нормальную работу, (это этого крутился на фрилансе за 10к - 20к в месяц), уже почти год работаю, и что-то расслабился (в смысле обучения, общая ситуация расслабиться не даёт), занимаюсь разработкой фронта одного сервиса на vue, заметил, что стал где-то 95% задач решать без гуглинга, а это значит, что задачи однотипные, и мало чего-то нового. И вот решил что-то новое выучить, чтобы так сказать не устареть) Большое спасибо за видео!

kolosok

Год назад в RSSchool закончил stage0. Сейчас возобновляю обучение, как раз видео подходит ) Было приятно узнать на гитгабе, что автор ментором в RS школе работает )). Удачи в менторинге и в создании видео уроков )

mrvolkov

давно забросил учебу когда дело дошло до Javascript'а и в этом году решил все таки закончить начатое) на самом деле самое сложное в обучении это стабильность, было очень сложно соблюдать график по темам и в конце я таки забросил, советую всем кто только начинает свой путь составить для себя график в котором при любых объстоятельствах будете как минимум часик может две сидеть и зубрить тему, и помните без дисциплины вы не вывезите этот ад!

unknown-xiiw

Спасибо вам огромное) Сейчас прохожу Stage 0 RSShool Ваша дорожная карта просто клад! Очень давно начал изучение HTML CSS, но глобально начал именно в этом году. Я и не мог подумать, все что я представлял о ВЭБ разработке это всего лишь верхушка айсберга!

valek