fbpx

Next.js 和 React – 完整指南 (包括兩條路徑!)

Contents

本課程提供兩條路徑,:“完整路徑”(完整的 >20 小時課程)和“摘要路徑”(約 3 小時的摘要模組) ,可以讓學員學習使用 Next.js 建構營運就緒的全端 ReactJS 應用程式,並瞭解如何使用 NextJS 的預渲染、SSR、資料獲取、基於檔案的路由和認證等功能。

從這 25 小時的課程,你會學到

  • 學習所有關鍵的 NextJS 功能,如預渲染、SSR、資料獲取、基於檔案的路由和認證
  • 瞭解如何使用 NextJS 建構客戶端和全端 ReactJS 應用程式
  • 建構真實的專案,並透過實踐專案和範例應用所學知識
  • 如果你的時間有限,可以選擇完整的課程或 “NextJS Summary “模組快速入門

要求

  • 強烈建議學習ReactJS知識,但課程還包括一個完整的React進修模組
  • 不需要有NextJS的知識

課程說明

本課程有兩條路徑可供您選擇:“完整路徑”(完整的 >20 小時課程)和“摘要路徑”(約 3 小時的摘要模組) – 你可以選擇最適合你時間要求的路徑! 🙂

————————–

我建立了關於 React 的最暢銷的 Udemy 課程,現在我超級興奮地與你分享這門關於 NextJS 的課程–這是一門關於一個神奇的 React 框架的深入課程,它可以讓你作為一個 React 開發者邁出下一步,並使用 React 和 Next.js 建構真正的、可用於營運的專案!

Next.js 是 ReactJS 的營運就緒、全端能力的框架–這是你現在可以學習的最流行的 JavaScript 程式庫!

太多的流行語對你的口味?

很公平–但事實上,NextJS 是一個很好的選擇,可以讓你成長為一個 React 開發者,並讓你的 React 應用程式更上一層樓!

因為 NextJS 發展迅速,因此需求量很大。而這是有充分理由的。NextJS 允許你建構 React 應用程式,內建伺服器端渲染和頁面預渲染功能。建構出色的使用者體驗和搜尋引擎友好(SEO!)的 React 應用程式從來沒有這麼簡單過。

此外,NextJS 讓建構全端 React 應用程式(前端+後端程式碼結合在一個專案中)也變得極為簡單! 融合客戶端和伺服器端程式碼,並將基於 NodeJS 的 API 與你的前端 React 應用程式並排建構。有了NextJS,這簡直是輕而易舉!

想要新增驗證?NextJS 也簡化了這一點,讓使用者註冊、登入和 session管理變得非常方便。

本課程將帶你在短時間內從 NextJS 初學者到高階水平!

我們將從最基礎的知識開始,完全不需要NextJS的知識,然後我們將深入研究構成NextJS的所有核心功能。無論是在理論上,還是在多個真實專案中,所有的概念都會一步步被應用。

對於這門課程,你需要有基本的React知識,不過課程中確實有一個 “React複習 “模組,以防你距離上次使用React已經有一段時間了。

本課程還包括一個 “NextJS總結 “模組,讓你以後隨時可以回到課程中來複習知識,而不需要再次學習完整的課程。或者你只需要學習那個總結模組(而暫時跳過其他模組),就可以在儘可能短的時間內瞭解所有的核心功能。

完成本課程後,你將為從零開始構建自己的NextJS專案和申請NextJS職位做好充分準備!

詳細來說,本課程將包括

  • 什麼是NextJS?你為什麼要用它?
  • 為什麼只有React(在很多情況下)是不夠的?
  • 從零開始建立NextJS專案&瞭解這些專案。
  • 使用基於檔案的路由
  • 新增動態途徑和全能途徑
  • 實現不同形式的頁面預渲染和伺服器端渲染。
  • 使用資料,並在您的應用程式中新增資料獲取+預獲取功能
  • 預生成動態和靜態頁面
  • 在頁面中新增元資料等最佳化功能。
  • 使用NextJS影象元件最佳化影象
  • 使用API路由構建全棧應用
  • 使用React上下文管理整個應用程式的狀態(在NextJS應用程式中)。
  • 為NextJS應用程式新增身份驗證
  • 多個完整的應用程式,我們將在其中應用所有這些核心概念!
  • 一個完整的React.js複習模組(這樣我們就可以在同一頁面上學習了)
  • 一個NextJS的總結模組,讓你可以複習你所學的知識,或者只是快速探索核心功能。
  • 還有更多!

我迫不及待地想和你一起開始這段旅程! 🙂

目標受眾

  • 想要邁出下一步並建構營運就緒的 React 應用程式的 React 開發人員
  • 以建構全端 React 應用程式為目標的 React 開發人員。
  • 想要使用最流行和需求的技術堆疊之的一般的 Web 開發人員

講師簡介

Maximilian Schwarzmüller,專業網站開發人員和教練 ( 更多講師主講的課程介紹 )

擔任 Web 開發者的經驗

從13歲開始,我從來沒有停止學習新的程式設計技能和語言。早期我開始為朋友創建網站,也只是為了好玩。這種熱情已經持續,導致我決定作為一名自由網路開發人員和顧問。我在這份工作中取得的成功和樂趣是無與倫比的並且真的讓這種熱情繼續存在。

開始使用 PHP 與 Laravel,NodeJS 開發 Web 後端,我也像越來越多前端開發者在很多專案採用現代化的框架,例如 Angular 或是 VueJS 。我現在都愛這兩個不同的世界!

作為一個自學的開發者,我有機會透過學習工商管理碩士學位來拓寬我的視野。這使我能夠在一家大型策略顧問公司和一家銀行工作。在學習的時候,我喜歡這些領域的發展,在這個領域的時間大大提高了我的整體經驗和技能。

擔任教練的經驗

作為一名自學的專業人士,當學習新知識或改進已知程式語言時,我真的知道困難的部分和難題。這種背景和經驗使我能夠專注於最相關的關鍵概念和主題。我的許多 5 星級課程以及一個成功的 YouTube 頻道記錄是最好的證明。

無論是作為開發教練或教學工商管理我總是收到豐盛的回饋。最寶貴的經驗是看到學生找到新的、更好的工作,開發出很棒的 Web 應用程式,取得精彩的專案或在我課程的幫助下將技能變成嗜好享受。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化


🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結


  • 點選這個✨優惠連結 ,課程最低價 NT390 起( 登入後將看到 )
  • 辦公室生產力課程特價連結 
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣


不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

Comments are closed.

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: