了解如何使用 Shopify CLI、Liquid 和 TailwindCSS 为 Online Store 2.0（JSON 模板）创建 Shopify 主题

课程英文名：Shopify Theme Development Online Store 2.0 + TailwindCSS

此视频教程共4.77GB，中英双语字幕，画质清晰无水印，源码附件全

课程地址：https://xueshu.fun/1609
演示地址：https://www.udemy.com/course/shopify-theme-development-tailwindcss/

课程内容

你会学到什么

• 了解新的 Online Store 2.0 和 Shopify 的新主题架构
• Shopify 主题开发
• 液体编程（标签、对象和过滤器）
• 如何在 Shopify 主题开发中使用 TailwindCSS
• 使用 Shopify CLI 创建 Shopify 主题
• 在移动设备、变体选择器等上创建带有产品轮播的高级产品页面！

要求

• 您必须了解 HTML、CSS 和 JavaScript
• 你必须知道如何使用 Node 或 npm
• 您必须了解 Shopify

描述

Shopify 刚刚更新了他们的 Shopify 在线体验，现在他们将其称为“在线商店 2.0”。

通过此更新，Shopify 商家现在可以使用部分和块自定义他们的整个在线商店。这不仅为 Shopify 应用程序开发人员打开了许多大门，也为 Shopify 主题开发人员打开了大门，因为现在，您可以向最常用的页面（如产品页面、收藏页面、博客页面等）添加很酷的部分和块。

如果您是一个 Shopify 主题开发人员，而您还不知道如何为 Online Store 2.0 创建 Shopify 主题，那么这是学习的最佳时机，因为 Shopify 现在接受 Shopify 主题在他们的 Shopify 主题商店中列出！

这意味着您可以通过出售 Shopify 主题来赚钱！那么你有兴趣了解更多吗？

在本课程中，我们将学习如何在 TailwindCSS 的帮助下使用 Shopify CLI 为 Online Store 2.0 创建 Shopify 主题，以设计一个很酷的在线商店。

在本课程中，您将学习：

1. 如何设置您的开发商店
2. 使用 TailwindCSS 设计 Shopify 主题
3. 在线商店 2.0（JSON 模板）
4. Shopify 命令行界面
5. 架构设置
6. 文章、产品等页面的搜索引擎优化 (SEO)。
7. Liquid 语言（引用资产文件、循环、条件语句、Shopify 对象、过滤器等）
8. 客户页面

经常问的问题

问：这门课程适合初学者吗？

答：如果您是 Shopify 主题开发的新手，可以。但是，如果您是 Web 开发的新手，那么本课程不适合您，因为我不会解释 HTML 的工作原理、CSS 实用程序的工作原理、什么是 JavaScript 等。如果您是 Web 开发的新手，我建议在学习本课程之前先学习它。

问：我们需要使用什么操作系统？

A：我在这门课程中使用了 MacOS，所以如果你想使用不同的操作系统，你可以这样做。但是，请确保您了解您的系统，因为您的系统将与我的不同（例如终端/Powershell/Shell）

如果您认为自己已准备好开始，请立即注册，让我们一起创建最好的 Shopify 主题！

本课程适用于：

• 中级“Shopify 开发人员”而非 Web 开发人员的初学者
• 想要学习如何使用 Shopify CLI 创建 Shopify 主题的学生
• 想要了解 Shopify 主题的 Shopify 商家
• 想要了解 Shopify 主题架构的 Web 开发人员