|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/advanced-nextjs-woocommerce-with-rest-api-and-tailwindcss-2/
课程评论：没有评论
**课程名称：** 高级 Next.js WooCommerce REST API, TailwindCSS - 第二部分 **课程概述：** 本课程是“高级 Next.js WooCommerce REST API, TailwindCSS”系列的第二部分。建议学员在完成第一部分后继续学习。 **课程内容：** * **React 应用开发：** 使用 Next.js 框架创建 React 应用程序。 * **数据获取与渲染：** 利用 WordPress REST API 获取数据并在前端进行渲染。 * **WooCommerce 集成：** 课程将使用 WooCommerce WordPress 插件。 * **核心功能实现：** * 运行生产构建。 * 理解并实现“添加到购物车”API。 * 编写“添加到购物车”、“查看购物车”等函数的逻辑。 * 自定义 Tailwind CSS 配置。 * 使用 React Context API 管理购物车数据。 * **购物车特性：** * 添加到购物车（Add To Cart）。 * 获取购物车（Get Cart）。 * 更新购物车（Update Cart）。 * 删除购物车（Delete Cart）。 * **UI 优化：** * 将 Google 字体与 Tailwind CSS 进行静态集成。 * 创建购物车页面，展示所有商品（包括标题、描述、图片等）。 **技术重点：** 本课程强调了 WordPress REST API 的强大之处，尤其是在允许前端开发者结合 React 等 JavaScript 框架与 WordPress CMS 的能力方面。通过将 WordPress 作为 headless CMS 与 WooCommerce 结合，开发者可以摆脱传统的 WordPress PHP 视图，利用各种前端框架构建更具活力的网站和应用程序。 **目标受众：** 希望将 Next.js、WooCommerce 和 Tailwind CSS 结合，构建动态且功能丰富的 Web 应用程序的前端开发者。
This is part two of the course "Advanced NextJS WooCommerce With REST API And TailwindCSS"If you haven't already please complete the previous part of the course first. It's available under my courses.What this course will cover:How to create a react Application with next js framework.This uses the WordPress REST API to pull the data and render on the front-end.It uses the WooCommerce WordPress plugin.We will learn:Run a production buildUnderstanding Add to cart APIsWriting functions for Add To Cart, View cartCustomizing Tailwind configurationUsing React Context API to store the cart data.Add to Bag FeaturesAdd To CartGet CartUpdate Cart.Delete CartYou will also learn how to add static Google Fonts with Tailwind CSS.Creating cart page and displaying all the products with their title, description, product image etc.Every developer has something to say about WordPress, and it's not always flattering. Far from it. However, even its most avid detractors are forced to take notice of this feature, because it has already transformed the way we use the popular CMS.WordPress REST API is a huge step forward for frontend developers looking to combine the power of JavaScript frameworks like React (or Vue.js) with WordPress.This is exactly what I want to do today with this demo of the WordPress REST API in the work.WordPress can now be used as a headless CMS with WooCommerce.This offers a whole new world of possibilities for developers, as the frontend of WordPress doesn't need to be "WordPress"-PHP-generated views. The ever-growing number of frontend frameworks can now be hooked up to a WordPress backend to develop websites and applications.
