Во-первых, нужно точно определить, что такое frontend:
- HTML
- CSS + препроцессоры (SASS/LESS)
- HTML + CSS -> Верстка
- JavaScript + синтаксические сахара, сейчас это TypeScript
- JS Framework - Angular 12, VueJS (или библиотека - React)
Это набор инструментов, в их минимальном виде.
Если п.1 и п.2 сами по себе изучаются крайне быстро, то, чтобы научиться хорошо верстать уходит от полугода, при большой интенсивности, до года.
Это связано не только с языками, а в первую очередь, с тем, что Вам будет необходимо знать как верстать под разные платформы (PC/Mobile) и разные браузеры (Chomium (Chrome, Yandex, IE Edge и т.д.), Firefox, Safari).
JavaScript учится по-разному, все зависит от вашей мотивации и выбранного способа получения знаний и практики. В худшем случае, это займет год - полтора. В лучшем, не менее 3-4 месяцев.
В JavaScript, особенно когда речь пойдет про фреймворки, так же есть свои особенности и нюансы, того как работают те или иные механизмы. Однако их гораздо меньше, чем в CSS, так что за месяца два будете знать всё "на ура".
Framework, п.5 - тут все зависит от выбранного Вами фреймворка. Если говорить о качественном изучении, скажем, Angular 12 Framework, то это не замет более 3-4х месяцев. За это время, вы должны будете ознакомиться со всем необходимым и неплохо понять MVC + строгую типизацию.
Но, пожалуйста, не слушайте тех, кто говорит вам конкретные сроки изучения, и вот тому веские причины:
- Каждый человек индивидуален, не каждому подходит один и тот же метод обучения
- Если у вас будет практикующий программист в доступе, чтобы он помогал вам - это может крайне сильно ускорить процесс разработки
- Frontend - это не перестающая развиваться сфера, ее рост за последние 10 лет несравним ни с каким другим направлением. Считайте, что вы акула в океане: стоит вам забросить на пару месяцев frontend как он станет совершенно иным.