这门课解决什么痛点
市面上多数“AI全栈”教程往往停留在调用 API 的层面，学生只能写出简单的聊天机器人，一旦涉及生产环境中的复杂业务（如登录风控、多步骤决策、数据一致性），便无从下手。本课程的核心价值在于填补这一空白：它不只教你怎么写前端页面，而是带你搭建一套基于 React 19 + LangChain.js 的真实生产级架构。
课程以“用户登录与 AI 风控”为贯穿始终的业务主线，涵盖了从环境配置、路由设计、状态管理到后端服务对接的完整链路。你将学会如何处理第三方登录（GitHub OAuth）、短信验证等实际业务场景，并在此基础上构建基于策略模式的风控引擎。对于希望从“CRUD 工程师”转型为具备 AI 工程化能力的开发者来说，这是一次从单点技能到系统架构思维的进阶训练。
适合什么基础，建议先看哪几块
本课程对前置知识有一定要求。读者需熟练掌握 JavaScript/TypeScript 基础，并具备 React 开发经验（理解组件化思想即可）。如果你对 Vite、Bun.js 等现代前端工程化工具不熟悉，建议先补齐这块短板，因为课程第 2 章会深入讲解为何选择 Bun.js 作为运行时以及 React 19 的新特性，这是后续高效开发的基础。
学习路径建议如下：首先精读第 2 章，彻底搞懂 React 19 的状态管理（useState）、副作用处理（useEffect）以及 TanStack Router 的路由原理，这是整个项目的“地基”。接着进入第 5 章，理解 NetworkEngine 的设计思路，掌握高性能网络请求的处理方式。最后再深入第 9 章的 AI 风控部分，此时你已经具备了构建前后端分离应用的能力，可以更好地聚焦于 LangChain.js 的 Tool 绑定、Zod 数据校验以及动态风控引擎的逻辑实现。
学完能做什么，资料如何配合练习
完成前 9 章的学习后，你将能够独立开发一个集成了 AI 能力的复杂前端应用。具体而言，你能实现基于 React 19 的高性能 UI 架构，利用 LangChain.js 开发具备工具调用能力的 Agent，并设计基于数据库画像与设备指纹的智能风控系统。你不再只是接口的调用者，而是能够设计 AI 服务如何嵌入业务闭环的工程师。
资料包中的视频文件是按知识点切片呈现的，建议配合官方文档与代码注释进行同步练习。特别是第 2 章中关于 Vite 配置、Bun 命令行的片段，务必亲手搭建一遍环境，而非仅靠观看。第 9 章中涉及 LangChain tool 绑定和 Drizzle Schema 设计的视频时长较长，建议边看边在本地项目里复现代码，重点观察 Zod schema 如何约束 AI 输出，以及策略模式如何降低风控逻辑的耦合度。通过这种“理论—配置—实现—调试”的闭环，才能真正将知识转化为独立开发能力。
课程目录
📁 第2章 功能实现必备技能之环境配置&知识储备 第2章 功能实现必备技能之环境配置&知识储备说明.zip [1.8 MB] 2- 19 React props 组件之间通信的好帮手.mp4 [31.7 MB] 2-6 为什么更多工程师使用 Vite 安装 React.mp4 [21.2 MB] 2- 10 为什么 TanStack Router 被称为React 的更高效路由解决方案.mp4 [12.1 MB] 2-1 用户端登录注册：业务与技术方案分析.mp4 [16.0 MB] 2-5 为什么优选 React19.mp4 [9.2 MB] 2- 13 TanStack Router 页面操作,导航与参数的设置和获取.mp4 [70.2 MB] 2-7 react 和 react-dom 的区别是什么.mp4 [7.0 MB] 2-3 多种安装 Bun.js 的方案，总有一款适合你.mp4 [9.8 MB] 2-9 useEffect：React 处理副作用的强大工具.mp4 [37.7 MB] 2- 21 React 自定义 hook，轻松实现个性化功能.mp4 [21.0 MB] 2-8 如何使用 useState 处理 react 中的 状态变量以及相关注意事项.mp4 [37.7 MB] 2-2 为什么Bun.js越来越被推崇，称为新一代JS运行时之王.mp4 [17.1 MB] 2-4 Bun.js 速览，掌握常用开发命令，轻松上手！.mp4 [21.3 MB] 📁 第9章 AI 风控进阶版--基于LangChain.js实现风控Agent 第9章 AI 风控进阶版--基于LangChain.js实现风控Agent资料.png [493.5 KB] 9- 20 AI 风控引擎：开发前端设备信息获取工具.mp4 [98.0 MB] 9- 19 AI 风控引擎：基于策略模式构建动态风控引擎.mp4 [120.3 MB] 9- 14 AI 风控数据库：用户风控画像与审计流水 Drizzle Schema.mp4 [79.9 MB] 9- 18 AI 风控引擎：实现 LangChain 设备与账户检测 tool.mp4 [216.7 MB] 9-2 为什么选择 LangChain.js 作为 AI Agent 框架？.mp4 [15.3 MB] 9- 16 AI 风控引擎：基于 LangChain tool 模拟账号与设备检测.mp4 [23.7 MB] 9-11 第三方登录落地：开发后端登录接口&githubService.mp4 [124.4 MB] 9-7 手机号登录：接入阿里云短信服务，发送手机验证码.mp4 [106.7 MB] 9-6 手机号登录：完善前端短信验证码逻辑.mp4 [59.2 MB] 9- 10 第三方登录落地：配置 GitHub OAuth 应用&实现前端逻辑.mp4 [74.9 MB] 9- 13 AI 风控数据库：设计用户风控画像与审计流水表.mp4 [33.8 MB] 9-5 端侧风控前哨：前端设备指纹生成与请求头合规化注入.mp4 [32.8 MB] 9- 15 AI 风控引擎：基于 LangChain 实现智算网关.mp4 [53.0 MB] 9-4 LangChain 核心技术之Zod、JSON 输出与 Tool 工具绑定.mp4 [44.0 MB] 9-1 登录注册之 AI 全链路风控技术方案分析.mp4 [11.0 MB] 9-8 手机号登录：实现验证码校验和手机号码登录接口口.mp4 [96.3 MB] 9-9 第三方登录方案：基于 OAuth 2.0 协议的标准授权原理分析.mp4 [16.5 MB] 9-12 数据库高阶：枚举、索引、多表联合查询技术.mp4 [26.8 MB] 9- 17 AI 风控引擎：设计userdevices用户设备表和schema.mp4 [48.7 MB] 📁 第5章 构建 AI 时代的高性能网络引擎 NetworkEngine 第5章 构建 AI 时代的高性能网络引擎 NetworkEngine资料.zip [1.8 MB] 5-8 NetworkEngine 实战（六）：实现 FetchEngine 的核心业务逻辑.mp4 [51.2 MB] 5- 14 React 项目全局状态管理的技术选型分析.mp4 [20.8 MB] 5-9 NetworkEngine 实战（七）：实现 FetchEngine 的核心业务逻辑.mp4 [103.0 MB] 5- 11 NetworkEngine 实战（九）：实现引擎的指挥调度中心.mp4 [31.6 MB] 5-4 NetworkEngine 实战（二）：BaseEngine 通用函数的设计开发.mp4 [59.0 MB] 5-7 NetworkEngine 实战（五）：分析 FetchEngine 的技术架构.mp4 [14.6 MB] 5- 10 NetworkEngine 实战（八）：实现 FetchEngine 的核心业务逻辑.mp4 [68.7 MB] 5-2 构建高性能网络引擎：NetworkEngine 的思路分析.mp4 [29.3 MB] 5-3 NetworkEngine 实战（一）：标准化 ApiError 与多级配置模型.mp4 [75.4 MB] 5- 12 基于 NetworkEngine 发送网络请求.mp4 [29.7 MB] 5-1 AI 应用之 http 请求工具的技术方案分析.mp4 [38.0 MB] 📁 第4章 用户端--登录注册模块之前端实现 第4章 用户端--登录注册模块之前端实现资料.png [493.5 KB] 4-6 基于 Vite 和 TS 配置项目的路径别名.mp4 [23.8 MB] 4-4 表单验证：基于 daisyUI Validator 轻松实现.mp4 [62.2 MB] 4-1 用户登录&注册页面：分析页面布局和技术实现.mp4 [10.4 MB] 4-9 配置 Vite 的 env 环境变量，满足不同开发模式的使用需求.mp4 [54.6 MB] 4-7 使用 TanStack Query ， 高效的异步数据获取工具.mp4 [34.7 MB] 4- 10 使用 TanStack Query 中的 useMutation 函数，处理用户注册和登录逻辑.mp4 [69.8 MB] 4-2 开发用户登录&注册页面：使用 Tailwind.css + daisyUI – 上.mp4 [56.6 MB] 4-8 使用 Vite 插件来 mock 数据，避免等待接口、提升研发效率.mp4 [38.3 MB] 4-3 开发用户登录&注册页面：使用 Tailwind.css + daisyUI – 下.mp4 [58.7 MB] 📁 第8章 AI 技术初露锋芒--守护登录注册安全 第8章 AI 技术初露锋芒--守护登录注册安全必看.zip [1.8 MB] 8-9 账号登录注册（五）：基于Bun.password+elysia+drizzle实现接口.mp4 [82.7 MB] 8- 15 开发 ipPlugin 插件：获取满足风控业务的完整 ip 信息.mp4 [101.8 MB] 8- 10 AI 风控模块的设计思路分析.mp4 [15.7 MB] 8-2 Bun+Elysia 项目配置 env 支持多环境.mp4 [36.4 MB] 8- 14 risk风控模块 ipPlugin 插件：技术思路分析.mp4 [12.4 MB] 8-6 账号登录注册（二）：封装UniqueFiled组件&表单错误提示.mp4 [61.5 MB] 8- 17 开发 rateLimitPlugin 插件：实现请求限流与计数器功能（下）.mp4 [46.0 MB] 8- 13 重构错误处理插件（errorPlugin）与 cleanSqlError 处理 sql 错误.mp4 [80.8 MB] 8- 19 登录&注册接口融入 JWT 签发策略.mp4 [24.7 MB] 8-8 账号登录注册（四）：基于 useQuery 完成前置校验功能.mp4 [96.6 MB] 8- 11 AI 初体验：了解百炼大模型平台与 OpenAI SDK.mp4 [34.7 MB] 8- 12 AI 初体验：使用 OpenAI SDK 对接百炼大模型.mp4 [50.9 MB] 8-1 登录&注册之 AI 风控架构与业务场景分析.mp4 [24.4 MB] 8-4 基于高并发需求的登录注册架构设计.mp4 [53.8 MB] 8- 18 JWT vs Session vs Cookie：用户会话状态的技术选型分析.mp4 [10.3 MB] 8- 16 开发 rateLimitPlugin 插件：实现请求限流与计数器功能（上）.mp4 [66.5 MB] 8-7 账号登录注册（三）：设置表单操作的相关状态.mp4 [39.0 MB] 📁 第7章 功能实现必备技能之 Elysia.js 全栈框架 第7章 功能实现必备技能之 Elysia.js 全栈框架文档.zip [1.8 MB] 7-4 从单体到模块化：基于 .group() & .use() 构建优雅的 Elysia 架构.mp4 [27.7 MB] 7-3 Elysia.js 核心：掌握 GET&POST 路由与数据验证.mp4 [53.7 MB] 7-6 异常防御架构：基于 .onError() 打造全场景错误拦截插件.mp4 [60.0 MB] 7-7 使用 Bun 快速操作 PostgreSQL 数据库.mp4 [13.4 MB] 7-5 API 架构设计：使用 .derive() 实现 api 接口响应规范插件.mp4 [59.9 MB] 7-8 常用的 ORM 框架技术选型分析.mp4 [19.0 MB] 7-1 为什么 Elysia.js 被称为必学的高性能 AI 全栈框架.mp4 [34.8 MB] 📁 第3章 功能实现必备技能之 CSS 知识储备 第3章 功能实现必备技能之 CSS 知识储备文档.zip [1.8 MB] 3-9 daisyUI 凭什么能在众多UI框架中脱颖而出.mp4 [26.4 MB] 3-7 Tailwind 伪类与伪元素：CSS选择器的高级玩法（上）.mp4 [47.8 MB] 3-4 Tailwind 排版样式速成：从基础到高阶定制（下）.mp4 [59.5 MB] 3-3 Tailwind 排版样式速成：从基础到高阶定制（上）.mp4 [62.8 MB] 3-6 Tailwind 颜色系统：样式运用+自定义色彩主题.mp4 [60.5 MB] 3-8 Tailwind 伪类与伪元素：CSS选择器的高级玩法（下）.mp4 [75.7 MB] 3-1 为什么工程师们认为 Tailwind.CSS 会重塑前端传奇.mp4 [31.1 MB] 📁 第6章 功能实现必备技能之 PostgreSQL 数据库 第6章 功能实现必备技能之 PostgreSQL 数据库说明.png [493.5 KB] 6-10 PostgreSQL入门：关键字的底层执行顺序.mp4 [23.6 MB] 6-5 PostgreSQL 入门：必备的增删改查技能（上）.mp4 [36.4 MB] 6-6 PostgreSQL 入门：基础查询与条件过滤（上）.mp4 [28.6 MB] 6-1 为什么 PostgreSQL 被认为是 AI 时代的首选全能数据库.mp4 [24.9 MB] 6-9 PostgreSQL 入门：常用的五大类函数 SQL 实战.mp4 [53.5 MB] 6-3 PostgreSQL入门：字段类型和约束（上）.mp4 [26.6 MB] 6-7 PostgreSQL 入门：基础查询与条件过滤（下）.mp4 [47.7 MB] 6-4 PostgreSQL入门：字段类型和约束（下）.mp4 [39.9 MB] 6-8 PostgreSQL 入门：常用的五大类函数.mp4 [46.8 MB] 📁 第1章 把握AI浪潮：解锁时代机遇 第1章 把握AI浪潮：解锁时代机遇说明.zip [1.8 MB] 1-1 1人=AI全栈，你准备好了吗？.mp4 [32.1 MB] 📁 资料 资料文档.png [493.5 KB] ai-fullstack-code.exe [2.7 MB]
