vue課程整理與心得

這篇文章總結了我找的一些vue課程整理，還有簡單的心得分享

Hello，我是Jade，最近正在學習前端。

在學習vue.js 線上課程的時候我選擇了用線上資源學習，當中有付費也有免費的課程

為了怕自己學一學就還給宇宙，大概寫一下目前為止學習的心得，也會講述一下我從vue2跑到vue3的心路歷程。

希望想了解vue線上課程、vue線上教學，或是對於vue 課程推薦有想法的人可以做參考(持續更新)

bilibili

隨便搜尋vue、vue js就能找到很多系列課程，可以挑幾個觀看多的或是時間長的，就不一個個推薦了。

免費課程的部分大多都屬於基礎教學，從最基本的環境安裝，最簡單的v-bind到後面slot都會提到

不過由於是免費課程，大部分都是講解用法再加上一兩個範例

比較難想像如何兜在一起到應用，另外課程講解也是著墨在vue2比較多。

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

• 優點：中文講解，有些可能是搬運來的但也會有中文翻譯(但這點youtube應該也有)
• 缺點：沒有太多實作，要找到以vue 3為主題的不多。

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 的練習，中間卡了很多關，這部分的話收穫倒是滿多的。

上面兩個大多都是SPA的開發跟應用，如果要加上API串接, nuxt應用等等，可能就要找其他課程學習。

小結

如果你是想要了解一下vue的基礎應用，後續再決定要不要繼續入坑(?)那可以先從嗶哩嗶哩的一些影片入門，單純的解說跟用法不會太複雜，也不用花錢

但是如果你是希望學習一個專案的建立與應用，還是建議找一些有主題性的課程來學習，但不一定要從我上面提到的課程去學，因為我覺得Udemy上面有一些也不是最新的課程，而且我主要是還是找中文語系教學，因為我覺得這樣子學習效果會比較快，所以就篩選掉了很多課程。如果你沒有這種顧慮的話，應該有很多以英文或是其他語言教學的，品質應該也不會太差，然後看你想要學vue3或是vue2，vuex或是pinia，這些排列組合就可以找到合適的課程能挑選。

另外YouTube還有個人教學應該也有一些不錯的，但我就沒有太多的著墨，以上給大家參考。