Vue3 專業職人 | 進階篇

第 1 步：理解 Nuxt.js 開發 SSR 的原理，了解跟 Vue-Cli 之間的差別

• 快速從 SPA 晉升到 SSR 開發，瞭解 NUXT.js 的 SSR 實作原理，學會組件的資料處理及渲染方式。
• 瞭解 Nuxt.js 如何自動產生路由頁面，並進行 Nuxt.config 的設定，製作出完整網站。
• 統整 NUXT.js 的實戰踩雷紀錄，使用 NUXT.js 時更順暢。

第 2 步：開發自己的 Nuxt.js 套件，讓工作省時省力

• 瞭解如何規劃與管理 Nuxt 的 Vuex 的資料架構。
• 瞭解如何 高效 debug，並學會整合第三方套件，並利用本地整合 https 憑證進行開發。
• 培養獨立撰寫 Vue、Nuxt 套件，並整合到專案中的能力。

第 3 步：學會大型網站(SSR) 的資料管理流，能夠規劃出在 api 的整合方式

• 學習 RESTful API 的整合規劃。
• 並提點 Nuxt.js 的實用開發技巧，讓你領略前端串接後端的美好。
  
• 瞭解每個 SSR 網站架構的重點，讓你具備獨立開發大型網站 (SSR) 的能力。

📌小知識：Nuxt.js 是什麼？

Nuxt.js 是連接前端 client 跟後端 server ，實作 SSR 架構 (server side rendering) 網站最重要的框架。

📌小知識：SSR 是什麼？

SSR (Server Side Rendering)，指的是當使用者進來的第一個頁面由 Server side render，之後的操作還是由 Client side render 來處理。使用者無論是在 SSR 網站或是 SPA 網站上，都能享受到不用換頁的方便體驗。但對於網路爬蟲來說，他卻可以爬到在 SSR 網站後台上的資料 (SPA 會是空的)。

可以說，SSR 跟 SPA 最大的不同，就是SSR能夠有效解決 SEO 的問題！

因此，SSR 的應用面比 SPA 更廣，技術需求也更深。

對互動技術與網頁前端抱持者極大興趣的開發者，擅長處理前端用戶界面和數據之間的互動，提升用戶體驗，我熱愛分享和教學，我擁有超過500小時以上的授課經驗。我還在各個大專院校和機構擔任前端講師。累積多年實務與教學經驗，熱愛分享自己所見所學的技術，與幫助學生解決觀念與工作上碰到的難解問題。

 Q：Vue3 都還沒Release ，課程會不會有版本不適用問題？

不用擔心，課程內容將以「官方正式版本」為準，講師也會用心更新課程影片，等於是讓你買下一堂終身受用的課程！

 Q：我的專案想升級成 3.0 該怎麼辦，要大改嗎？

Vue 的開發團隊將同時支援 3.0 API 和 2.x 所有選項；也就是說 3.0 中還是可以使用 2.x 的 API。

 Q：沒有程式基礎可以直接學習 Vue 嗎？ 

Vue 是 JavaScript 開發框架，會需要先學習 JavaScript 才能上手！如果沒有 JS 基礎的學員，可以先上 Mike 老師的現代 JavaScript 職人之路喲！

 Q：如果我沒有學過 Vue 2 ，可以直接學 vue 3 嗎？ 

可以喔！因為這門課程是從基礎開始，因此沒有學過Vue 2 的人直接來這裡學習Vue 3 也沒問題喔！