Contents
使用 Nuxt3 建構複雜且迷人的 Vue 應用程式。 Nuxt3 提供通用渲染、基於檔案的路由器和其他功能
從這 17 小時的課程,你會學到
- 了解 Nuxt 在 Vue 之上提供的附加功能,例如通用渲染、自動輸入和基於檔案的路由( routing )
- 利用 Nuxt 構建具有基於開發實踐的生產就緒應用程式
- 利用許多 Nuxt 3 可組合項,例如 useFetch、useAsyncData、useState 或 useMeta
- 使用基於檔案的方法實現路由
要求
- Vue 3 的基礎知識
- JavaScript 基礎
課程說明
這是市場上最全面的 Nuxt 3 課程。在建構六個真實世界專案的同時,你將了解 Nuxt 的許多令人難以置信的功能。對於每個新專案,我們將深入研究越來越先進的 Nuxt 3 概念。在完成本課程時,你可以自豪地標榜自己為 Nuxt 專家!
你會學到什麼
在介紹中,你將準確了解 Nuxt 是什麼以及它解決的問題。你將了解客戶端渲染並將其與通用渲染進行比較。
在第一個專案中,我們將通過使用組合 API 建構應用程式來更新你的 Vue 3 知識。我們還將了解 TypeScript 以及 Nuxt 如何處理組件。
在第二個專案中,我們將深入研究 Nuxt 生態系統。我們將了解基於檔案的路由、佈局和定義頁面元資料( metadata )。
在第三個專案中,我們將了解如何使用可組合物全局管理狀態。
在專案四中,我們將學習如何使用 useFetch 和 useAsyncData 發出 HTTP 請求。
在第五個專案中,我們將利用 Nuxt 的強大功能來建構我們自己的 REST API 並在客戶端中使用它。
最後,在第六個專案中,我們將把我們的應用程式與 Supabase 整合以利用它的身份驗證和 SQL 資料庫服務。
目標受眾
- 任何想要通過利用 NuxtJS 的力量來簡化 Vue 開發過程的人
- 任何想要建構通用渲染的 Web 應用程式的人
講師簡介
Laith Harb 軟體工程師
我是 Prodigy Education 的軟體工程師和 YouTube 的講師。 我通過我的教學視訊幫助了成千上萬的人學習技術。 我有超過 3 年的行業經驗,因此積累了大量的軟體開發知識。 我很高興成為你的下一位導師!
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy|按過“優惠連結”後到”報名參加課程“連結網頁做更新 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- Vue 相關線上課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
你必須登入才能發表留言。