iT邦幫忙

2021 iThome 鐵人賽

4
Modern Web

[ 重構倒數30天,你的網站不Vue白不Vue ] 系列 第 31

[重構倒數第0天] - 鐵人賽後記

  • 分享至 

  • xImage
  •  

鐵人賽完賽

這30天可以說是讓我非常忙碌而切讓我一直把鐵人賽掛在心上,每天就是在想今天要寫什麼,這樣寫讀者會不會看不懂,然後每個範例幾乎都還要寫成 codepen、 codesandbox 讓讀者直接看到成果,就怕哪個地方不清楚,當完賽的時候我的心情可以說是突然輕鬆很多,因為畢竟參加鐵人賽的過程中,公司的專案正在經歷一次大改版,然後又有上線的時辰壓力,可以說是讓我有點喘不過氣,也許是當講師的關係,不知不覺的用了寫課程講義及範例的方式來寫鐵人賽,也是希望可以把自己開發的經驗、想法給實際記錄下來,也當作是自己的筆記一樣。

> 主題策略

每屆鐵人賽滿多都是寫從零開始的教學文,為了不要撞主題,所以我這次以重構為主軸,講述了如果使用 Vue3 進行專案的重構的時候,會從哪些地方為切入點,以及如何選擇適合的 API 來解決問題,還有學生常常問我的問題我也整理在這次的鐵人賽文章之中,更重要的是,除了官方文件上面的那些範例,我整理了很多 Composition API 實際的用法,讓那些使用 Options API 的人可以更清楚知道 Composition API 該如何使用,讓他們可以更好的去做轉換。

> 範例規劃

前期的規劃是用比較的方式在去做示範,希望可以用實際的 code 去做對比,比較兩者之間的差異點,進而去了解改寫邏輯還有熟悉 Vue3 的 Composition API 寫法,中期就著重在開發的細節以及畫面的呈現應用,讓讀者去習慣開發上面除了寫 code 把功能做出來以外,還有很多包括 i18n、API 的規劃、又或是資料格式處理等等需要注意的事情,後期就是有關專案優化還有向下相容等內容, 雖然還有交錯一些其他時期的內容,不過大體上面的規劃差不多就是這樣。

> 之後的計畫

這次鐵人賽結束我想我暫時不會這麼長時間的寫文章,可能會休息一下XD,不過我目前規劃了關於我鐵人賽主體的導讀直播,主要就是帶大家來看這次我每篇鐵人賽的文章,怕大家看文字會很累,之後也會繼續規劃其他新課程給大家知道。

> 最後

如果喜歡這次鐵人賽的文章請幫我每篇按下like (才30篇而已,不多啦),也幫我多多分享給出去給更多人知道,你們的支持是我繼續分享的動力。

> 還沒有加入的趕快加入我的官方帳號

之後的直播還有課程你都可以的第一手收到消息。

QRcode

那如果對於Vue3不夠熟的話呢?

Ps. 購買的時候請登入或註冊該平台的會員,然後再使用下面連結進入網站點擊「立即購課」,這樣才可以讓我獲得更多的課程分潤,還可以幫助我完成更多豐富的內容給各位。

我有開設了一堂專門針對Vue3從零開始教學的課程,如果你覺得不錯的話,可以購買我課程來學習
https://hiskio.com/bundles/9WwPNYRpz?s=tc

那如果對於JS基礎不熟的朋友,我也有開設JS的入門課程,可以參考這個課程
https://hiskio.com/bundles/b9Rovqy7z?s=tc

訂閱Mike的頻道享受精彩的教學與分享

Mike 的 Youtube 頻道
Mike的medium
MIke 的官方 line 帳號,好友搜尋 @mike_cheng


上一篇
[重構倒數第01天] - Vue的表單自動暫存
下一篇
[專案上線第01天] - 新來的主管說要寫 Vue Test Utils 單元測試
系列文
[ 重構倒數30天,你的網站不Vue白不Vue ] 32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
zhix6842
iT邦新手 5 級 ‧ 2021-11-14 15:47:16

這系列寫超好!

Mike iT邦新手 3 級 ‧ 2021-11-17 15:06:55 檢舉

謝謝支持

我要留言

立即登入留言