你可能有疑問...
Vue 是屬於前端框架,主要著重在瀏覽器渲染,而有些做不到的事情(例如 SEO),就需要交由後端處理。
而 Nuxt 就是基於 Vue 的開發框架,讓你可以沿用 Vue 的知識來開發伺服器渲染的網站!
這意味網站的 HTML 在伺服器上生成,然後發送到瀏覽器。這可以提高 SEO 和初始載入速度。
Nuxt 是基於 Vue.js 的框架,因此大部分語法和結構都與 Vue.js 一致。這意味著 Vue 開發者可以輕鬆過渡到 Nuxt,而不需要學習全新的語言或框架。
Nuxt 是開源的企業可以免費使用,且 Nuxt 開源性質和龐大的社群支援,代表它受到大量開發者的檢驗,並具備足夠的安全性及可靠性。
就是要學 🤙
報名課程即可獲得課前預習,提早註冊直接贏在起跑點。
除了看老師 Live Coding,還能隨時在直播間發問,即時獲得解答!
每天一個小任務,無痛養成你的原子習慣
接近實戰的作業設計,另有提供解答給予做參考
提供作業討論頻道,讓同學們在頻道上皆能共學回覆
每週都有課程作業,提交後 3~7 天內獲得批改回饋
為期 5 週課程實戰陪跑,以漸進式授業學習方式,帶領學員掌握關鍵要點完成實戰作業,取得完課金牌證書。
W1
探索 Nuxt 專案的基本結構和命令,學習如何引入樣式並了解 client 與 server 的環境差異及應用,為後續深入學習奠定基礎。
# 課程關鍵字:Client Side 與 Server Side、環境建立、Nuxt 命令
W2
深入解析 Nuxt 路由配置,學習處理非同步方法以及狀態管理的運用時機,提升專案的靈活性與可維護性。
# 課程關鍵字:路由配置、useFetch、useAsyncData
W3
掌握 Nuxt 與 SEO 的最佳實踐,了解元件的使用,並學習登入驗證流程及 Cookie 和 Token 的管理,增強專案的安全性。
# 課程關鍵字:SEO、元件、登入驗證
W4
探索 Nuxt 與 Pinia 的整合,了解 Nuxt 與 Vue3 套件的整合方法,並學習自定義樣板語法的運用技巧,提高開發效率。
# 課程關鍵字:Pinia、Vue3 套件整合、自定義樣板語法
W5
學習 Nuxt 環境的進階設定,掌握開發工具與除錯方法,並了解 Render 部署技巧,為專案交付做好準備。
# 課程關鍵字:Nuxt 進階設定、除錯方法、Render 部署
Final
時間花在刀口上,減少自行摸索時間
每日、主線程式任務設計,每天成長看得見
各路大神齊聚一堂,看到資深工程師 Coding 習慣,提升開發視野
完課可獲得金牌證書
旅館訂房網:享樂酒店
本次特別邀請到業界講者來一同分享,課程導師 卡斯伯 將會帶領同學認識 Nuxt 以及引導課程流程。
特別嘉賓 資深前端工程師 Mike 則會火力全開分享 Nuxt 的各項實戰運用。
本門課程適合具備 Vue 開發經驗的開發者:
具備 Vue 3 的開發經驗
對於 Vue Composition API 有實作經驗者
專案需要使用 Server Side Render 的開發者
五週帶你做出 Server Side Render(伺服器渲染)作品,成為 Nuxt 實戰小能手。
組合包含