vue課程整理與心得

Hello，我是Jade，最近正在學習前端。在學習vue框架的時候我選擇了用線上資源學習，當中有付費也有免費的課程，為了怕自己學一學就還給宇宙就大概寫一下目前為止學習的心得，順便給有機會看到這篇文章的人做參考(持續更新)

參考內容

1.bilibili，屬於基礎教學，從最基本的環境安裝，最簡單的v-bind到後面slot都會提到，不過由於是免費課程，大部分都是講解用法再加上一兩個範例，比較難想像如何兜在一起到應用，另外課程講解也是著墨在vue2比較多。

除了這個以外我也大致滑過一些標榜的2024的課程，但點進去看很多還是用vue2為內容教學，所以可能有點掛羊頭賣狗肉，或者是給個10分鐘試看後面就要花錢買課程，大家就自行判斷啦。

2.udemy，我買了兩個課程，現在二個課程都上到9成左右。

vue全家桶，前面主要跟bilibili講解差不多，就當觀念複習。後面開始提到api、router就稍微困難一些，還有vuex應用、pinia等等。課程裡面還有一個應用的範例是建一個類似ig的頁面，在登錄以後能夠進行發文點讚收藏之類的功能，算是把前面的教學都用上大部分了。不過因為主要是學習前端架構，所以後端設定就要自己摸索，另外老師提供的範例只有整個網站實作的before跟after，我是抱著學習的心態慢慢刻，然後有問題再去找原始碼比對，但如果只是想看個大概沒有跟著做或是直接複製貼上的話，學習的效果可能就不會太好。

美國外賣：當初是為了找多一點實作範例才買的，搜了一些比較多評價的然後以中文講解結果沒發現是2019的課程，環境跟我用的有點差距，是mac+Hbuilder編輯器，另外也是vue-cli(現在大多用create了)，後端是進到webpack config進行設定，這部分我是自己寫一個js，課程裡css 編輯時間很長，但因為還有教到一些之前沒用過的功能，所以也覺得還可以接受順便當複習，但Class命名的方式我個人沒有很喜歡，發音部分如果看過其他類似課程講英文的話就大概那種程度。
這堂就當作是從option api 轉換成composition api 的練習，中間卡了很多關，這部分的話收穫倒是滿多的。