Vue.js 與 Pinia 前端開發實戰 - 學員課程心得


黃筠筑
學員分享
Vue.js 與 Pinia 前端開發實戰 - 學員課程心得

報名契機

寫程式很強的老師,未必就是一個很會教的老師,就好比學校老師跟補教名師的差別,記得以前在學校的時候,雖然教授很厲害,但很遺憾的就是沒遇到很會教的老師,所以在校時學習得不好,技術能力與經驗的欠缺讓我在工作上吃盡苦頭,所以常常在工作上或者工作之餘,遇到問題時就是要 Google 相關資料,或者上相關技術社群發文求助。由於學習到的知識相當零碎片段而不是一個有系統且循序漸進的完整知識,往往都是一知半解,事倍功半,大大減低了工作效率進而影響到工作績效,績效的優劣自然也影響到薪水。

後來選擇到五倍紅寶石專業程式教育機構的 Vue.js 3.x 與 Pinia 前端開發實戰課程,來補足技術上的基礎,而這次的課程老師是許國政 (Kuro老師),老師除了本身是一名程式設計師、技術社群參與者、前端程式設計課程、技術書籍作者之外,還身兼 Vue.js Taiwan 社群主辦人,對 Vue.js 程式圈是為極具有影響力和貢獻的人物,能有機會上到老師所開課的課程是與有榮焉的事情!

Vue.js 上課照片

不用擔心初次接觸Vue.js

在確定要報名該課程之前,我完全沒有接觸過 Vue.js,因為工作上的需要,主管讓我報名該課程,由於沒有接觸過此語言深怕上課時跟不上,還在課程開始前稍微惡補了一點基礎的概念並安裝好開發環境。

正式上課前,老師有特別告知學員需要安裝和建議安裝的開發及除錯套件,正式上課時從基礎概念並配合實例做教學,課程中也會安排實做,且老師會不斷巡視各學員的學習狀況,若有遇到問題也會立即協助學員,課後練習也讓學員更瞭解自身的學習狀況,且也能透過 Discord 與老師互動。對於第一次接觸該程式語言的人完全不用擔心跟不上的問題。

許國政 (Kuro老師) 不僅認真教學,表達能力也相當不錯,就算是初次接觸該語言的人也能一點就通,簡直就是補教名師級的人物,雖然補習是需要費用的,但上過課之後感覺非常超值,這些對自我能力的投資將來都能十倍奉還的,好比練功打怪一樣,手無寸鐵的上場很快就被打趴了,來五倍紅寶石專業程式教育機構練功好比配備更多精良的武器,不管是求職面試,或者是工作效率上都能大大加分,很快地就能從未來的收入上展現出來了,千萬別吝嗇於對自我技術上的投資。

Vue.js 課程封面

從 Vue.js 核心觀念開始打好基礎,將實戰練習應用在工作中

目前 Vue.js 已開始應用在工作專案上,最常使用的就是 v-for 列表渲染。如果要把一個陣列渲染到物件,我們最常使用的就是迴圈或 forEach 的方式將資料顯示於畫面上,在 Vue.js 裡要遍歷陣列的方法非常的簡單,大大的降低程式碼的撰寫,也增加程式的易讀性。

<q-chip v-for="units in unitOptions" :key="units.value" icon="local_library"
  :size="(unitSelected == units.label)?'15px':'14px'"
  :color="(unitSelected == units.label)?'orange-4':'orange'"
  :text-color="(unitSelected == units.label)?'black':'white'"
  :label="units.label"
  clickable v-model:selected="LineModel.Unit[units.value]"
  @click="actSetLineUnit(units.value, LineModel.COUNTRY);actGetLinesData()">
</q-chip>

完課後的收穫

初次在五倍紅寶石上課,感覺受益良多,而且發現其實報名上課的學生比我想像中的還要多呢,深深體會到自己所學的不足,學如逆水行舟,不進則退,看到別人都這麼認真的學習新技術我怎能偷懶對吧,未來若有機會仍會選擇五倍紅寶石來增進自己的專業能力。

👩‍🏫 課務小幫手:

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