fbpx

使用 Next.js 和 Apollo 開發的應用程式作品組合課程 (w/ React, GraphQL, Node)

Contents

使用 Next.js(Next 9+) / React ,後端使用 Apollo + Node.js 來學習 GraphQL 和 Apollo!建立一個快速的應用程式作品組合

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

  • 使用 Next JS、 Apollo 和 Node 開發真實世界的 web 應用程式
  • 使用市場上最需要的框架建立你自己的應用程式作品組合
  • 充分掌握 GraphQL 的強大功能
  • 在激動人心的 Next 和 React Web 開發環境中立足

要求

  • 基本的 React JS
  • HTML 和 CSS 基礎,但不是必要

課程說明

什麼是 GraphQL?

GraphQL 是用於 API 的查詢語言,也是用於使用為資料定義的型別系統執行查詢的伺服器端 runtime。 GraphQL 不繫結到任何特定的資料庫或儲存引擎,而是由你現有的程式碼和資料支援。

Apollo 是什麼?

Apollo 是業界標準的 GraphQL 實現,提供了將現代應用程式連線到雲端的資料圖層。 Apollo 將處理現成的資料獲取、快取和狀態管理!

什麼是 Next.js?

Next.js 是 React 框架,為伺服器端渲染(SSR)應用程式提供架構和簡單的開發體驗。

  • 一個直覺基於頁面的路由系統(支援動態路由)
  • 預渲染,靜態生成(SSG)和伺服器端渲染(SSR)都在每頁的基礎上得到支援

我們要建構什麼?

我們將主要工作在作品組合功能。 你將學習如何使用 Apollo 和 GraphQL 管理客戶端和伺服器上的資料。 資料將儲存在 Mongo Atlas 資料庫中,我們將通過 Node.JS 伺服器與之通訊。 我們將建立一個功能來建立一個作品組合,我將解釋如何輕鬆地管理表單。 然後,我們將介紹一個更新功能,其中我將向你展示如何使用現有資料輸入。 之後將工作於一個刪除功能。 所有的功能都是反應式的,可以即時更新 view。 你將通過 Apollo 學習資料獲取和資料變換的基礎知識。

我們將要研究的另一個重要特性是基於 session 的身份驗證。 我們將準備登入和登錄表格。 使用者將能夠註冊,登入和經驗功能只為身份驗證的使用者。 你將學習如何管理 session,如何保護頁面,以及如何通過應用程式管理身份驗證狀態。

論壇功能將是最大的一個。 你將學習如何建立一個由主題和帖子組成的充分可運作的論壇。 我們將整合一個元件,將用於主題和發文的建立。 使用者可以建立各種主題、帖子,也可以回覆其他帖子,所有這些都可以即時更新,而且可以跨瀏覽器更新。 之後,你將學習如何建立一個完全運作的分頁!

在後面的課程中,我們將建立一些功能來獲得主頁的隨機資料,我將討論可重用性。 我們將完成簡歷頁面,我們將開始部署。 在所有的營運改善將被應用後,我們將部署我們的應用程式到 heroku,以便任何人在網際網路上可以訪問我們的作品組合。

目標受眾

  • 對 Next JS、 GraphQL、 Apollo 感興趣的經驗豐富的開發人員
  • 這門課程是為那些渴望使用現代技術堆疊建立應用程式的人開設的

講師簡介

Filip Jerga 軟體工程師 ( 更多講師主講課程介紹 )

我的名字是 Filip Jerga。 我是一名軟體工程師,目前擔任自由開發人員。 我擁有人工智慧碩士學位,多年來我從事過各種專案和技術的工作,從開發 C ++ 超音波設備軟體到在 React 和 Angular 等現代框架中製作行動應用程式。

在我的職涯中,我匯集了足夠的經驗,能夠與許許多多人分享。 我正在投入大量細節和精力,以最簡單易懂的方式解釋問題和程式設計的主題。

英文字幕:有

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

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


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


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

報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: