聯繫我們

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

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

你曾經遇到以下狀況嗎? 買了 Vue.js 的線上課程或書籍,卻一直沒有時間看完嗎? 即使有了 Vue.js 的開發經驗,但也沒有機會確認自己是否觀念正確。 想要知道資深的 Vue.js 工程師是如何透過框架優化團隊合作流程。 想要在短時間內扎實的學好 Vue.js 核心觀念,應用在工作中! 自學 Vue.js 卡關、更多觀念想釐清? 想讓團隊內導入前端框架,卻擔心導入摩擦力過高、學習成本過高嗎?

現在報名只要 NT$10,800
  • 線上補課
  • 結業證書

講師介紹

使用者大頭貼

Kuro Hsu

業界資深前端開發者,為臺灣各大型技術研討會 JSDC、WebConf、MOPCON、COSCUP 的知名講者。
於 2019 年出版「0 陷阱!0 誤解!8 天重新認識 JavaScript!」,攻佔各大技術書籍排行榜。
同時身兼 Vue.js Taiwan 社群主辦人,主辦的活動場場秒殺一票難求,衍伸開發的週邊商品精緻實用,譽為被程式耽誤的週邊商品業者。

適合對象

✨ 想要打好 Vue.js 核心觀念的人:

有過 Vue.js 開發經驗但一直沒有機會好好釐清他的運作邏輯,那你該來聽 Kuro 老師生動地講解,打好地基後讓開發更得心應手!

✨ 還未接觸過前端框架的網站開發者:

Vue.js 是公認新手友善、國內外開發文件及生態圈龐大的前端框架。讓 Vue.js 做為你學習的第一個前端框架完全適合!

✨ 已經有接觸過 React 或 Angular 的開發者想要 Get Vue.js :

想要了解 Vue.js 和其他的前端框架的差異嗎?在這堂課點滿你的前端技能。

課程特色

你是否曾在開發時遇到 Vue.js 的問題,然後上網查、社群發文求助、看書、看線上課程來試圖解決;
隨著這樣的經驗越來越累積的零碎學習,也難免擔心自己的觀念是否有正確?
買了線上課程、書籍但一直沒有時間好好的學習 Vue.js。
抑或是你曾拜讀過 Vue.js Taiwan 社群版主 Kuro 老師的書?👉  重新認識 Vue.js:008 天絕對看不完的 Vue.js 3 指南 卻還是對書中的某些觀念還有點不了解,想要抓著作者問清楚!?

往前端工程師之路發展時,求職一定會遇到公司要求會一個以上的前端框架。

你是否也在煩惱應該學習哪一個前端框架呢?
🧑‍💻 如果你是..

🔸 自學過一點 Vue.js 的新手前端工程師

🔸 還未接觸過前端框架的朋友

🔸 有一點 Vue.js 開發經驗,但還不熟悉 Vue.js

如果你有以上情境,這門課都可以幫助你有系統的學習 Vue.js ,拓展你的前端開發能力!

💡 課程提醒,這堂課不會教: HTML/CSS、JavaScript
1. 這門課不會解釋切版如 HTML/CSS 、 JavaScript 基礎知識等。

  1. 如果你尚未有這些知識,歡迎參考我們的課程: 網頁前端設計女性專班JavaScript / jQuery 前端開發入門實戰 這門課著重 Vue.js 課程的核心理念與實際應用, Kuro 老師將會示範各個 Vue.js 原理、小作業。

📗 Vue.js 的核心運作原理:
Vue.js 的如何運作、有哪些黑魔法?
Vue.js 的元件的生命週期的更新機制是什麼?
Vue.js 事件處理 v-on 在綁定時有哪些細節?
為什麼明明資料變更了網頁畫面卻不會更新?

📗 Pinia 狀態管理:
開發跨元件管理狀態時需要留意什麼?
為什麼不建議用 EventBus、Vuex 或 Provide/Inject ,需要改用 Pinia ?

📗 Vue.js Composition API 使用介紹:
Composition API 是 Vue3 的重要功能之一,它和 Vue2 Options API 差異是什麼呢?
Composition API 帶來什麼好處? 幫助 Vue 開發者解決哪些問題呢?

這些問題在課堂上都帶你抽絲剝繭一一解答!

📗 Vite 專案建立介紹:
有了前面的 Vue.js 核心介紹後,Kuro 老師將分享如何使用 Vite 快速建立專案。
最後,透過課堂練習帶你使用目前主流的 Vue 3 、 Vite 與 Tailwind CSS 仿製一個 Trello 應用。

📗 Monorepo 的專案架構解析:
聽說 Vue.js 只能開發中小型專案?不是的!
透過 Monorepo 架構,讓你在跨團隊的專案更好管理,也能更容易地將 Vue.js 共用元件、函式庫分享給其他團隊成員使用。

課程章節

Vue.js 3.x 基礎

  • Vue.js 如何控制網頁元素
  • 透過 vite 建置開發環境與打包
  • Setup 與 Composition API
  • Vue.js 元件
  • 模板、指令與生命週期

Vue.js 元件拆解

  • 元件間的溝通傳遞
  • 動態元件的控制與管理
  • slot 插槽
  • transition 漸變與動畫

Vue.js 開發生態圈

  • 跨元件的狀態管理: Vuex / Pinia
  • 前端路由管理: Vue Router
  • Vue.js 如何與第三方函式庫整合協作
  • Vue.js 2.x 與 3.x 升級指引

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

課程類別 前端課程

近期開課時間

優惠價

NT$10,800

組團報名享折扣

  • 兩人同行 或 一次購買 2 堂課,享 9 折優惠
  • 三人同行 或 一次購買 3 堂課,享 85 折優惠
更多團報或課程諮詢請洽
02-2331-5247

上過課的同學怎麼說︖

我非常喜歡 Kuro 老師的教學節奏和口條。我是個反應不是很好的人,他的節奏雖不是很慢,但配合著他的教學口條,卻讓我沉浸在他的授課內容中而慢慢變強卻不自知。講師能力強的人很多,但會教的並不多,非常感謝五倍開了這堂課,讓我可以在業界多混個幾年。

張君廉 / 奧斯卡

課程編排由淺至深,完整講述 Vue.js 框架概念與實務細節,隨堂實作與重點問答強化段落印象,課後回家作業協助學員掌握自身學習狀況,並可透過 Discord 與老師和同學交流與討論,對於學習之成效十分加分。

2021/07 月班 學員

課程脈絡清晰、範例眾多! 觀念建立清楚,讓學生能夠在課後自我充實, 並提供詢問管道,以後碰到問題不怕求助無門, 在有限的時間獲得無限收穫!

劉璞

可感受到 Kuro 老師傾囊相授,在已充實之課程內,盡可能將實務經驗或參考資料融入於課程之中,以期學員都可融會貫通。十分受用,獲益良多!

2021/07 月班 學員

在章節的配置上,我認為老師把該講的觀念跟學習的範疇都有教學.整體評價來說,我還是很推崇想要學習Vue 的可以去上老師開設的課程。

Noobmaster

Kuro 老師對於 Vue.js 的講解詳細清楚,先建立正確的邏輯思考,搭配實做的訓練幫助同學們快速上手。

王辰恩

覺得老師的教學很細緻, 有基礎也很適合上可以讓觀念更清楚, 作業設計也很用心 100分 ~~

2021/11 月班 學員

常見問題

問:實體課程退費機制為何?
答:五倍學院將依據台北市教育局的補習班退費規定進行退費。詳細說明請參照「常見問題」。

其他課程推薦