学习【划水AI】项目课程，加入研发小组

hi 我是 双越老师（微信 fe-wfp ）前百度、滴滴资深前端工程师，PMP， wangEditor 作者，慕课网金牌讲师。

首先感谢你对【划水AI】项目的关注，而且能有兴趣加入学习和研发小组，本文介绍加入方式。有问题可 vx 我。

项目围观群

可免费加入该群，我会定期在群里分享项目进展，以及前端 React Node AI 相关的文章。

如加群失败，可加 vx: fe-wfp，备注：划水群

项目介绍

【划水AI】是一个 Node 全栈 AIGC 知识库，AI 智能写作，多人协同编辑，类似于国外的 Notion

项目已经上线 www.huashuiAI.com 功能包括：用户管理，文档管理，富文本编辑器，AI 写作，AI 文本处理，分享，多人协同编辑，文档模板，分享和权限，导出 PDF 等 100+ 功能（如下图）。你可直接注册试用。

PS. 后期还会考虑扩展 AI 图片、音频、视频、图表、3D 等其他内容格式，知识库平台天生具备这种扩展性。

【注意】AIGC 是 AI 的具体应用，不是 AI 大模型。即，我们不是再开发一个 ChatGPT

项目 5 大亮点

现在写简历都讲项目亮点。假设你是面试官，我是应聘者，下面这些项目亮点，能否打动你？

1. Node 全栈能力

前端技术栈已经稳定了，纯前端和切图仔是没有未来的，前端破局的最好方式就是 Node 全栈。现在写前端简历、前端面试，都要求有 node 和服务端能力，你只会 Vue 就太普通了。

该项目将采用 Nodejs 和 Next.js（React SSR）开发服务端，使用 Prisma ORM 对接 PostgreSQL 数据库，使用云服务器和 Docker 部署测试环境，最后使用阿里云 FC 函数计算 Serverless 发布上线，且配置 CI/CD 自动化流程。可通过这篇 文章 来详细了解项目技术栈。

很多同学说学习了 Node 服务端但用不起来就忘了，划水AI 正好展示你的 Node 全栈能力。

PS：有同学担心自己只会 Vue 没学过 React Next.js —— 这个完全没问题，React 和 Next.js 一周即可入门，我有方法～

2. 复杂项目的架构能力

知识库平台，无论是我们将参考的 Notion ，还是国内的语雀、飞书、腾讯文档等，都是非常复杂的系统，它可不是就一个富文本编辑器 （当然富文本编辑器本身已经很难）。还有团队、协同编辑、分享、付费等，我们还要集成 AI 能力，复杂度可想而知。

该项目会通过详细的文档和步骤，带你从 0 设计、调研、配置、计划、研发、测试，最终上线。而且还会继续二期、三期的维护，不断升级新功能。复杂项目的架构过程，你得真实参与才能体会到。

而且，项目不是我一个人开发，每个参与者都可以申请加入开发和测试。我会制定详细的研发规范和流程，如 git 分支和 commit 规范，coder-review 流程，内部测试流程，上线流程等。使用 Scrum 敏捷开发管理任务卡片。

PS：纯前端，因为不懂服务端，是没机会接触到完整项目的架构设计。全栈对纯前端，就是降维打击。

3. 超越 99% 前端的技术难度

富文本编辑器，被称为前端难度的天花板，再集成上 AI 写作、AI 处理文本等能力，可以超越 99% 前端的难度。

我有多年开发、维护 wangEditor 经验，富文本编辑器正好是我擅长的领域。

另外，多人实时协同编辑（OT CRDT 算法）也非常麻烦，而且上线以后可能会遇到很多不可预期的问题，需要做好统计和监控、报警机制。

4. 真实上线的项目

项目一期功能（用户管理，文档管理，富文本编辑器，AI 写作）已经上线 www.huashuiAI.com ，部署在阿里云 FC 函数计算 Serverless 服务。

完整的 Web 项目需要很多线上服务，如：域名，SSL 证书，云服务器，Serverless，数据库，OSS 存储，CDN 加速...

还需要集成很多第三方服务，例如：ChatGPT API ，日志，统计，监控，报警，安全，短信服务，支付等...

这些都是真实上线的项目才能学习体会到的，这也正是我们作为前端人员所欠缺的技能，这才是全栈的价值。

PS：其他课程做的那些项目，号称什么大型、企业级，其实绝大部分都是本地运行的 demo ，算啥企业级？？

5. AI 技能和经验

目前整个大环境低迷，只有 AI 领域火爆，尤其 DeepSeek 火了以后。现在刚行各业都在拥抱 AI ，市场上也有很多关于 AI 的工作机会，可以去招聘 App 搜索一下。

如果你能提前掌握 AI 技能和经验，将更有机会加入 AI 创业公司，远的不说，多挣钱是最直接的。去年冬天，一个同学加入了一家 AI 创业公司，薪资相当不错。

AIGC 看似就是调个 AI 接口，其实有很多情况，如接口错误超时、数据格式的处理、图表公式等多种数据行的支持、和现有生产功能的结合、如何保证线上的安全、稳定、和效率。这些都需要真实项目经验。

还没完

如果以上这些亮点打动了你，那你当然也可以写到自己的简历中，去打动你的面试官。学技能，就为了升职加薪。

我已经整理了 15+ 项目亮点和成就，你可以直接写到简历上，武装 全栈 + Nextjs + AI，让自己脱颖而出。

架构和技术栈

上图是当前规划的项目功能范围，计划用三期开发完成。其他的功能，之后再在团队中讨论和升级。

核心技术栈是 React Next.js Prisma PostgreSQL Suspabase Tiptap ChatGPT DeepSeek，一些细节的技能会在研发时详细记录和讲解。PS：会同时考虑国内、出海不同的技术栈，都会给予调研和开发建议。

加入形式

这不是一个普通的开源项目，“用爱发电”不会长久的，我有过这个经验。

这也不是一个普通的视频课程，视频形式太固化，而且那种课程项目一般也不会上线，更不会长期维护。你也不可能参与到项目研发中，因为课程、视频都是先前设计、剪辑、拼接的理想态。像电视剧一样。

这更像是一个付费的项目组或者社区，一种新的学习、实践形式。我每天都会记录这个项目的研发过程。

我会一边设计、调研、开发，一边记录所有的过程，不会错过任何细节，为你展示一个真实的研发过程。而不是剪辑拼接出来的理想态，里面会有很多坑、很多 bug 的记录。这么说吧，除了我的一些密码和令牌，我会告诉你这个项目的一切内容和细节。

待你能跟上项目的进度了，感觉有能力参与项目开发了，而且有业余时间了，就可以申请加入开发小组，和我一起开发项目。PS. 如果你有能力有时间，我巴不得你能多多担任开发任务，多替我分担一些

虽然项目看似开发完了，但依然有很多功能、优化、bug 修复等工作，而且未来也会持续规划、开发新功能。所以，不用担心没“活”干，有的是。

这就是一种 加入、学习、跟进、达标、共同研发、持续维护 的一种新形式，既有学习又有实践。

所以，你首先得理解并接受这种形式。如有问题和建议，可和我反馈。

学习形式

该项目的资料以图文、代码为主，个别难理解的地方会用视频讲解。我多年讲师了，会为你讲清楚的，放心。

代码和资料都会放在 github 私有仓库中，学习和开发都会围绕 github + 微信群 展开。

• 1. 学习和练习：github 仓库的 wiki 和代码
• 2. 提问和答疑：github 仓库的 issue（产品技术问题），微信群（非技术问题、琐碎问题）

现已加入的同学对这种学习方式非常认可，而且还会主动记录自己遇到的问题、解决方案，分享给大家。

为何不录制视频呢？因为视频教程有如下缺点

• 1. 制作成本高，不好修改和扩展。图文格式就非常容易修改和扩展，保持最新技术标准。
• 2. 学习效率低，必须一秒一秒的顺序看。图文格式则可以快速预览整个内容结构，效率更高。
• 3. 视频仅适用于小白入门，一行一行手把手教学，有经验的还是图文有效率

学习要求

需要你熟悉 JS TS 语法，了解 React 或者 Vue 任一框架，熟悉 HTTP 协议。

PS：项目开始之前，我会发免费的教程，帮你入门 React + Next.js ，一看便懂。

报名方式

如果你认同项目的价值和学习方式，可加微信群，找群主咨询价格。

如加群失败，可加 vx: fe-wfp，备注：划水群