在 Shopify 中使用 Javascript 创建 10 多个真实项目

免费资源

暂无评分

适用于 Shopify 主题开发人员的 JavaScript

视觉设计

你将学到什么

了解 JavaScript 如何在 Shopify 主题中工作
通过 JavaScript 使用 Shopify 的部分渲染 API
使用 JS 处理元字段和动态内容
使用普通 JavaScript 构建自定义 Shopify 功能
学习 Shopify JavaScript 的调试技术
在 Shopify 中使用 Web 组件实现高级 UI 元素
获得在 Shopify Liquid + JS 环境中工作的信心

要求

您熟悉 HTML、CSS、JavaScript 和 Liquid，并了解如何在 Shopify 中创建基本部分和块。

描述

本课程重点介绍 Shopify 主题开发人员的 JavaScript。它包括有助于 Shopify 主题开发的 JavaScript 概念，例如：部分渲染 API。网络组件。 JavaScript 调试。JavaScript 事件。DOM 断点。调试网络调用。购物车 API。我将使用现实世界的项目涵盖所有这些主题，例如：创建免费送货进度条。根据订单项元字段在购物车抽屉中创建产品追加销售。创建粘性添加到购物车。向产品添加礼品包装。在 PDP 上创建变体样本图像。在产品卡上创建变体样本图像。使用部分渲染 API 更新有关变体更改的产品页面信息。本课程课程面向：想要提高 JavaScript 技能的 Shopify 主题开发人员过渡到 Shopify 开发的前端开发人员构建自定义 Shopify 功能的自由职业者或代理开发人员厌倦了依赖重型应用程序来实现基本功能的开发人员在 Shopify Liquid 环境中与 JavaScript 打交道的开发人员任何想要实际体验 Shopify 项目的人想要构建强大的 Shopify 工作组合的初级开发人员想要向其主题添加高级交互性的 Shopify 专家如果您准备好提升自己的水平Shopify 主题开发，您可以报名参加本课程并熟悉 Shopify 主题开发中的 JavaScript。

概述

第 1 部分：创建本地环境

讲座1创建本地环境

第 2 部分：现实世界项目

讲座 2 创建免费送货进度条

讲座 3（作业）修复运输进度条

讲座 4 在卡片抽屉中创建产品追加销售

讲座 5 粘性添加到购物车

讲座 6 修复粘性添加到购物车中的变体选择器

讲座 7 礼品包装选项（在删除实际项目时也删除礼品包装）

讲座 8 在测试商店中导入汽车产品 (import_the_products.csv)

讲座 9 在 PDP 上创建图像样本

讲座 10 在集合页面上创建变体图像样本

讲座 11 更新产品页面上有关变体更改的信息

想要提高 JavaScript 技能的 Shopify 主题开发人员、转向 Shopify 开发的前端开发人员、构建自定义 Shopify 功能的自由职业者或代理开发人员、厌倦了依赖繁重应用来实现基本功能的开发人员、在 Shopify Liquid 环境中与 JavaScript 打交道的开发人员、任何想要实际体验 Shopify 项目的人、希望构建强大的 Shopify 工作组合的初级开发人员