从入门到实战：Claude Code 编程教程（8集完整视频）

这套 Claude Code 教程的核心价值不在"讲工具"，而在"把工具塞进真实工程里跑一遍"。8 集视频覆盖的是一条从命令行接入到自动化落地的完整链路，重点落在两个具体场景：破解加密 Cookie 的自动化爬虫，以及网页界面的自动化重构。对前端开发者来说，这两块恰好是日常最容易卡住、又最容易被 AI 工具夸下海口的地方。

技术栈与工具定位

教程围绕 Claude Code 与 Cursor 的组合展开，但两者分工并不含糊。Claude Code 承担的是终端侧的任务编排：读写文件、执行命令、串联多步操作、在项目上下文中做推理。Cursor 则负责编辑器内的代码生成与局部修改，适合快速试错和补全。课程把二者放在同一个工作流里，而不是二选一，这一点比单纯讲某个工具更有参考价值。

换句话说，这套流程真正练的是"怎么让模型拿到足够上下文、怎么把它的输出变成可运行代码、怎么在出错时回退"，而不是背提示词模板。爬虫和 UI 重构只是两个验证场景。

爬虫实战：从对抗加密 Cookie 切入

自动化爬虫这一集选了一个很有代表性的难点——加密 Cookie。很多反爬机制会把关键参数藏进加密或签名的 Cookie 里，传统做法是手动抓包、逐个字段试，效率很低。教程的路径是用 Claude Code 分析请求链路、定位加密逻辑，再配合 Cursor 把解密/生成逻辑落成可执行的脚本。

这里可以关注的工程点是：请求参数是怎么被拆解和复现的、动态字段怎么处理、采集结果怎么结构化落盘。它给的不是一个"万能爬虫模板"，而是一套"遇到加密参数时怎么拆题"的方法。对需要做数据采集、接口对接的前端同学，这部分的迁移价值比较直接。

UI 重构：四种方法对比着做

网页重构那一集没有直接给答案，而是先用 Claude 和 Cursor 尝试四种不同的重构路径，最后才收敛到专业级的美化效果。这种"先铺开再收口"的组织方式，实际是在展示不同方法的适用边界——有的适合结构清晰的老页面，有的适合样式混乱、需要先拆解再重组的场景。

对前端来说，可复用的部分在于：如何把现有页面结构喂给模型、如何分批改写而不是一次性重生成、如何在保持功能不回归的前提下调整视觉。这些都是真实项目里改老页面时的常见约束，视频里能看到模型在这些约束下怎么被引导。

怎么用这份资料自学

• 先按顺序把 8 集过一遍，重点看每一集"卡住后怎么解决"的过程，而不是只看最终结果。
• 爬虫那集建议自己准备一个带参数的接口，跟着复现一遍，不追求完全一致，重点是把拆解思路走通。
• UI 重构那集可以拿自己项目里一个真实页面做对照，观察模型在不同改法下的输出差异。
• 把 Claude Code 的命令操作和 Cursor 的编辑器操作分开练，明确各自擅长什么，形成自己的分工习惯。

适合谁，不适合谁

如果你已经有基本的前端和命令行基础，想把这套 AI 编程工具真正接进工作流，这份资料能提供可对照的实操样本，尤其是爬虫与页面重构两个方向。如果你期待的是"看完就会用"的速成，或者只想要提示词合集，那这套内容的节奏可能偏慢——它的价值在过程，不在结论。

整体看，这是一份可以作为工程参照的教程：主题具体、场景真实、方法可拆解，适合边看边动手，而不是一次性刷完。