CSS网课卖给老外：前工程师做交互式前端教程，预售首周卖出57.7万美金

做了十几年网站，看到这个数字，我的第一反应不是羡慕，是想不通。

2021 年 3 月，一个叫 Josh W. Comeau 的前端工程师给自己的网课开预售。他当时给自己定的目标是 5 万美金——他后来在访谈里说得很清楚，这 5 万不是收入目标，是验证一件事：我到底能不能靠做课全职活下去。结果首周结束，账上是 57.7 万美金，大概 5000 名开发者掏了钱。

更想不通的是他卖的东西：CSS。

CSS 是前端三件套里最不起眼的那一件。它是培训班都不好意思单开一门课收钱的东西，是「随便找本教程翻两天就会」的东西，是很多人写了好几年页面、遇到问题还是靠改数字碰运气的东西。

但他赌的不是 CSS 值钱。他赌的是一个特别具体的判断：会写 JavaScript 的人，CSS 普遍写得很烂。

这就是猎者出海要拆的第一个真正意义上的「独立技术网课」案例——没有平台抽成，没有课程广场，一个域名、一套自己写的学习系统、一个 Stripe 收款链接。

• 谁在做：站长 Josh W. Comeau，前 Khan Academy、DigitalOcean、Gatsby 的资深前端工程师，2020 年出来做独立技术教育。
• 卖什么：CSS for JavaScript Developers，10 个模块、200 节课、约 40 小时内容，专治「会 React/Vue 但写不好样式」。
• 怎么收钱：一次性买断，三档 149 / 279 / 399 美金，含终身更新，30 天无条件退款。
• 赚了多少：预售首周 57.7 万美金，约 5000 人购课，后续累计销售额突破百万美金（都是站长自己公开的数，我们按估算理解）。
• 门槛在哪：不是英语，是选题的锋利度、交付体验，以及发售前好几年攒下的那份邮件列表。

下面我会把这件事从头拆一遍：这门课到底卖的是什么、57.7 万这个数怎么算出来的、三档定价为什么这么设、自研平台值不值那半年、AI 能替掉哪几步、国人英文好的人能不能照着做一遍，以及他踩过的、你可能也会踩的坑。

CSS for JavaScript Developers 是什么：一门只卖给「会写 JS 但写不好 CSS」的人的课

先把站打开。CSS for JavaScript Developers 的首页很干净，一句定位顶在最上面：一门教 React / Vue 开发者补 CSS 底子的在线课程。

注意这个定位的措辞。它没有说「零基础学 CSS」，也没有说「CSS 从入门到精通」。它说的是「给 JavaScript 开发者」。这一句话就把九成的人排除在外了——不懂 JS 的人不卖，纯设计不卖，想转行的人也不卖。

课程体量在官网写得很清楚：10 个模块（Module 0 到 Module 9），200 节课，约 40 小时内容，其中 170 多节是核心短视频。内容从 CSS 的渲染逻辑讲起，一路到 Flexbox、Grid 布局、交互动画，最后落到响应式架构。

站长的背景是这门课能立住的地基。他在 Khan Academy、DigitalOcean、Gatsby 都做过资深前端工程师，2020 年离职。他没公开过当年的薪水，我们按美国资深前端工程师的常见水平估一个：年薪 16.5 万美金左右（估算）。这个数字后面我们算账要用到，先记住。

他旗下技术课程的累计学员超过 32,017 人——这是整个课程矩阵的数，不是单指 CSS 这一门。这一点很多二手文章会写错，写成「CSS 课有 3 万学员」，那是把两件事混了。

交付形态是这门课最不像「网课」的地方。它不是把视频挂在某个平台上卖，而是站长自己花了大半年写的一个交互式学习系统：浏览器里免配置直接写代码、实时的渲染演练、挑战题、内置小游戏、模块工坊，外加一个专属的 Discord 学员社群。

你把这几件事拼起来看，会发现他做的其实不是「课」，是一个「练习场」。视频只是讲解，真正值钱的部分是你在里面动手的那几百次。

顺便看看旁边的人怎么活，能更清楚这条路有多宽。Kevin Powell 走的是 YouTube 百万粉免费视频引流、官网卖高阶大课的路子；Wes Bos 的 CSS Grid 课更极端，4 小时 25 节课全部免费，由 Mozilla Firefox 全额赞助买单，纯粹当自己付费课程生态的漏斗；Defensive CSS 是巴勒斯坦设计师 Ahmad Shadeed 做的免费实战指南，靠这本免费指南立住行业权威，再卖书、卖企业内训、卖演讲。

三个站，三种变现，一个共同点：都是先在一个极窄的技术点上做到「别人绕不过去」，再谈收钱。

预售首周 57.7 万美金，这笔钱到底是怎么算出来的

57.7 万美金这个数，公开信息里配了一个人数：约 5000 名开发者购课。这两个数放在一起，就能反推出一件非常关键的事。

57.7 万 ÷ 5000 ≈ 115 美金。这是首周订单的「有效均价」。

可他的最低一档标价是 149 美金。也就是说，首周成交的每一单，平均下来比最低档还便宜 34 美金。

这是怎么回事？我们倒着算一遍。

如果 5000 人全部按基础版 149 美金付，首周应该是 5000 × 149 = 74.5 万美金。实际到账 57.7 万，差了 16.8 万美金。这 16.8 万的差额，就是各种折扣吃掉的。

哪些折扣？公开能看到的至少三种：购买力平价（按访问 IP 给不同国家动态折扣）、在校学生 20% 折扣、以及预售期本身的早鸟价。企业团购 4 人以上还有 10%–20% 的折扣，但那部分量应该不大。

换句话说，他标价 149 起，实际首周平均只收到 115。折扣率大概在 23% 上下。

很多人看到这里会觉得「亏了」。恰恰相反，这是他做得最对的一件事之一。

你想，如果他死守 149 不打折，要凑到 57.7 万，需要卖 3872 份。他实际卖了 5000 份。折扣让他多卖了 1100 多份，多出来的这部分收入是 1100 × 115 ≈ 12.7 万美金——扣掉那 5000 单里本来全价也能成交的人让出去的折扣，账还是正的。

这就是定价里的一个基本常识：一门边际成本几乎为零的课，多卖一份的收入是纯的。少收 20% 换 30% 的量，一定划算。

再往上算一层。这门课的成本结构是什么？

内容是他自己写的，平台是他自己写的，服务器成本对 5000 人规模来说可以忽略，剩下最大的成本是支付手续费（下一节细算）和退款。

所以 57.7 万美金里，扣掉支付通道的 4%–5%、扣掉一部分退款，剩下绝大部分是毛利。

这也是我为什么一直跟人说，独立技术网课是少数「一个人也能做出百万级美金流水」的生意。它不需要库存，不需要发货，不需要客服团队，边际成本是零。它需要的是一个人在某一个技术点上，比大多数人深，并且能把这个「深」讲出来。

但先别急着兴奋。这 57.7 万不是从零开始的第一周。

他 2020 年离职，2021 年 3 月才开预售。中间那一整年，他在写博客、在做免费的可交互演示、在攒邮件列表。首周那 5000 个人，不是投放广告买来的，是那一年（以及更早以前做工程师时就开始写的内容）累积下来的。

这一点在后面讲流量的时候还会展开。现在你只要记住一个比例：首周的爆发，是前面一两年慢功夫的兑现，不是运气。

149 / 279 / 399 三档怎么设的：为什么中间那档才是主力

官网把价格摆得很直白，三档一次买断，含终身更新：

三档都支持补差价平滑升级——先买 149，用了一阵觉得不够，补 130 就能升到 279。这个设计看着小，作用很大：它把「我还没想好买哪档」这个犹豫，变成了「我先买便宜的，之后再说」。

除此之外还有几条规则：4 人以上企业团队购买享 10%–20% 折扣，在校学生享 20% 折扣，30 天无条件退款。

这套结构里，最值得学的是中间那档。

149 是锚，它的作用是让 279 看起来「只贵一点，但明显更完整」。399 是天花板，它的作用不是卖爆，是让 279 显得「理性」。真正走量的通常是中间那档，这是定价里最老也最稳的一招。

而且你注意，他这个 149 不是随手定的。我们按前面估的年薪折算一下：16.5 万美金一年，按 2000 个工作小时算，时薪大概 82.5 美金。

也就是说，149 美金对他这门课的目标读者——一个在职的前端工程师——大概是两小时工资。

这就是「客单价锚定在谁的工资上」的问题。同样的内容，卖给一个准备转行、还没收入的人，149 美金是「一笔投资」，他要考虑三天；卖给一个在职开发者，149 美金是「今天下午请两小时假」，他刷卡的时候连眉头都不皱。

所以这门课真正卖的从来不是知识，是「省时间」。一个层叠上下文（stacking context）的 bug 卡你两天，你去查文档、去试、去 Stack Overflow 翻半天，最后还是没搞懂——149 美金换一个下午就搞明白，这个账任何一个时薪超过 30 美金的开发者都会算。

国内很多技术课卖不动，不是内容不行，是买的人不算这个账。国内一门前端课卖 199 到 599 人民币，折三十到八十美金，买的人往往是学生或者刚入行的，他们的时间不值钱，所以决策特别慢，还要求「包就业」。

这就是市场选择，不是技巧。

还有一个细节：一次买断，含终身更新。

他没做订阅制。订阅制的好处是收入可预测，坏处是每个月都要给用户一个「继续付费的理由」，续费率会逼着你不停更新。一次性买断把「维护」变成了一种自愿的长期行为，反而更适合一个人做的课。而且对技术课来说，「终身更新」这四个字本身就是很强的购买理由——前端变得快，谁都怕买完就过时。

再配上 30 天无条件退款，整个购买决策的风险基本被清零了。这笔账很简单：5000 单里就算退了 5%，也就是 250 单，换回来的是剩下 4750 单不再犹豫。退款政策从来不是成本，是转化率工具。

课是怎么卖出去的：博客、邮件列表和两个创始人的转发

这是我认为整个案例里最被低估的部分。绝大多数人看到 57.7 万，想的是「课做得好」，其实课只是必要条件，卖得出去靠的是发售前就存在的那个池子。

第一条渠道是他自己的技术博客 joshwcomeau.com。这个博客不是那种「今天学了什么」的日记，每一篇文章里都嵌着可以点的可交互演示组件——你在他文章里能直接拖动滑块看 CSS 属性变化。这种文章在 Google 上排名好，在技术社区里会被反复转发，而且转发的人会自动说一句「这个演示做得好」。

第二条渠道是 Newsletter。资料里说他发售前通过个人技术博客积累了数十万邮件订阅用户。这个「数十万」我们按 20 万到 30 万估。

用首周 5000 单去除一下：5000 ÷ 200000 = 2.5%，5000 ÷ 300000 ≈ 1.7%。

一封发售邮件打到 20 多万人身上，1.7%–2.5% 的转化。做邮件营销的人看到这个数会觉得「很健康但不夸张」，它不是那种「一夜暴涨」的神话，是一个长期内容资产正常兑现的结果。

第三条渠道是 Hacker News 这种开发者社区的自发口碑。有人在求助帖里问 CSS 布局问题，底下有人回「去看 Josh 那门课」。这种推荐不花钱，但它的信任度比任何广告都高——高客单价的东西，最后成交靠的就是这种「同行说好」。

还有一件事，很多人忽略了：上线前的背书。

Tailwind CSS 的创始人 Adam Wathan、styled-components 的创始人 Max Stoiber，都在发售时给了强力推荐。

Adam Wathan 这个背书尤其妙。Tailwind 是什么？是一个「让不太懂 CSS 的人也能写出样式」的工具。用 Tailwind 的人，恰恰就是「会 JS、CSS 不行」的那批人——也就是这门课最精准的目标客户。他一句话，等于把自己的用户池往这门课里倒了一部分。

这种背书不是花钱能买的。它是「你在圈子里写了几年东西，大家认你」的结果。

所以我们把发售这件事拆成可复制的三步：

1. 选一个极窄的技术痛点，持续写免费内容，每篇都要有别人做不到的东西（他的是可交互演示）。
2. 把这些内容的读者装进自己的邮件列表，装一到两年，装到几万人。
3. 发售时给这个列表发信，同时请几个圈内人替你说一句话。

三步里最难的是第一步的「别人做不到的东西」。写 CSS 教程的人成千上万，凭什么记住你？他的答案是「可交互演示」——这个门槛不高，但大部分人懒得做。

顺便说一句，这也解释了为什么很多人照抄「独立网课」这条路走不通：他们把顺序搞反了，先做课，再想怎么卖。正确的顺序是先攒人，再做课。人在前，货在后。

自研交互平台值不值那半年：一笔机会成本的账

他花了半年多自己写学习平台。这个决定在当时看是「不务正业」——课还没写完，先写工具。

我们算一下这笔投入。

按前面估的 16.5 万美金年薪折算，半年的人力成本大概是 8.25 万美金。这是机会成本，不是现金支出。

再看回报侧。首周 57.7 万美金。8.25 万 ÷ 57.7 万 ≈ 14%。也就是说，这半年的投入，相当于首周收入的 14%。

只要这门课能卖，这个投入就是划算的。而如果这门课卖不动，这半年也就是白搭——所以这不是一道「该不该做平台」的题，是一道「你对课程有没有信心」的题。

那这个平台到底提供了什么，值这个价？

第一，免配置的实时代码演练。学 CSS 最烦的一步是环境。装 Node、装构建工具、配热更新，一个新手在这上面能耗掉一整天，热情直接没了。他把这一步干掉了：打开浏览器就能写，写完立刻看到效果。这不是「体验优化」，这是把最大的流失点给拆了。

第二，挑战题。看视频是被动的，看完就忘。练习是主动的，练完才会。他把每节课都配了动手环节，这一点让完课率跟纯视频课完全不在一个量级。

第三，内置小游戏和模块工坊。这是为了让「练」这件事不枯燥。CSS 的很多规则（比如 Flexbox 的对齐、Grid 的轨道计算）本质上是空间直觉，玩游戏比看文档学得快。

第四，Discord 社群。一个人学最容易放弃，有个群在里面问，坚持率完全不一样。而且社群还带来一个副作用：老学员会替新学员回答问题，这是免费的助教。

现在说句实话：这套东西，2021 年做是壁垒，2026 年做不一定。

因为现在有太多现成的交互式学习基础设施，也有 AI 可以帮你把练习题、判题逻辑、错误提示批量生成出来。你要自己从零写一个「实时渲染沙盒」，成本比当年低太多了。

所以我的判断是：这个平台是他当年最强的护城河，但你不应该照抄这个重投入，你应该抄的是「为什么做这个平台」的那个思路——找到你这个课里学员最容易卡住、最容易放弃的那一步，把那一步的摩擦干掉。可能是环境，可能是选题，可能是不知道怎么判断自己写对了没有。

干掉那一步，不一定需要半年。

用 AI 做这门课，哪几步能替你干，哪几步必须你自己来

这是很多人最关心的一段：既然我英文没那么好，AI 能不能把我送过去？

答案是能送一半。剩下一半，AI 一点忙都帮不上。

先说 AI 能干的。

第一步是选题的锋利度检验。你脑子里冒出一个题目，它可能太宽（「现代 CSS 实战」），也可能太窄（「CSS 的 :has 选择器详解」）。宽了撑不起 200 美金，窄了没人搜。这个「宽窄」的判断，可以让 AI 帮你压一遍。

• 提示词一（选题锋利度）：「我是 [你的技术背景，例如：五年 React 开发，做过中后台系统]。我想做一门面向海外开发者的付费课，候选题目是《[题目]》。请回答三件事：一，这个题目下已经存在哪些课程和免费教程，它们各自的定位是什么；二，一个会写 [X] 但写不好 [Y] 的开发者，在什么具体场景下会疼到愿意花 200 美金；三，把这个题目再切窄两次，给出 5 个更锋利的子选题，每个子选题说明它排除了谁、留下了谁。」

第二步是把你的经验拆成大纲。这一步最有价值，因为大部分人不是没东西讲，是「讲不清」。他心里有一堆踩过的坑，但组织不成一条从易到难的线。

• 提示词二（大纲拆解）：「我在 [技术领域] 有 X 年经验。下面这段是我口语化讲的经验，请把它整理成 10 个模块、每模块 15 到 25 节课的课程大纲。要求：每个模块必须对应一个『学员会做错的具体事』，不要写成知识目录；每节课标题用动词开头；标出哪 3 个模块是必须先交付的 MVP，哪几个可以放到第二期。」

第三步是英文润色。这是国人最大的心理障碍，也是 AI 最擅长的一件事。但注意，润色的提示词必须把「不许加事实」写死，否则 AI 会替你把技术细节「合理化」，那就出大事了。

• 提示词三（母语级润色）：「下面是我写的一段技术讲解，我的母语不是英语。请只做三件事：一，改成北美技术博客的语感，句子平均长度控制在 20 词以内；二，把中式表达和被动语态改掉，但不要加形容词和情绪词；三，保留我所有的技术判断和举例，不要新增任何我没有说过的事实、数据或案例。改完另附一段说明，告诉我你改了哪几类表达。」

第四步是练习题和边界 case。一门课的含金量，很多时候不在讲解，在题目出得好不好。

• 提示词四（出题）：「这一节课讲 [知识点]。请出 8 道由易到难的练习题，其中至少 3 道必须是『看起来能跑但实际有 bug』的陷阱题，并给出每道题的正确答案、最常见的错误答案，以及学员为什么会犯这个错。所有代码必须能直接在浏览器里跑，不要引入任何构建工具或依赖。」

第五步是发售邮件序列。这一步用 AI 起草，能省下大量时间。

• 提示词五（发售邮件）：「我要给邮件列表发一轮 5 封的课程预售邮件，课程是 [课程名]，定价 [价格]，开售时间 [日期]。请给出 5 封的大纲和每封的核心一句话。要求：第一封不讲产品，只讲一个具体的技术问题；第三封才出现价格；第五封讲退款保证。语气像一个工程师跟同事说话，不要营销腔，不要感叹号。」

这五步走完，你会发现 AI 帮你把一个「模糊的想法」变成了「一个有骨架的东西」。这就是它最大的价值——它不是替你写课，是替你把课的形状先搭出来。

接下来是 AI 干不了的。

第一，选题背后那句「我知道这里疼」。AI 能告诉你市面上有什么课，但它不知道你在项目里被哪个 bug 折磨过三天。课程的灵魂就是你踩过的那些坑，这个只有你有。

第二，技术准确性的最后一道关。前端的东西变化快，AI 会一本正经地把过时的写法讲得像真理。每一段代码、每一句结论，你得自己跑一遍。这一步省不了，省了就是拿口碑换速度。

第三，哪一步该让学员自己动手。这是教学设计，不是写作。什么地方给答案，什么地方死活得让他自己试出来，这需要你懂「学习是怎么发生的」。

第四，定价和折扣。AI 能给你一堆定价模型，但它不知道你的受众是谁、他们的工资多少、竞品在卖什么价。定价是一个判断题，不是查表题。

第五，背书关系。Adam Wathan 不会因为你提示词写得好就替你转发。这一步只能靠你在圈子里真实存在过。

我自己的用法是这样的：在猎者出海这边选新选题的时候，我会把三五个候选方向丢给猎者出海的AI Agent，让它按「这个题目下已有谁、痛点够不够硬、国人能不能做」三层过一遍，先砍掉一半。剩下的我自己去翻真实站点，一个一个打开看。

建站和写落地页的时候也一样，第一版结构和文案草稿让猎者出海的AI Agent 先出，我再来改判断和语气。它出的东西大概能到六十分，剩下四十分全是「这句话是不是真的」。

数据分析那块我最近用得更多。发售之后看哪封邮件打开率高、哪节课的完课率掉得最厉害、退款的人都停在哪一步，这些数据丢进去让它找规律，比我自己拉表格快得多。

但有一件事我一直没交给它：文章和课程里的每一个数，都得有出处、我自己核过才写；核不到的，我就不写。这个底线 AI 守不住，因为它太会编了。

标价 279 美金，印度开发者可能只付一半：购买力平价是怎么回事

这门课挂了一个东西：购买力平价折扣（PPP）。技术上用的是 ParityDeals 这类工具，原理是根据访问者的 IP 判断国家，按当地支付能力动态下发优惠。

这个设计对全球生意来说几乎是必需品。

一门 279 美金的课，在美国是「两小时工资」，在东南亚某些国家可能是「半个月工资」。你不做区域定价，那些地方的订单基本为零；你做了，虽然单价低了，但订单是从零变成有的。

而且这里有个反直觉的地方：低价地区的用户，往往口碑传播更猛。因为他们付了钱，用得好，会更愿意在自己的社区里讲。

PPP 这件事对国人的意义更大。因为如果你做的是面向全球的课，你的竞争对手从第一天起就是全球定价，你不做区域定价，等于自己放弃了七成的潜在市场。

再说收款。海外网课最常用的收款通道是 Stripe，官网公布的费率结构是这样：美国本地卡每笔 2.9% + 0.30 美金，国际卡加收 1.5%，涉及货币转换再加 1%，支持 195 个以上国家的付款卡和 135 种以上交易货币。

我们把一笔 279 美金的国际订单拆开算：

按 5.4% 算，一笔 279 的订单，通道要拿走 15 美金左右。

再放到 57.7 万的首周流水上看：不是每一单都叠满三项，按平均 4.5% 估，577000 × 4.5% ≈ 2.6 万美金。也就是说，光支付通道，首周就吃掉了两万六千美金上下。这不是小钱，但这是做全球生意的固定成本，跑不掉。

所以如果你做这门生意，定价的时候一定要把这个成本算进毛利里。很多人算账只算「我卖 279，卖出 1000 份就是 27.9 万」，实际到手要少掉百分之五上下，再加上退款，实际到账可能要打九折。

退款率我没看到公开数据，但 30 天无条件退款这种政策，通常会有几个点的退款。5000 单里退 5%，就是 250 单。这个成本必须预留。

国人能不能做这件事：能，但门槛不在英语

先说结论：能。而且这是猎者出海一直说的三类读者里，最「值钱」的那一类——英文够用、技术够深、直接面向全球开发者卖课。

但门槛被很多人搞错了。大家以为是英语，其实不是。

材料里有句话我觉得说得很准：技术出海做网课，不一定要露脸飙英语。这个案例本身就证明了，「结构化交互文字教程 + 代码沙盒练习 + 关键步骤的无声或短屏录演示」，体验可以超过传统的视频录播。英语文字靠 AI 润色，能到母语级。

真正的门槛是三个。

第一，你有没有一个「别人绕不过去」的技术点。不是「我懂 React」，是「我在某个具体问题上，比大部分人懂得多，而且我能说清楚为什么」。这个点越窄越好。

第二，你能不能承受一到两年的「只投入不产出」。这是最难的一关。你要先写一年免费内容，攒几千上万的订阅，才轮到卖课。这中间没有任何收入，大部分人死在第六个月。

第三，你能不能不糊弄。技术课的口碑是二值的：讲对了，人家记你一辈子；讲错一个地方，评论区立刻有人指出来，你所有的信任瞬间清零。

这三条，跟英语一点关系都没有。

那英文好的人具体该往哪切？我给几个方向，都是资料里提到的、也是我看下来觉得还空着的：

• 「给前端看的现代 CSS 动效」——动画这块，会写的人不少，能讲清楚浏览器渲染管线、什么时候触发重排重绘的人不多。
• 「Tailwind CSS 高阶实战组件设计」——用 Tailwind 的人极多，但大部分只会拼类名，不会设计组件体系。
• 「CSS 渲染性能与调试」——这是一个痛点极硬、内容极少的细分，遇到卡顿的人愿意花钱。

注意这三个的共同点：都不是「教程」，都是「解决某类人在某个场景下的具体痛苦」。

还有一条现实建议：起步别自研平台。

Josh 花了半年写平台，是因为他有钱、有时间、有把握。你第一次做，最该干的事是验证「有没有人愿意付钱」。轻量栈完全够用：静态站（Astro、Ghost 之类）挂内容，Stripe 或 Gumroad 收款，Discord 做社群，先跑通 MVP。

等真的收到钱了，再谈体验升级。这一点上，你可以去看看法国程序员一个人卖 CodeFast那个案例，他的做法跟 Josh 完全相反，照样做到了 Stripe 累计 83.4 万美金。

如果你更想做轻一点的，一个人做 Excel 练习题网站那种模式也值得看，站长自述每月 4000 到 6000 美金，规模不大但很稳。

如果你连课都不想录，只想先试试水，那在 Udemy 上卖中文课是成本最低的入口，一门中文课能积累到 1.5 万学员。

从零到首发，具体怎么走：一份 90 天的执行清单

上面讲的都是判断，这一段讲动作。我把这件事拆成四个阶段，你可以照着排自己的时间。

第一阶段最关键的动作是「列 20 个坑」。别一上来想「我要教什么」，先想「我在哪被卡过」。你被卡住的地方，就是别人被卡住的地方，而且是你唯一讲得比 AI 好的地方。

列完之后筛三个，标准是：这个坑是不是有一群人共同在踩？踩了之后是不是会真的影响工作？市面上有没有人已经讲透了？

这三个标准里，「有一群人共同在踩」最重要。一个人踩的坑叫倒霉，一万个人踩的坑叫市场。

第二阶段是攒人。这一阶段最容易被跳过，也最容易致命。

具体做什么？每周一篇，写你那个细分里的真问题。每篇必须有一样「别人做不到」的东西。他当年用的是可交互演示，你可以用别的东西：一个能下载的对照表、一个能跑的最小复现、一段把错误和正确写法并排放的代码。

邮件列表用 Buttondown 这种工具就够，原生支持 Markdown 和 API，不抽创作者收入提成，有免费起步账号。别小看「不抽成」这三个字，长期看差别很大。

这一阶段有个心理准备：前两个月可能只有几十个订阅。这是正常的。你去看任何一个技术博主早期的订阅曲线，都是这样。

第三阶段做 MVP。这里我要强调一句：只做前三个模块。

因为你要验证的是「有没有人买」，不是「我能不能做完」。做完 10 个模块要一年，验证有没有人买只要三个月。顺序反过来的人，通常做完了才发现没人要。

第四个阶段是预售。这一阶段有几个具体动作，我按顺序列：

1. 定价。三档，最低档定在目标读者「两小时工资」附近。如果他时薪 60 美金，最低档就定 99 到 149。
2. 早鸟。预售期给一个明确的折扣和明确的截止时间，不要含糊。
3. 退款。30 天无条件，写在页面上最显眼的地方。
4. PPP。接 ParityDeals 这类工具，让低价地区的订单能成交。
5. 收款。Stripe 或 Gumroad，前者费率低但收款页要自己搭，后者省事但抽成高，看你阶段。
6. 社群。Discord 先建起来，哪怕只有十个人。有人问问题，你就知道课哪里没讲清。

这六件事做完，你就有了一门能卖课的最小闭环。剩下的全是迭代。

如果你想看更多平台和工具的选择，包括各家费率的横向对比，可以翻一下这 16 个海外知识付费工具的对比，选型这一块那里讲得更细。

还有一类人可能更适合先做音频或者视频内容，而不是文字课。之前拆过的录音师做音乐制作课程那个案例，站长 2020 年自述年入约 120 万美金，路子完全不一样，但底层逻辑是一样的：在一个极窄的领域里做到别人绕不过去。

如果你已经想清楚要做，并且需要一个能直接问、有人陪着走一遍的入口，可以从这里开始。

他会踩的坑，你大概率也会踩：交付焦虑、身体和盗版

这段我想认真写，因为大部分人拆案例只看光鲜的那一面。

Josh 自己公开讲过两件事。

第一件：预售的时候，课程其实只完成了前半部分。

他先收了钱，后面的模块是后来几个月一点点补上的。听上去很爽，实际过程是巨大的交付焦虑——几千个人已经付了钱，在 Discord 里等你的下一模块，你每天睁开眼就是这件事。

这个坑国人几乎一定会踩，而且踩得更狠。原因很简单：他的读者是英文开发者，耐心相对好；如果你面向的是中文读者，催更的压力会大得多。

我的建议是：预售可以，但一定要在页面上写清楚「现在已完成哪几个模块、剩下几个模块分别什么时候上线」，给出具体日期。含糊其辞的预售，最后都会变成退款和差评。

另一条路是先做完再卖。这条路慢，但睡得着。你自己选。

第二件：高强度编码引发了严重的腱鞘炎（RSI），一度半年没办法操作键鼠，靠语音编码才撑过来。

这条我特别想提醒。一个人做课，最贵的资产不是课程，是你的手和你的眼睛。写课程内容、写代码示例、回社群问题、改 bug，全是高强度重复动作。半年不能操作键鼠，对一个独立开发者来说基本等于停工。

具体的做法很朴素：买个好点的人体工学键盘，把每天连续编码切成几段，中间必须起来走动。这些话听着像废话，但真到了手抬不起来那天，你会愿意花一万块买回半年前的一句提醒。

第三个坑是盗版。技术课被盗版是必然的，尤其面向开发者，你的用户里一定有会扒资源的人。

我看到的处理方式有两种：一种是上各种防护，把用户折腾得够呛；另一种是接受它，把精力放在「持续更新」和「社群服务」上——盗版能偷走视频，偷不走更新和社群，而这两样恰恰是复购和口碑的来源。

Josh 的课含终身更新，正好是后一种思路：盗版拿到的是某一个时间点的快照，正版拿到的是这条线一直在走。

第四个坑是汇率和收款。做全球生意，钱在 Stripe 账上，提现要结汇，这中间有手续费也有合规要求。这一块每个阶段政策都不一样，我不在这里给具体做法，只提醒一句：这是必须提前搞清楚的事，不要等收到钱才去问。

三个同题材的站，三条完全不同的活法

前面提过的那三个站，值得单独拉出来对比一下，因为它们的路子差别特别大，你能从中看到自己适合哪一种。

Kevin Powell 是「免费内容做到极致，再卖高阶课」的典型。他在 YouTube 上有上百万订阅，一千多条教学视频，被称为 CSS Evangelist。官网卖自营的高阶付费大课，比如 CSS Demystified，另外还有赞助商广告和 Newsletter 变现。

这条路的特点是：前期极慢，后期极稳。你得能坚持做几年免费内容，而且要有镜头感。一旦做起来，流量成本几乎为零。

Wes Bos 的 CSS Grid 课是另一种极端：4 小时、25 节课，全部免费。钱从哪来？Mozilla Firefox 全额商业赞助买单。

这门课本身不赚钱，它的作用是给 Wes Bos 旗下几十门高客单价付费课做漏斗。你看完免费的 Grid 课，觉得这人讲得真清楚，自然就去买他别的课了。

这条路的前提是：你已经有足够大的名气，能让 Mozilla 这种公司愿意为你的内容买单。新手学不了。

Defensive CSS 是第三条路：免费的高质量实战指南，专门解决布局断裂、溢出变形这些边界 bug。用一份免费指南立住全球行业权威，然后靠出版纸质书和电子书《Debugging CSS》、企业内训技术工坊、商业演讲变现。

这条路最「轻」——不卖课，卖权威。但它的门槛是「你得真的是一流高手」，因为免费指南一旦有一处讲错，权威立刻崩塌。

四个站放在一起看（加上 Josh），你会发现一件事：他们的变现方式完全不同，但共同点是内容都做到了「同行会主动转发」的水平。

这就是这门生意最朴素的地方。技术圈很小，也很诚实。你写得行不行，一个月内就有人告诉你。

常见问题

这门课现在还能买吗，多少钱？

能，官网一直开着。三档一次买断：基础版约 149 美金、专业版约 279 美金、旗舰版 399 美金，含终身更新，支持补差价升级，30 天无条件退款。学生有 20% 折扣，4 人以上团队有 10%–20% 折扣。

57.7 万美金是首周还是总收入？

57.7 万是 2021 年 3 月预售首周的数字，对应大约 5000 名购课者。后续累计销售额公开的说法是突破百万美金。更近几年的确切累计数字，站长没有公开，我也就不编了。

我英语不好，这件事还能做吗？

能，但只到「文字课」这一层。这个案例本身就说明，结构化文字教程加代码沙盒的交付方式，体验可以超过视频录播，英文靠 AI 润色能达到母语水平。真正过不去的是「你有没有一个别人绕不过去的技术点」，那个跟语言无关。

自研那个交互式平台是必须的吗？

不是。他当年花半年自研，是因为有钱有时间有把握。你第一次做，最该验证的是「有没有人付钱」。静态站加 Stripe 或 Gumroad 加 Discord，先跑通 MVP，收到钱再谈体验升级。

购买力平价折扣会不会被人钻空子？

这类工具按访问 IP 判断区域，站长做这个是为了让低价地区的开发者也能买得起，本质是拿一部分单价换订单量。至于绕过限制骗折扣这种事，我不建议在上面花心思，它省下来的是几十美金，搭进去的是你自己的口碑。

现在做 CSS 课还有机会吗？

做「CSS 大全」没机会了，做「某一个具体场景下的 CSS 痛点」一直有机会。前端变得越快，越多人卡在新东西上，而新东西出来的时候，市面上一定还没有好课。你要抢的是那六个月的时间窗。