課程介紹
-
購課人數
284 人 -
預計時數
5小時以上 -
課程級別
中階 -
授課語言
javascript
市面上線上第一堂 Nuxt3 中文教學課程,帶你從零到一踏入 Nuxt3 開發生態圈!
全新的開發體驗
- 安裝隨開即用
為開發人員和團隊設計出最直觀目錄結構來開發功能。 - 自動化繁瑣的動作
自動導入、代碼拆分、打字、縮小、打包生產等更多動作。 - 提供完善的 web 開發解決方案
資料抓取、狀態管理、router配置、cookie、錯誤處理、middleware 等等。
從事網頁開發工作的你,是否有遇到以下情況
- 想快速構建一個具有 SEO 效果的 Server Side Rendering 的網站?
- 許多功能、許多套件都不知道如何整合進去Nuxt3裡面?
- 或是每天都還在網路上搜尋 Nuxt3 的教學可始終看不懂嗎?
如果是這樣,那麼你就不能錯過這堂 Nuxt3 的課程!在這次課程中你將會學習到 Nuxt3 相關的核心概念,並了解如何使用 Nuxt3 所提供的功能,來開發一個 SSR 的 Vue 網頁。
Nuxt3 許多新的特點,像是 auto router、自定義 plugins、auto import 、程式碼分割、撰寫 RESTfull API、middleware 等等功能,我都將在這堂課毫無保留的傳授給你。
課程五大核心優勢
- Vue3 的進階使用方法
- 網站 SEO 的增強
- Nuxt3 各種新功能的詳細介紹
- 實際工作範例實作
- RESTful API 的開發與串接
Nuxt3 是一個基於 Vue 的 Server Side Rendering (SSR)框架。它可以幫助你快速構建服務端渲染的 Vue 應用程序,開箱及用、更新快速,是一款可用於各種專案上面的優秀框架。
本課程將帶你一步步的學習理解 Nuxt3 每個重要的功能,以及實際專案上面周邊技術的整合應用,更用實際開發會遇到的問題情境,來教你思考解決如何解決問題,你將會一步步的學習到資深工程師在開發專案時的經驗過程。
課程提供
- 本課程提供超過170頁的講義
- 大項目範例的程式碼
Nuxt3 主要功能包括
- 自動程式碼分割
自動分析應用程序的 router 配置,將所有 router 拆分成不同的程式碼區塊,有效利用瀏覽器的緩存機制,快速載入網頁呈現。 - Server Side Rendering
可以在服務端渲染 Vue 的網站,提升網站 SEO效果。 - 強大的 Router 功能
內建了 router 的功能,支持非同步處理、動態網址、嵌套 router 等進階功能。 - plugins 系統
一個豐富的 plugins 系統,可以幫助你輕鬆地擴展開發的功能。 - middleware API 的整合
透過 Nitro 的幫助,我們可以更輕易的跟資料庫溝通,建構 RESTful API。 - 自動引入模組
提高工程師的開發效率,讓你擺脫一些繁瑣且重複性的工作,體驗全新的開發體驗。
重磅消息,核心團隊成員帶來分享
我很榮幸宣布,本課程即將推出一個嶄新的章節,我們特別邀請了 Vue、Vite、Nuxt 的核心團隊成員 Anthony Fu,為我們帶來一個專門探討 Nuxt3 DevTools 的主題。在這個 30 ~ 50 分鐘的章節中,Anthony 會分享一些跟 Nuxt3 DevTools 相關的實用技巧和最佳實踐,讓你能夠更加深入地了解 Nuxt3 DevTools 相關的開發技巧。這是一個難得的學習機會,無論你是初學者還是有經驗的開發者,都能從中獲益良多。快來加入我們的課程,開始你的 Nuxt3 之旅吧!
本章節由 Anthony Fu 獨家授權,任何人或任何單位禁止轉載,其他的課程單元也是。
漸進式學習體驗
1. 專案結構解析 2. 基礎語法介紹 3. RESTful API 設計與串接 4. 實際案例實作 5. 開發邏輯訓練 6. 全域資料 Pinia 使用 7. 動態 Router 處理
解決平常開發網站的痛點
- 網頁SEO效果薄弱
只透過 Vite + Vue3 撰寫出來的網頁大部分都是屬於Client-Side Rendering,相對SEO來說比 Server-Side Rendering 的網頁來的差。 - 前後端API串接流程不熟悉
對於開發一個平台一個服務來說,跟後端串接API是不可或缺的一項技術,但是在Nuxt3的使用上有許多必須要知道的地方,這樣才可以設計你網站的資料流。 - 整合周邊技術經驗不足
我們在開發網站很多時候都會使用到第三方的套件以及服務,但是往往卻不知道怎麼有效率地在Nuxt3使用。 - 該如何選用技術
套件框架百百種,選擇一個適合專案的套件就變成一個很重要的學問,要如何兼容擴充性以及Nuxt3的相容性,變成開發者在開發的時候的選擇題。
誰適合學習 Nuxt3
Nuxt3 適合於需要開發 Server Side Rendering (SSR)Vue 網站的開發人員。
如果你需要構建一個 SEO 友好的網站,或者希望快速開發一個 Vue 的網站,那麼 Nuxt3 可能是一個很棒的選擇。
通過本課程的學習,你將獲得所有必要的知識和技能,成為一名 Nuxt3 高手,不要猶豫立即加入我的 Nuxt3 課程,開啟你的 Nuxt3 之旅吧!
過往課程評價
Mike老師曾經在數個課程平台開設過許多線上課程,累計了許多的學生,如果你是第一次認識 Mike老師的可以透過以下連結去看老師其他平台的課程的學生評價,你會更了解Mike老師對於學生的用心。
- Vue3 專業職人 | 入門篇 評價
- Vue3 專業職人 | 進階篇 評價
- 現代 JavaScript 職人之路|入門篇 評價
- 現代 JavaScript 職人之路|中階實戰篇 評價
- 職人必修的 RWD 網頁入門班 評價
上課前的注意事項
- 本課程使用 VScode 授課
- 本課程使用 Node v16.7.x 以上的版本
- 本課程需要有 Vue 開發經驗者為佳
- 不適合沒有寫過 Vue 的新手

你可以學到:
- Nuxt3 的架構規劃
- Nuxt3 開發專案上的訣竅
- 實踐 Nuxt3 開發專案上的實際應用
- Vue3 開發實踐
課程包含:
- JavaScript
- Vue3
- Nuxt3