머리가 겁나 좋으시다니 부럽습니다.

근데 제일 좋은 왕도같은건 없어요. 강의 열시간 들은 사람보다, 열시간 코드 쓴 사람이 더 잘하는게 진리입니다.
후자가 가르치는 입장에서도 훨씬 낫습니다.
프론트에서 oot 함수형은 둘다 올드훼션드한 토픽이고, 요새는 그냥 흐름에 맞춰 빠르고 직관적으로 짜는게 대세입니다.

먼저 기본적인 nodejs에 대한 이해가 있으시다면, 엔간한 모던 프레임워크는 이해하실 수 있으실 겁니다. nodejs를 써보세요.
angular vue react 세개중 하나 마음에 드는거를 고른뒤, 소스코드 공개된 웹앱 찾아서 모든 코드를 읽으시면 빠르게 익힐 수 있습니다.

언어는 ts외에는 안쳐다보셔도 됩니다. ts가 대세고, ecmascript의 미래입니다.
추가적으로 프레임워크에 있는 ts 소스코드를 읽을려면 js뿐만아니라 자료형에 대한 이해가 필수입니다.
요새 제 주변에서 핫한 자료형 챌린지 URL을 공유해드리니, 해보면 공부에 도움이 될지도요. 저도 다 풀진 못했지만요...
https://github.com/type-challenges/type-challenges

그런거보다 기초가 없다! 하시면 그냥 nodejs로 웹앱 처음부터 만들어보세요. 튜토리얼 많습니다.
사실 그게 프론트엔드의 시작과 끝입니다.
건투를 빕니다.