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

#YauhenK #webDev #frontend2021
Всем привет!
2020 подходит к концу и самое время для того что бы задуматься о планах на следующий год. И сейчас я говорю о технологическом стеке веб-разработчика. В данном видео я поделюсь с вами отличной дорожной картой изучения веба на 2021 год. А так же расскажу о трендах front-end направления и о том на какие технологии стоит обратить внимание в наступающем году.
Будет интересно!
✒ Полезные ссылки:
✔ Итоговая Roadmap: drive.google.com/file/d/1ynnd...
✔ Полезные материлы (видео-курсы, статьи): github.com/YauhenKavalchuk/us...
✒ Timeline:
✔ 0:00 - Введение
✔ 2:09 - HTML
✔ 2:40 - CSS
✔ 4:25 - JavaScript (Basics)
✔ 6:27 - Front-end (Basics)
✔ 9:39 - Front-end (Additional)
✔ 14:26 - Back-end (Basics)
✔ 19:12 - Mobile (Frameworks)
✔ 19:51 - Desktop (Frameworks)
✔ 20:05 - Tools (Basics)
✔ 22:36 - Tools (Additional)
✔ 23:39 - Testing
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ KZread: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

Пікірлер: 505

  • @user-rg5tk3sw6v
    @user-rg5tk3sw6v3 жыл бұрын

    Планируется видео по экосистеме React? Очень уж интересно, что используется в production проектах с реактом для решения каких-то задач

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Закрепляю ваш комментарий, если соберёт достаточно лайков, то обязательно сниму!

  • @arthurcode4225

    @arthurcode4225

    3 жыл бұрын

    Да там ничего оссобенного нет. Разные либы которые начинаются с префикса "react-...' и что-то для стайлинга😂✋

  • @dmytromedynskyi6179

    @dmytromedynskyi6179

    3 жыл бұрын

    Было бы интересно... Как из библиотеки React сложить фреймворк React. Именно потому что React в пакете это не имеет большое нравится Angular :)

  • @user-ly7jn7bq8g

    @user-ly7jn7bq8g

    3 жыл бұрын

    Редакс, саги, тс, антд - это как основа

  • @user-zj2yx1xy8b

    @user-zj2yx1xy8b

    3 жыл бұрын

    Не подскажете, в какой программе делали roadmap?

  • @eugenia9999
    @eugenia99993 жыл бұрын

    Вот так дааа ))) как всегда, полезная инфа ))) Благодарствую !!!)))

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв)

  • @stabrovskyimuscle
    @stabrovskyimuscle3 жыл бұрын

    Нах я это смотрел, как будьто доярка посмотрела про видео по космическим технологиям)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    ¯\ _(ツ)_/¯

  • @dariaveretennikova6669
    @dariaveretennikova66693 жыл бұрын

    Теперь мой любимый канал ☺️ огромное спасибо, что делитесь полезной информацией! Отличная подача материала! 😁

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо большое за отзыв)

  • @yatsenkooleksandr
    @yatsenkooleksandr3 жыл бұрын

    Только начинаю, глянул список - чуть в обморок не упал, но буду трудиться, спасибо

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Ну всё же учить не обязательно. Это просто тренды и актуальные технологии. То что должен знать начинающий помечено звёздочкой

  • @user-di9fv1px5l

    @user-di9fv1px5l

    3 жыл бұрын

    Начинай Санька, ща чинуши налоги подымут для айти, айти из страны уйдет, подучишь англиский будешь на заграницу работать.

  • @denpol9956

    @denpol9956

    3 жыл бұрын

    @@user-di9fv1px5l думаю, не сделают, т.к. тогда значительная часть айти уйдет в теневой бизнес - для них будет только хуже.

  • @alexanderataman6503

    @alexanderataman6503

    3 жыл бұрын

    Аналогично. Ощущение начнёшь что то осваивать, наступит 2022 и уже половину технологий сменяться и станут не актуальными.

  • @yatsenkooleksandr

    @yatsenkooleksandr

    3 жыл бұрын

    @@alexanderataman6503 но все таки думаю успею с чего-то стартануть, а там уже надо будет продолжать, набирать обороты

  • @unknownbrains1916
    @unknownbrains19163 жыл бұрын

    Спасибо за простую подачу и объяснения, оч крутой материал. Благодарю автора :)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста)

  • @user-rg5tk3sw6v
    @user-rg5tk3sw6v3 жыл бұрын

    Давно ждал этого видео. Благодарю, лайк не глядя)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо)

  • @stormd2902
    @stormd29023 жыл бұрын

    Спасибо, за полезный контент! Уверен, его создание требует немало времени! 🤓✌️

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста. Да, такие подборки отнимают довольно много времени

  • @domeno8525
    @domeno85253 жыл бұрын

    Воу, спасибо за труд, тут действительно материала на год.

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста

  • @user-cd1sr5sx2r
    @user-cd1sr5sx2r3 жыл бұрын

    Спасибо за проделанную работу! Очень круто и полезно!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста)

  • @katya_mironenko
    @katya_mironenko3 жыл бұрын

    Крутоооо, очень круто сделали ролик. Столько собрали инфы👏🏻👏🏻

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо)

  • @Hamcap57
    @Hamcap573 жыл бұрын

    Спасибо за старание! Очень полезный контент! Я только начал HTML и CSS. Дальше JS и React думаю изучить. Будет круто!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Отлично. В описании ссылки на нужные курсы)

  • @abylaikhanturedin2154
    @abylaikhanturedin21543 жыл бұрын

    Спасибо за твой труд👍 я новичок в программировании и не знал с чего начать и что учить, очень полезное видео

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв)

  • @user-pd9ow1fi4m
    @user-pd9ow1fi4m2 жыл бұрын

    Лайк. Подписка. Наконец в голове визуальная картинка появилась, что, куда и зачем. Видно, сколько труда вложено, спасибо за контент) буду топить в js, никаких php стажировок :))

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    Спасибо за отзыв

  • @malyna
    @malyna3 жыл бұрын

    Спасибо за труд, очень полезное видео!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста

  • @ArthurYelkin
    @ArthurYelkin3 жыл бұрын

    Такие видосы придают новогоднее настроение))

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    👍

  • @pavelskystormshemchuk
    @pavelskystormshemchuk3 жыл бұрын

    Спасибо большое за ролик, теперь про backend пожалуйста 🙏. Спасибо. Лайк, подписка 🎫

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста

  • @Rokinso
    @Rokinso3 жыл бұрын

    Большое спасибо за чрезвычайно полезную информацию в доступном виде!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста)

  • @DevMagazineChannel
    @DevMagazineChannel3 жыл бұрын

    Хорошая подборка трендов! 👍 в tools еще можно добавить parcel

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    👍

  • @qwer4781

    @qwer4781

    3 жыл бұрын

    @@YauhenKavalchuk а что по Snowpack? Вроде, набирает популярность

  • @uamaker

    @uamaker

    3 жыл бұрын

    пока не выйдет 2 версия Parcel я бы не добавлял

  • @user-mo8nd6vm9n
    @user-mo8nd6vm9n3 жыл бұрын

    Спасибо, бро, я составил список изучения на год и понял, что он верный. Ты лучший!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо

  • @kirilldskoi9661

    @kirilldskoi9661

    2 жыл бұрын

    Как успехи?

  • @neys4171
    @neys41713 жыл бұрын

    Спасибо Вам большое на видео было потрачено много сил и времени!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо и вам, за поддержку)

  • @sandusgoga9676
    @sandusgoga96763 жыл бұрын

    Благодарю,я в начале пути и для меня Ваше видео очень познавательное👍

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста

  • @velessn
    @velessn3 жыл бұрын

    Актуально, как всегда. Спасибо.

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста)

  • @dif3397
    @dif33973 жыл бұрын

    Отлично! Очень полезно. Спасибо!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста)

  • @tatianakotenko5867
    @tatianakotenko58673 жыл бұрын

    Интересно и всё чётко! Спасибо!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста)

  • @leksts7701
    @leksts77013 жыл бұрын

    Спасибо. Довольно информативно и разложено по полочкам.

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста)

  • @Viro-gj4mw
    @Viro-gj4mw2 жыл бұрын

    Данная таблица меня ошеломила, я даже не представлял что тема настолько глубокая и как я понимаю это ещё не всё. Спасибо теперь есть план по обучению))))

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    👍 пожалуйста

  • @user-ld1gz1cr1j
    @user-ld1gz1cr1j3 жыл бұрын

    Спасибо, очень классно разложил!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Рад что понравилось!

  • @crecker05ru
    @crecker05ru3 жыл бұрын

    Огромное спасибо,много труда вложено в видео.Варюсь в теме IT меньше года ,пока что знаю основы и то не очень, но смотря через призму времени на роадмэп не так страшно как было в начале, но все же оооочень много надо изучать ,и еще надо успеть изучить пока не поменялись тренды.

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв!

  • @aliakseikaravaichyk1514
    @aliakseikaravaichyk15143 жыл бұрын

    Очень полезно, спасибо!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв)

  • @dimageorgiev5798
    @dimageorgiev57983 жыл бұрын

    Спасибо за труд ! Ты кто думаешь с чего начать прислушайся к автору %)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста!

  • @oleksandr987
    @oleksandr9873 жыл бұрын

    очень полезная инфа, спасибо большое!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста

  • @Kobzarko
    @Kobzarko3 жыл бұрын

    Однозначно в избранное!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Круто!)

  • @beck6208
    @beck62083 жыл бұрын

    Очень полезная инфа!💯

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо)

  • @brest1019
    @brest10193 жыл бұрын

    Видео бомба, красава👍

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо)

  • @user-he8rx9hj9s
    @user-he8rx9hj9s3 жыл бұрын

    Спасибо за материал! Надеюсь, что стану фронтенд-разработчиком в 2021 году

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв)

  • @zanz9

    @zanz9

    3 жыл бұрын

    Добрый день! Ищу коллег по изучения языков, которые только начали свой путь в IT сфере. Если тебе хотелось к нам, то пиши telegram: @zanz9

  • @kirilldskoi9661

    @kirilldskoi9661

    2 жыл бұрын

    Как успехи?

  • @iddev6680
    @iddev66803 жыл бұрын

    Спасибо большое за видео 👍

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста

  • @user-ie7zw7fq2s
    @user-ie7zw7fq2s3 жыл бұрын

    Круто и очень полезно!)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Отлично)

  • @vl8224
    @vl82243 жыл бұрын

    Спасибо за интересный материал

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв)

  • @vadimmarchenko3128
    @vadimmarchenko31283 жыл бұрын

    Супер вообще!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    👍

  • @vitalyivanychko1104
    @vitalyivanychko11043 жыл бұрын

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

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста

  • @user-te3eb8uz7r
    @user-te3eb8uz7r3 жыл бұрын

    Спасибо за видео. Чёт страшно становися:)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста, я же не говорил что учить нужно всё, отталкивайтесь от проектных технологий и скоупа задач

  • @serdargurbanmyradow287
    @serdargurbanmyradow2873 жыл бұрын

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

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста

  • @roflostrike-csgofunnymomen1355
    @roflostrike-csgofunnymomen13553 жыл бұрын

    Спасибо за видео, сейчас изучаю html, css, потом буду учить js, после react, надеюсь когда нибудь моя мечта сбудется

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Удачи!

  • @zanz9

    @zanz9

    3 жыл бұрын

    Добрый день! Ищу коллег по изучения языков, которые только начали свой путь в IT сфере. Если тебе хотелось к нам, то пиши telegram: @zanz9

  • @user-hq2xv1zb7g

    @user-hq2xv1zb7g

    3 жыл бұрын

    Как там результат? 😄

  • @user-mm6bm9zj1p
    @user-mm6bm9zj1p2 жыл бұрын

    Очень полезная информация, автору спасибо за пояснение и проделанную работу!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    Спасибо за отзыв

  • @user-mm6bm9zj1p

    @user-mm6bm9zj1p

    2 жыл бұрын

    @@YauhenKavalchuk Было бы не плохо увидеть один рабочий день frontend разработчика - рабочий стол ПК за работой над реальным проектом..)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    Хм, подумаю… хотя код всё равно не пошарю, т.к. NDA

  • @kirilldegtyarev6671
    @kirilldegtyarev66713 жыл бұрын

    Спасибо большое!!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Большое пожалуйста

  • @soberso5
    @soberso53 жыл бұрын

    LOOPBACK, плюс за это!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо)

  • @user-co7nl8pf4p
    @user-co7nl8pf4p3 жыл бұрын

    С меня 10000% подписка !!!!!!!!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    👍

  • @sergeynorthman1308
    @sergeynorthman13082 жыл бұрын

    спасибо за твой труд! очень информативно и структурировано! на сегодня твой канал для меня - открытие! буду следовать по твоему 'род мапу'. пока что я в самом начале обучения, надеюсь, что твой канал поможет мне "встать на ноги" в этой области p.s. хотя бы "на коленки" :D

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    В декабре этого года я планирую сделать новый roadmap на 2022, так что можете следить, там будет более актуальная информация

  • @sergeynorthman1308

    @sergeynorthman1308

    2 жыл бұрын

    @@YauhenKavalchuk подписался, буду чекать. по мере продвижения - изучать) пока начал с курса по ХТМЛ, ибо из всех курсов что пересмотрел - ты делаешь акценты на важные элементы в "базе", именно этого мне и не хватало, ибо понимаю, что "мощная" база убережет от глупых ошибок в будущем. Кстати, было бы здорово в некоторых сложных темах с трудноусваиваемой терминологией использовать "аналогию" (применять какие-нибудь примитивные аналогии) - для таких как я (которые никогда в своей жизни не держали книгу в руках) - будет усваиваться чуточку проще :) ещё раз спасибо за труды

  • @bazlajter1525
    @bazlajter15253 жыл бұрын

    Насчет TypeScript - ребята, если хотите вкатываться во фронтенд, учите его обязательно. Реальность такова, что чуть ли не на 99% проектов чистый JS не используется. Спасибо за видео, как всегда - кратко, лаконично и по делу)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв)

  • @bohdan.petrov

    @bohdan.petrov

    3 жыл бұрын

    Люблю, когда приводят в пример конкретные цифры, при это не подтверждая их ничем) О времена, о нравы)...

  • @user-uz8hj8dz1x
    @user-uz8hj8dz1x3 жыл бұрын

    Спасибо Хотелось бы в новом году больше Apollo/GraphQL и Next

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Понял, учту)

  • @user-uz8hj8dz1x

    @user-uz8hj8dz1x

    3 жыл бұрын

    @@YauhenKavalchuk Отлично!)

  • @vadimmarchenko3128
    @vadimmarchenko31283 жыл бұрын

    Спасибо!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста

  • @user-wj8iz4zz4k
    @user-wj8iz4zz4k3 жыл бұрын

    МММ КЛАССС!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    👍

  • @mishalisovyi
    @mishalisovyi3 жыл бұрын

    RxJS немного не про стейт-менеджмент. А про реактивный подход при построении приложений. А в остальном, очень познавательное видео)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв. Да, я в курсе, просто нужно было сгруппировать технологии.

  • @jeremy1l
    @jeremy1l3 жыл бұрын

    отличное видео чтобы понять а не missing ли ты out

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    На то и был расчёт! Идти "в ногу с технологиями" - для frontend это важно

  • @NikitaEpt
    @NikitaEpt3 жыл бұрын

    Хорошо, теперь про бэкенд пожалуйста

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    Не работал с backend, поэтому ничего сказать не могу(

  • @DB-be7rs
    @DB-be7rs3 жыл бұрын

    Просто титанический труд ты проделал (буду учиться по твоей карте) спасибо огромное за твою работу.

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо большое за поддержку!

  • @alexanderataman6503
    @alexanderataman65033 жыл бұрын

    А было время когда достаточно было знать html, css и php (или Java JSP). Только усложняют все эти конкурирующие технологии, каждый продвигает свой продукт, а обычным людям как это всё успеть освоить? Спасибо за замечательный обзор технологий!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста. Да, раньше было проще

  • @valerautukin5854
    @valerautukin58543 жыл бұрын

    Чувак, видос хорош! Но вот какое дело, я только только начал свой путь в вебе и сейчас сижу на стажировке в небольшой компании. Посадили меня бахать backend на php. Сколько же я пытался найти хороший и более менее понятный roadmap для backend разраба... Либо плохо искал, либо сильно хлебушек чтобы понять. Так что жду от тебя roadmap по backend'у. У тебя хорошая подача и ты скорее всего более толковый в этом вопросе. Лайк, подписка!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв. Но Roadmap для back-end ничем помочь не могу. В этом направлении я не работал и не знаю что там сейчас актуально, а так же в какой последовательности там нужно изучать технологии

  • @valerautukin5854

    @valerautukin5854

    3 жыл бұрын

    @@YauhenKavalchuk Жаль. Но контент интересный. Так что буду следить за обновлениями!

  • @HollowKrin
    @HollowKrin3 жыл бұрын

    Вроде канал называется webdev, а про backend информации не нашел. Отличное видео!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв. Ну, немного технологий из бэкэнда есть. А вообще канал больше про frontend

  • @HollowKrin

    @HollowKrin

    3 жыл бұрын

    @@YauhenKavalchuk это ясно, но название вводит в заблуждение

  • @user-tk5sn3ur3s
    @user-tk5sn3ur3s3 жыл бұрын

    Ты крут)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо)

  • @user-ju5sb3of7l
    @user-ju5sb3of7l3 жыл бұрын

    ну за такое лайк

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо)

  • @zerdox4
    @zerdox43 жыл бұрын

    Лично я советую в новом году обратить внимание на Svelte (фронтенд), Apollo Graphql (связь фронтенд-бэкенд), Snowpack (инструмент для разработки, сборки проекта), Deno (Node.js), Effector (state management). Очень перспективные проекты. Технологии для общего развития: Web Components, WASM. PWA не советую, очень специфическая вещь, только лишь если вам это действительно нужно и вы знаете зачем вы это делаете. Также советую думать своей головой и изучать то, что вам действительно нужно и то, что вы считаете интересным. Не стоит бросаться в бутстрап и другие ui фреймворки только потому что это требование есть в каждой третьей вакансии. Поверьте, лучше потратить эти часы изучения на практику например на том же Svelte. Также следите за спецификациями! Слушайте веб-стандарты и будьте в курсе всех изменений в вебе.

  • @utopia5678
    @utopia56783 жыл бұрын

    Еее я изучаю всё в правильном направлении! Спасибо👍🏿

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста)

  • @milamalinka1677
    @milamalinka16773 жыл бұрын

    спасибо

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста!

  • @user-ki1bc8hu2h
    @user-ki1bc8hu2h3 жыл бұрын

    gulp лучше на parcel заменить - работает из коробки без необходимости написания задач и еще добавить prettier - очень удобный инструмент для авто-форматирования кода

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Про parcel - субъективно, но как вариант можно)

  • @brest1019
    @brest10193 жыл бұрын

    Братанчик, а можешь так же разъяснить своим доходчивым языком roadmap для devops?

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    К сожалению, нет. Я не работал в этом направлении и мало что знаю о нём

  • @szCerber
    @szCerber3 жыл бұрын

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

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    За отзыв спасибо. Но вы не совсем правильно поняли моё утверждение. Для вёрстки, для начинающих лучше стартовать Gulp, для более опытных - Webpack

  • @szCerber

    @szCerber

    3 жыл бұрын

    @@YauhenKavalchuk ааааа, понял. Я подумал, что цвет метки отображает еще и актуальность на рынке

  • @gustavomarcano4962
    @gustavomarcano49623 жыл бұрын

    El uso de las nuevas tecnologías nos hacen mas fácil la vida cotidiana, debemos apostar por estas nuevas formas de ejecutar los procesos que diariamente ejecutamos.

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    ?

  • @user-co7nl8pf4p
    @user-co7nl8pf4p3 жыл бұрын

    Блиииииин блиииински! Какого хрена ютуб не выдал раньше это видео??????? Я всё пытаюсь составить план схема изучения веб разработки, а тут именно всё как я и хотел. В инете есть подобные схемы, но какие сложные и размытые. Автору низкий человеческий поклон!!! Благодарю за Ваш труд!!! Блииииин, не зря на ужине решил видосики по теме посмотреть))))))))))

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за отзыв. А не выдаёт видео потому что активностей (лайки и комментарии) маловато

  • @CodeQuestRu
    @CodeQuestRu3 жыл бұрын

    Радует, что все больше людей начинают задумываться о роли HTML в семантике и доступности. Может когда-нибудь к этому придут и местные "гуру" с огромными аудиториями, которые до сих пор верстают на дивах и не могут отличить "b" от "strong".

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Вот поэтому я и снял курс по HTML где подробно всё рассматриваю именно в контексте семантики!

  • @javascripttask7556
    @javascripttask75562 жыл бұрын

    Осталось перепилить тебе курс по React на хуки, думал наконец-то есть чел, у которого всё чётко и доступно...но тчетно. вот хуки дорогой друг, тема же плавающая с 2020 года. Жаль короче что нет

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    Да, я уже давно подумываю об этом. Жду вот 18 версию, что бы точно максимально актуальное снять

  • @javascripttask7556

    @javascripttask7556

    2 жыл бұрын

    @@YauhenKavalchuk во, во...бери меня в партнёры)) буду делать рутинную работу взамен на обучаемость )

  • @johnd1431
    @johnd14313 жыл бұрын

    интересное видео

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо

  • @user-cg1pq2kh6t
    @user-cg1pq2kh6t3 жыл бұрын

    прочитаю в документации на след проекте....

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    👍

  • @Viktorres1
    @Viktorres13 жыл бұрын

    Отличная структура! Спасибо. Правда, есть описка "Mobile firts"

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Да, увидел. Плохо что в программе не поддерживается spellchecker(

  • @webappsproduction3051
    @webappsproduction30513 жыл бұрын

    В целом видео зашло, лайк и подписка. Но есть вопрос по css фреймворкам, можно было бы добавить ещё tailwindcss. Даже вместо этого foundation. Наша компания полностью перешла на него и знаю ещё несколько таких, частично отказавшись от бутсрапа. Единственный момент вникнуть в концепцию utility first и поймёте о чем речь.

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    И всё-таки у "tailwindcss" не такое широкое распространение, как у перечисленных

  • @danzankekshaev5742
    @danzankekshaev57423 жыл бұрын

    Отличное видео! Но пропустил инструменты Документирования

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Да, парочку стоило бы указать). Учту в следующем году)

  • @buza_me
    @buza_me3 жыл бұрын

    JAMStack,- новый подход. 😂🤣

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Ну лично я впервые услышал о нём в этом году. Да и вообще о нём мало где говорится

  • @buza_me

    @buza_me

    3 жыл бұрын

    @@YauhenKavalchuk Не спорю, просто по-моему в нем нет ничего особо нового. Вполне вероятно, что я что-то/многое упускаю. В момент просмотра видео фраза показалась забавной, но не более :) Запись получилась замечательная, информация подана структурированно и живо, спасибо за ваши труды :)

  • @user-sx8rf8pt1e
    @user-sx8rf8pt1e3 жыл бұрын

    Большое спасибо за роадмап! А в какой программе Вы "рисовали" её?

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Пожалуйста, X-Mind

  • @clickabelno
    @clickabelno3 жыл бұрын

    Ставлю лайк, но на 5:58 видна небольшая очепятка 8) Там написано "Svelt". Возможно, имелся ввиду JavaScript-фреймворк "Svelte")

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Да, это опечатка, заметил только на монтаже, в финальной карте это исправлено.

  • @ukra777
    @ukra7773 жыл бұрын

    До конца жизни хватит изучать. Уже страшно начинать)

  • @kawaikaino5277

    @kawaikaino5277

    3 жыл бұрын

    Недотянешь) кукуха быстрее поедет

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Я же не говорил о том что все эти технологии нужно учить просто рассказал несколько путей развития специалиста. Для трудоустройства достаточно HTML+CSS+JS+Framework (один из 3х)

  • @ukra777

    @ukra777

    3 жыл бұрын

    @@YauhenKavalchuk Вы все верно говорите и спасибо вам за подобные видео. Я лишь о том, что технологии быстро развиваются и трудно за всем этим уследить. Не соглашусь с некоторыми, что веб это просто. Возможно я не такой умный)))

  • @user-eu2vx4wv5p

    @user-eu2vx4wv5p

    3 жыл бұрын

    @@ukra777 это точно не так просто учить.... Я вот увлёкся этой темой только и понимаю что это пиз...ц.... Но интересно))

  • @user-di9fv1px5l

    @user-di9fv1px5l

    3 жыл бұрын

    @@YauhenKavalchuk Это куда берут с таким стеком и без опыта???? к вам в епам например на пушечный выстрел не подпускают.

  • @ryadik_live
    @ryadik_live3 жыл бұрын

    Здравствуйте, ланируете ли запи́сать курс по React+TS+Redux+Saga или что-нибудь похожее? Было бы интересно и полезно :)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    React+TS уже есть на канале, на счёт Saga, подумаю...

  • @vitiok78
    @vitiok783 жыл бұрын

    Насчёт CSS фреймворков: сейчас среди многих зарубежных фронтендеров очень резко набирает популярность TailwindCSS

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Сколько сталкивался с проектами и общался с разработчиками, ни у кого на production такого нет(

  • @denpol9956
    @denpol99563 жыл бұрын

    Не увидел styled-components и material-ui. Не уважаете?)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Почему не уважаю?) Просто данные технологии я как раз-таки отнёс к экосистемам фрэмворков.

  • @Daniel-lm9zp
    @Daniel-lm9zp2 жыл бұрын

    Здравствуй, подскажи, на каком приложении монтируешь и компилируешь видео? В общем, на чем создать такой крутой видос?

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    Дефолтный маковский софт

  • @zhantaiismailov2230
    @zhantaiismailov22303 жыл бұрын

    Будет такое же видео то по backend?

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Нет, я не backend и там я мало что знаю о трендах, а уж тем более о том в какой последовательности и что нужно изучать

  • @Kakofy
    @Kakofy3 жыл бұрын

    Добавьте ещё рекомендуемые книги или источники для изучения спасибо.

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    В описании можно найти ссылки на снятые курсы

  • @andreyzhukov2821
    @andreyzhukov28213 жыл бұрын

    Привет! Не узнаю тебя, почему не 13:00 ?) Лайк!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Решил по раньше)

  • @levapveeskela4327
    @levapveeskela43273 жыл бұрын

    RxJs не относится конкретно к ангуляру и это не state manager это библиотека для работы с потоками событий, если проводить аналогию, то этот фреймворк позволяет работать с ПС, как с массивами объектов, которые можно фильтровать, добавлять, удалять, редактировать. Из того что не сказано, хотел бы добавить о TypeORM, данный фреймворк упрощает разработку и взаимодейсвтие с реляционными БД(Postgres, MySQL, MariaDB и т.п.) на API написанном на NodeJs, опять же если проводить аналогию, то он похож на Entity Framework из.Net, надеюсь, это вам о чём-то скажет)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Спасибо за уточнение и за расширение списка технологий

  • @ermakamre
    @ermakamre3 жыл бұрын

    Полезное видео, спасибо! А разве в webpack нет tree shaking?

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Возможно уже исправили. Но раньше он работал не очень корректно

  • @bohdan.petrov

    @bohdan.petrov

    3 жыл бұрын

    @@YauhenKavalchuk в последней версии обещают, что всё отлично работает, но сам пока не обновлялся и не тестил

  • @arzamaskin_kirill
    @arzamaskin_kirill3 жыл бұрын

    Спокойно сейчас вариант в Sass сетку использовать и забыть про Bootstrap

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Речь идёт не только о сетке, но и о библиотеке готовых компонентов

  • @user-gy6nq1zv7r
    @user-gy6nq1zv7r3 жыл бұрын

    Для бэкенда подобное хочется для основных языков

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Ну, я не бэкэнд разработчик, поэтому мало что знаю в той области. Рассматриваю только с перспективы JS)

  • @dmytromedynskyi6179
    @dmytromedynskyi61793 жыл бұрын

    Мне кажется незаслуженно в backend пропустил SQL. Хотя ноду больше используют с монго, но мне кажется что backend разработчик, пусть и на node просто обязан знать SQL.

  • @qwer4781

    @qwer4781

    3 жыл бұрын

    правда, без знания SQL никуда!

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Но начинаю всё-таки именно с NoSQL баз, так проще)

  • @realfootball338

    @realfootball338

    3 жыл бұрын

    @@YauhenKavalchuk пусть установит Postgre риди ту юз на проде вместо mLab. Ахах тогда на рынке труда будет меньше конкуренции

  • @AntiBandera

    @AntiBandera

    3 жыл бұрын

    @@YauhenKavalchuk Начинать нужно именно с класических SQL запросов и теории реляционных баз данных ! Нормальные формы и пр. Потом уже ORM и уже после noSQL и пр.

  • @user-yw9wx4lv2w

    @user-yw9wx4lv2w

    3 жыл бұрын

    @@YauhenKavalchuk не вводите людей в заблуждение. NoSQL имеет весьма ограниченую область применения. И для большенства проектов нужны именно реляционные базы

  • @nandan8850
    @nandan88503 жыл бұрын

    Awesome.. just visited channel today.. Explanation is very good. Please add English subtitles if you can . Love from Mars 🤣🤪

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Thanks for the feedback. I'll think about it!)

  • @nandan8850

    @nandan8850

    3 жыл бұрын

    @@YauhenKavalchuk 😄😄 thanks else put auto generated subtitles in English ,

  • @user-gq1gc2br9w
    @user-gq1gc2br9w2 жыл бұрын

    Можно ли после освоения базы выбрать путь backend, тоесть после HTML, CSS, JS начать осваивать Node.js? Достаточно ли этого будет чтобы делать проекты, или после Node сразу нужно перейти к React и т.д.? Спасибо)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    2 жыл бұрын

    Можно осваивать node.js

  • @user-gq1gc2br9w

    @user-gq1gc2br9w

    2 жыл бұрын

    @@YauhenKavalchuk Спасибо

  • @katya_mironenko
    @katya_mironenko3 жыл бұрын

    У меня вопрос, тоесть ui/ux дизайнер не нужен, ибо все сделает frontend розработчик? Или кто отвечает за создание рабочих кнопок, кликабельности ссылок и тд. уже на созданном, но мертвом макете от ui/ux дизайнера, чтоб пользователь смог что-то нажимать и оно работало ? Извините, просто не розбираюсь какая последовательность создания сайта, кто что должен сделать, чтоб он стал рабочим . Буду благодарна за ответ)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Дизайнер рисует макет. А превратить макет в рабочий сайт, включая всю логику, может frontend, и если есть связка с базами данных, или с API то тут может пригодится и backend. Либо полностью всё может сделать fullstack - это универсальный специалист

  • @user-vk8cc3sx2b
    @user-vk8cc3sx2b3 жыл бұрын

    Скажите, react native еще в тренде? Или он типа умер?

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    В тренде, стек React и React Native очень распространён

  • @user-zj2yx1xy8b
    @user-zj2yx1xy8b3 жыл бұрын

    В CSS BASICS плейлисте на ютуб половина видео ограничены приватностью для просмотра...(

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

    Доступ открывается постепенно по 2 видео в неделю, просто подождите. Если не хотите ждать, в описании есть ссылка, как получить полный доступ сразу

  • @bohdan.petrov
    @bohdan.petrov3 жыл бұрын

    В state management ещё бы добавил effector. Так же добавил бы css in js решения - те же styled components. Не понял, зачем frontend разработчику тот же aws. Тип на все руки мастер? Карта с очень размытыми границами. Все это знать не нужно. Лишь то, что нужно для решения задач. Конкретно это видео не зашло. Но это скорее моя субъективность. А за остальные спасибо! Они очень хороши)

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

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

  • @RedFox_107
    @RedFox_1073 жыл бұрын

    Если не секрет, то сможешь описать процесс сбора данных для такой карты? Я думаю, не будет лишним уметь самому так делать в какой-либо более узкой области)

  • @user-di9fv1px5l

    @user-di9fv1px5l

    3 жыл бұрын

    Он просто списал эти данные на гитхаб репозитории, немножко присолил тем что в епаме видит на работе, вот тебе и "сбор информации"

  • @RedFox_107

    @RedFox_107

    3 жыл бұрын

    @@user-di9fv1px5l понял, спасибо

  • @YauhenKavalchuk

    @YauhenKavalchuk

    3 жыл бұрын

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