課程介紹
-
購課人數
426 人 -
課程時數
8小時 -
課程級別
中階 -
授課語言
JavaScript、Vue3
市面上線上第一堂 Nuxt3 中文教學課程,帶你從零到一踏入 Nuxt3 開發生態圈!
全新的開發體驗
- 安裝隨開即用
為開發人員和團隊設計出最直觀目錄結構來開發功能。 - 自動化繁瑣的動作
自動導入、代碼拆分、打字、縮小、打包生產等更多動作。 - 提供完善的 web 開發解決方案
資料抓取、狀態管理、router配置、cookie、錯誤處理、middleware 等等。
從事網頁開發工作的你,是否有遇到以下情況
- 想快速構建一個具有 SEO 效果的 Server Side Rendering 的網站?
- 許多功能、許多套件都不知道如何整合進去Nuxt3裡面?
- 或是每天都還在網路上搜尋 Nuxt3 的教學可始終看不懂嗎?
如果是這樣,那麼你就不能錯過這堂 Nuxt3 的課程!在這次課程中你將會學習到 Nuxt3 相關的核心概念,並了解如何使用 Nuxt3 所提供的功能,來開發一個 SSR 的 Vue 網頁。
Nuxt3 許多新的特點,我都將在這堂課毫無保留的傳授給你。
課程六大核心優勢
- Vue3 的進階使用方法
- 網站 SEO 的增強
- Nuxt3 各種新功能的詳細介紹
- 實際工作範例實作
- RESTful API 的開發與串接
- Vue、Vite、Nuxt 的核心團隊成員分享
Nuxt3 是一個基於 Vue 的 Server Side Rendering (SSR)框架。它可以幫助你快速構建服務端渲染的 Vue 應用程序,開箱及用、更新快速,是一款可用於各種專案上面的優秀框架。
本課程將帶你一步步的學習理解 Nuxt3 每個重要的功能,以及實際專案上面周邊技術的整合應用,更用實際開發會遇到的問題情境,來教你思考解決如何解決問題,你將會一步步的學習到資深工程師在開發專案時的經驗過程。
課程提供
- 本課程提供超過220頁的講義
- 大項目範例的程式碼
Nuxt3 主要功能包括
- Vue 3 和 Vite 支援
由於 Nuxt 3 是在 Vue 3 中開發的,你將能夠訪問到像 Composition API、增強的模組導入以及更好的整體應用程式速度等功能,Vite 支援包含在 Nuxt 3 中,並且它與 Nuxt 2 向後兼容。 - Server Side Rendering
可以在服務端渲染 Vue 的網站,提升網站 SEO效果。 - plugins 系統
一個豐富的 plugins 系統,可以幫助你輕鬆地擴展開發的功能。 - Serverless Functions 的整合
透過 Nitro 的幫助,我們可以更輕易的跟資料庫溝通,建構 RESTful API。 - 約定 Conventions
提高工程師的開發效率,讓你擺脫一些繁瑣且重複性的工作,體驗全新的開發體驗。 - Nitro Engine
Nuxt 3 提供了一個新的跨平台伺服器引擎,增加了 Nuxt 應用程式的全棧功能。Nitro 引擎還包括開箱即用的無伺服器功能,這使得將 API 集成到你的 Nuxt 應用程式變得更加輕鬆。
重磅消息,核心團隊成員帶來分享
我很榮幸宣布,本課程即將推出一個嶄新的章節,我們特別邀請了 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 處理 8. Nuxt3 DevTools
解決平常開發網站的痛點
- 網頁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 開發實踐
- Nuxt DevTools 的使用
課程包含:
- JavaScript 觀念
- Vue3 進階使用
- 大量且豐富的講義
- 所有的完成範例檔案
- 所有的練習範例檔案
- 各種學習資料整理
- 線上的練習 API
- API server 原始檔案
- 專屬的 FB 學習社團
- 專屬的 Discord 群組
- 老師的 Line 官方帳號