Vue.js 3.x 與 Pinia 前端課程,讓我學會派得上用場的技術


王泉富
學員分享
Vue.js 3.x 與 Pinia 前端課程,讓我學會派得上用場的技術

認識 Kuro 老師的契機

初識 Kuro,應該是在 2022 Laravel x Vue conf 的第一天,當時 Kuro 示範了如何使用 Vue 開發一個仿 trello 的功能實作,當時還算是初學 Vue 的我,在還不了解 Vue 2、Vue3 差異,甚至沒碰過 Vue composition API 狀態下就參與這場前端盛宴,有種越級打怪的強烈感受。

那時,在 Kuro 講解的過程,我偷偷觀望四周,感覺身邊的人蓄勢待發,對於 Kuro 的講解是輕而易舉的明白箇中奧妙,但當時的示範對我來說早已超出理解範圍...

「寫到這有沒有問題?」台上的 Kuro 告一個小段落時對大家提問。

想當然爾,依台灣人的個性,台下的人通常是鴉雀無聲,更何況是在這樣的場合之下。這時,Kuro 後續的講解令我特別注意,他並沒有因為無人反應而繼續後續的內容,反而開始解釋起「他認為應該會有人有疑惑的部分」以及「開發過程應該特別注意的細節」。原本以為這只是那部分比較重要,才特別提點,殊不知在後續的內容,Kuro 在每個停頓點,幾乎都會特別講解一些要點細節。就這麼不知不覺,到了表定結束的時間,工作人員進門提醒 Kuro 差不多該告一段落,只見老師注意一下時間,緊張的回覆說:「再給我 30 分鐘好嗎?我要把這段講完!」

當時就在想,Kuro 真的是一位很認真的講者,如果有機會請 Kuro 教授 Vue,不知該有多好。那時大概不會想到,這個願望將會在不久的將來在五倍學院實現!

報名 Vue.js 3.x 與 Pinia 前端開發實戰

終於來到五倍學院親自跟老師學技術,Kuro 老師在五倍開的課程是 Vue.js 3.x 與 Pinia 前端開發實戰,第一天的課堂上 Kuro 老師就告訴同學:「我講解到任何地方,如果同學有問題,隨時都可以打斷發問,課程中或回家也可以隨時在社群留下問題,我看到的話都會回」。

因為這樣的開場,我也就很不客氣的想到什麼問題就提出,在每次的提問過程,總能從 Kuro 閃閃發亮的眼神,感受到 Kuro 真的是一位很樂意的學生解決疑惑的老師。

上課的期間之外,在家練習 coding 的過程如果有疑惑,只要丟到社群詢問老師,幾乎都能在一天之內得到老師的回覆。而發問的問題甚至不限於上課的範疇,提出工作上的問題或是前端相關的知識,也都能從 Kuro 老師身上得到實用的答案。

Discord 群組討論

上課教得比預期的還深跟多,完全物超所值

在上課的過程中,Kuro 老師總是能意識到同學會在哪個主題上卡關,每當有這樣的情景,老師一定會放慢講解速度,並且「非常」仔細得拆解程式運作步驟。資料會從哪裡進來、哪裡出去?哪個變數是自己命名?這類初學者常卡關的部分,基本上老師都會特別講解。甚至有時候,同學自己可能還不知道會有雷的地方,老師也都會重點提醒,耳提面命希望同學遇到需求的時候別被雷到。

由於上課的內容正好是工作上實際會派上用場的技術 (Vue.js),有開發經驗的人應該都知道,程式課程的內容基本只會傳授開發「原則」,當真的上了「戰場」,往往會遇到「原則」之外的事情。

像是說,我們透過 Vue 開發應用程式,能夠很方便的完成那些透過原生 JavaScript 開發會很繁雜的資料操作,但如果客戶在意的不是這些資料需求,而是希望他的網頁在手機瀏覽時能使用「手勢」控制畫面呢?確實這並不是 Vue 所能處理或說擅長的事情,以至於我拋出這個問題的當下,有些擔心老師會不會因為這是 Vue 之外的事情,而簡單的帶過?想不到的是,老師為了這個議題刻意更新了他原本預計的授課內容,特別示範如果 Vue 無法完成,那我們有辦法怎麼去達到需求,在這個議題講解完的那個當下,身邊的同學看起來也因為多學到一個技巧而感到興奮!

線上社群,保固我的學習

又有一次,工作上遇到了想使用 vite 框架設定 proxy 的需求,爬了好多文章就是無法設定成功,再次把問題透過社群詢問老師,但在老師提供範例、說明完之後,我花了好幾個小時還是遇到了相同的錯誤,硬著頭皮一次又一次的把程式碼、錯誤訊息貼給老師,過程中老師沒有一絲絲的不耐煩,反倒是把我的問題當成他的問題一樣,一步步幫我分析可能出錯的地方,在與老師不斷試錯的過程,最終找到根本的原因。

「啊!我知道了!你等我!」Kuro 老師拋下這句話,視窗持續顯示 Kruo 正在輸入訊息。
「我好像也知道了OAO!!,我試著先完成你給的範例,比對出錯誤問題了!」
「XD」

看起來Kuro老師把原本想解惑的內容刪了,留下了笑臉表情。

在那個當下,即使只是透過訊息對話,感覺像是面對面一起完成任務、解決問題後的那樣相識一笑。

只能說,能認識像 Kuro 這樣的一位老師,真的是一件很幸福的事情!

👩‍🏫 課務小幫手:

✨ 想掌握 Vue.js 觀念和原理嗎? 我們近期也有開設 Vue.js 3.x 與 Pinia 前端開發實戰課程喔!