首先，你得先分清楚這些是在做什麼。

一般如果想要學成不怕任何框架的情況下。
一律先了解 javascript 原生的寫法。
但只需要了解到對應特性及能使用的方法及方式。
這說起來簡單，但理解起來會有難度。
原因在於javascript特異性太多。
且學原生打底雖然不錯。但確實會比較花時間。
但好處是，你學好了，學習其它框架就會覺得沒難度了。
只是有時間再學習。

再來談談JS的框架。就目前你有所指的就是VUE。
如果有學習原生的語法後。
你再來看VUE的話其實又會是另一個新的世界。

一般初學者來說，想要求快速的話。倒是建議直接學VUE之後再慢慢的去了解JAVASCRIPT原生語法。

最後就是你說的BS5。我這邊是指Bootstrap5。因我不太確定你指的BS5是否就是它。
BS5來說，它比較偏向於排版設計方面。
雖然它本身存在JS應用。但很少會去改良或是設計它。
所以我個人只會將其列在排版的應用上。
BS5我是還沒接觸過。BS4之前的版本。大多還需要搭配JQUERY這個JS框架使用。
而在BS5中似乎可以拖離JQUERY。不過我還沒正式使用過，可能要有對它了解的人再幫你解釋一下。

至於node.js。在學習VUE時。是有機會會使用到。但如真想學習NODE.JS。則會比較建議先學一下JAVASCRIPT原生語法。因為它比較接近原生語法。
而NODE.JS的好處是。可以用類似JS的語法來寫後端相關語言。
這對前端的確算是一個好處。不用再額外去學PHP、.NET這一類的後端語言。
不過就真正的後端語言效能性來說。NODE.JS的效能還比不上PHP .NET...等這些後端語言好。

最後 wordpress(以下簡稱WP) 並不算是語言類的東西。它算是一種套裝的程式。
基本建議有碰到再學就好。而且WP它認真來說算是PHP的產品。
如依你的學習曲線來看。這或許是不該先學習的東西。

以下給你當作參考
css 還有更進階的 sass、scss
通常大都用 scss 居多(自身觀察)
包含製作出響應式網頁，不靠 Bootstrap 或其他框架自己做出來

接下來這幾個自己斟酌前後學習順序
Vue、React：兩大框架
Vite、Webpack：打包必用
TypeScript：可以比喻為 JS 的進階版
ESlint、Prettier：程式碼規範工具，這兩個大概了解下就好
Git、SVN(用到再學即可)：版本管理工具，可以在學習中一起應用
基本上這幾個加上不停地迭代更新，學習時間都消耗了大半
我建議的前後順序：
React(Vue) > Webpack > TypeScript > Vue(React) > Vite

之後你要就業，你可能還需要練 Leetcode
裡面有許多演算法、解題技巧都需要去了解，幫助很大

覺得不夠的話，還可以去了解這些如何實作...
PWA、Electron、React Native
接下來就看你如何走下去了，加油吧

至於 wordpress 就算了吧
那是給那些不懂前端的人使用的工具

附上大神整理的開發者 roadmap
底下可以看到前端的 roadmap，可以參考

順便宣傳我的網站：GitHub IO
有時間會陸續更新內容、增加網站功能
裡面記錄著過去學習的筆記內容，可以給你參考

有基礎（看得懂文件）之後，挑個有興趣的題目開始做網站，從做中學比較快。一個一個的認識工具可能有點多餘。
首先目標若是接案，指定不同工具的情況在你預料之中吧，比方做了幾次vue，下個案主有個已經上線的網站用react要人配合，這時會採用誰：認識過react的人、曾用react做個小功能的人？

也就是說，順便生作品的效益比較高，同樣的功能也沒關係，這次用nuxt+tailwind，下次用next+material，說不定你在這過程還能得出自己的心得，知道哪些工具何時比較適合，這種判斷力可能比會啥工具還寶貴。