|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/complete-react-graphql-nodejs-mongodb-for-both-frontend-and-backend/
课程评论：没有评论
**課程名稱：** 整合 React、GraphQL、MongoDB 前後端開發實戰 **課程概述：** 本課程旨在教授學員如何在一站式專案中實現 GraphQL、React、Express、NodeJS 和 MongoDB 的整合應用。 **課程特色與學習價值：** * **GraphQL 核心優勢：** 深入理解 GraphQL 相較於 REST API 的優勢，特別是客戶端能精準獲取所需數據，擺脫固定回應結構的限制，實現數據獲取的靈活性與自主性。 * **ReactJS 的廣泛應用：** 探討 Facebook、Netflix、Airbnb 等眾多知名公司選擇 ReactJS 的原因，強調其作為高質量前端開發工具的價值。 * **NodeJS 伺服器端能力：** 學習 NodeJS 在伺服器端的強大之處，包括處理大量併發連接、非阻塞I/O，以及作為服務代理、聚合多源數據的應用。 * **實戰專案：Todo App 開發：** 透過建構 Todo 應用程式，學員將全面掌握 CRUD (Create, Read, Update, Delete) 操作的實現，這對於開發社交媒體等各式應用至關重要。 **課程學習內容詳解：** **伺服器端：** * 建置 NodeJS 伺服器，安裝 Express 等必要框架及依賴。 * 學習定義 GraphQL 的 `typedefs`（類型定義）和 `resolvers`（解析器）。 * 使用 Mongoose 進行 MongoDB 的模型設定與連接。 * 透過 GraphQL 實現數據抓取。 * 使用 GraphQL Mutations 進行數據創建（新增 Todo）。 * 通過 GraphQL Queries 獲取單一數據（查詢 Todo）。 * 使用 GraphQL Mutations 實現數據刪除（刪除 Todo）。 * 使用 GraphQL Mutations 實現數據更新（修改 Todo）。 **客戶端：** * 創建 React 應用並整合 Bootstrap。 * 安裝 GraphQL 相關套件，並進行客製化 CSS 設計。 * 利用 Bootstrap 的 List Group 組件呈現待辦事項。 * 安裝 Apollo Client，用於與 GraphQL 伺服器互動。 * 編寫 GraphQL Queries 和 Mutations。 * 渲染 Todo 列表。 * 將 UI 邏輯提取為 React 組件。 * 實作新增 Todo 的功能。 * 實現刪除特定 Todo 的功能。 * 利用 `useRef` 定義引用，並透過 `useContext` 實現選中 Todo ID 的狀態管理。 * 根據選中的 ID 動態改變 UI 樣式。 * 實現更新 Todo 資料的功能。 * 獲取單一 Todo 數據，並進行 Bug 修復。 **課程亮點：** 本課程是市場上最新、最富娛樂性的 GraphQL 課程之一，並享有 Udemy 30 天退款保證。
Do you want to learn to implement GraphQL, React, Express, NodeJS and MongoDB in one project?Why we need GraphQL?The fact that clients can receive exactly the data they need from the API is frequently mentioned as a major benefit of GraphQL by developers. They are no longer reliant on REST endpoints that return predetermined and inflexible data structures. Instead, the client has control over the shape of the API response objects.Why choose ReactJS?Facebook, Dropbox, Khan Academy, CodeAcademy, Netflix, Airbnb, PayPal, Walmart, Tesla Motors, IMDb, and more well-known companies and startups use React. React is used in a slew of well-known apps.Why is this technology being used by so many excellent companies and startups? The answer is that it is unquestionably a high-quality frontend development tool.Given that React is used by such well-known organizations as Facebook and PayPal, it must be a very helpful library.Why learn NodeJS?Node. js may easily be used as a server-side proxy, handling a huge number of concurrent connections in a non-blocking manner. It's particularly handy for proxying various services with varying response times or collecting data from multiple sources.What we will learn inside in this course?We will create a Todo app which level up your skill on creating a CRUD app which is useful for building almost different types of app like social media app, which also need to know how to implement CRUD operations.We will walk throughAt the server sideCreate NodeJS server and install necessary framework like Express and other dependenciesCreate typedefs and resolvers filesMongoose and Model SetupConnecting to MongoDBFetch data with graphqlCreate data(todo) using MutationsFetch a single data with QueryDelete a todo with MutationsUpdate the data with MutationsAt client sideCreate react app and add bootstrapInstall graphql and add custom CSSAdd Bootstrap list groupInstall Apollo clientCreate graphql query and mutationRender todosExtract React componentsCreate a new todoDelete specific todousing useRef to define areause Context to store the selected IdChange UI according to selected idUpdate todoGet single todo and fix bugsIt's the most up-to-date and entertaining GraphQL course on the market, and it's backed by a 30-day Udemy money-back guarantee.
