|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/graphql-with-node-react-apollo/
课程评论：没有评论
课程名称：使用 Node 和 React 的 GraphQL - 构建汽车租赁应用程序与 Apollo 课程概述：欢迎参加我们深入的课程，学习如何使用 GraphQL、Node.js、React 和 Apollo 构建现代 Web 应用程序！无论您是希望深入全栈开发的初学者，还是想提升技能的经验开发者，这门课程都旨在以清晰和有趣的方式引导您完成每一个步骤。 课程内容： 在本课程中，您将学习如何从零开始构建一个功能完整的汽车租赁应用程序。我们将从基础知识开始，逐步设置环境、定义数据模型，并集成如 Apollo Client 和 Apollo Server 等强大工具。 您将学习到的内容包括： - **了解 GraphQL**：了解什么是 GraphQL，它与 REST 的不同之处，以及它为何是现代 API 的游戏规则改变者。 - **构建租赁应用程序**：创建项目，连接 MongoDB，并集成 Apollo Server，定义汽车架构和解析器以管理汽车数据。 - **管理汽车资源**：构建、读取、更新和删除汽车数据，并学习如何使用示例数据填充数据库。 - **前后端共享资源**：设置一个可在前后端共用的包。 - **实时预订通知**：使用 GraphQL 订阅和 WebSocket 向管理员发送实时预订通知。 - **开发 React 前端**：设置您的 React 应用，集成 ShadCN 以实现优雅的用户界面，并与 Apollo Client 连接。 - **集成 Google Maps**：集成 Google 地图以实现基于位置的功能，包括自动完成和地图渲染。 - **高级功能**：实现搜索功能、过滤和分页，以及健壮的错误处理机制。 - **用户认证与授权**：构建用户认证，注册、登录和安全密码管理，集成 GraphQL Shield 进行授权。 - **用户个人资料管理**：允许用户更新个人资料和密码，上传头像，并集成 Cloudinary 进行图像存储。 - **开发汽车预订系统**：包括日期选择组件和与 Stripe 的支付集成，处理预订细节和生成发票。 - **用户评论管理**：创建和管理汽车评论，允许用户留言反馈和查看评分。 - **管理面板**：构建一个管理员仪表板来管理汽车、预订、用户和评论，增加处理常见问题和优惠码的功能。 - **部署**：学习如何准备和部署应用程序。 为什么选择报名？ - **动手实践**：从开始到结束构建一个真实世界的租赁应用程序。 - **全面覆盖**：涵盖开发的每个方面，从环境设置到应用程序部署。 - **引人入胜的内容**：跟随清晰易懂的说明和实际示例。 - **未来技能**：掌握 GraphQL、Node.js 和 React，这些都是当今高需求的技术。 加入我们，通过实践和动手学习来提升您的开发技能！
Welcome to our in-depth course on building modern web applications using GraphQL with Node.js, React and Apollo! Whether you're a beginner looking to dive into full-stack development or an experienced developer aiming to enhance your skills, this course is designed to guide you through every step of the process in a clear and engaging way.Course Overview:In this course, you'll learn how to build a fully functional car rental application from scratch. We'll start with the basics and work our way through setting up your environment, defining your data models, and integrating powerful tools like Apollo Client and Apollo Server.What You'll Learn:Understanding GraphQLDiscover what GraphQL is, how it differs from REST, and why it's such a game-changer for modern APIs. Get hands-on with Apollo Client and Apollo Server.Building the Go Rental ApplicationCreate your project, connect to MongoDB, and integrate Apollo Server.Define your Car schema and resolvers to manage car data.Managing Car ResourcesBuild, read, update, and delete car data. Learn how to seed your database with sample data.Shared Resources among Frontend & BackendSet up a shared package that can be used on the frontend and backend after installation.Real-Time Booking NotificationsSend real-time booking notifications to admin with GraphQL Subscripts & WebsocketsDeveloping the React FrontendSet up your React application, integrate ShadCN for a sleek UI, and connect it with Apollo Client.Render car data, handle images, and build a responsive UI with components like loaders and headers. Integrating Google MapsIntegrate Google Maps for location-based features, including auto-complete and map rendering.Enable users to search for cars based on location and available dates.Advanced Features: Search, Pagination, and FiltersImplement search functionality, filters, and pagination both on the backend and frontend.Error HandlingCreate robust error-handling mechanisms for both backend and frontend, including user-friendly notifications and alerts.Authentication and AuthorizationBuild user authentication with registration, login, and secure password management.Integrate GraphQL Shield for authorization to control access to different parts of your app.User Profile ManagementAllow users to update their profiles and passwords, upload avatars, and integrate Cloudinary for image storage.Implement a secure process for users to recover their passwords.Car Booking SystemDevelop a car booking system, including a date picker component and payment integration with Stripe.Handle booking details, and updates, and generate invoices.Handling User ReviewsCreate and manage car reviews, allowing users to leave feedback and view ratings.Admin PanelBuild an admin dashboard to manage cars, bookings, users, and reviews.Add features for handling FAQs and coupon codes to enhance the app's functionality.DeploymentLearn how to prepare your application for deployment and deploy it on Render.Why Enroll?Hands-On Experience: Build a real-world rental application from start to finish.Comprehensive Coverage: Cover every aspect of development, from setting up your environment to deploying your app.Engaging Content: Follow clear, easy-to-understand instructions with practical examples.Future-Proof Skills: Master GraphQL, Node.js, and React - technologies in high demand today.Join us in this course and transform your development skills with practical, hands-on learning!
