1 人= AI 全栈:多Agent+React19+Elysia+DevOps实战

课程详情

课程详情

本课程从基础到进阶,提供保姆式教学,全流程驾驭多端架构设计,多Agent协同落地,助你掌握AI全栈技能。

课程核心介绍

  • 把握AI浪潮:揭秘AI+社交项目,助力职场晋升。
  • 环境配置与知识储备:学习bun、react等环境配置及知识储备。
  • CSS知识储备:掌握Tailwind、daisyUI等流行框架。
  • 用户端实现:学习用户登录注册模块的前端实现。
  • 网络引擎构建:设计并开发高性能网络引擎NetworkEngine。
  • 数据库与全栈框架:学习PostgreSQL数据库和Elysia.js全栈框架。
  • AI认证与风控:实现全栈AI认证基建和AI风控。
  • 多模态聊天与推荐智能体:构建多模态AI聊天模块和AI自动推荐智能体。
  • 混合检索与AI搜索智能体:实现混合检索与AI搜索智能体。
  • AI自主执行智能体:打造AI自主执行智能体。
  • 短链生成与聊天功能:使用Redis和WebSocket开发短链生成和好友聊天功能。
  • 后台管理系统:开发全栈后台管理系统。
  • AI数据分析智能体:基于前沿技术打造AI数据分析智能体。
  • 用户权限管理:设计开发用户权限管理模块。
  • UI测试与监控系统:实现UI测试和系统监控系统。
  • CI/CD流水线:打造CI/CD流水线,实现项目持续集成与交付。

适合人群

本课程适合对AI全栈开发感兴趣,希望提升自身技能的初学者和进阶者。

学习收获

  • 掌握AI全栈开发技能。
  • 了解AI技术在社交项目中的应用。
  • 具备多端架构设计和多Agent协同落地的能力。
  • 熟练使用Elysia.js、Tailwind、daisyUI等框架。
  • 掌握PostgreSQL数据库和Elysia.js全栈框架。
  • 具备AI认证、风控、数据分析等能力。

课程亮点

  • 保姆式教学,从基础到进阶,全流程教学。
  • 实战性强,涵盖多个热门技术栈。
  • 项目驱动,学以致用。
  • 紧跟行业趋势,掌握前沿技术。

课程目录

第1章 把握AI浪潮:解锁时代机遇
  1-1 1人=AI全栈,你准备好了吗?.mp4
第2章 功能实现必备技能之环境配置&知识储备
  2-1 用户端登录注册:业务与技术方案分析.mp4
  2-2 为什么Bun.js越来越被推崇,称为新一代JS运行时之王.mp4
  2-3 多种安装 Bun.js 的方案,总有一款适合你.mp4
  2-4 Bun.js 速览,掌握常用开发命令,轻松上手!.mp4
  2-5 为什么优选 React19.mp4
  2-6 为什么更多工程师使用 Vite 安装 React.mp4
  2-7 react 和 react-dom 的区别是什么.mp4
  2-8 如何使用 useState 处理 react 中的 状态变量以及相关注意事项.mp4
  2-9 useEffect:React 处理副作用的强大工具.mp4
  2-10 为什么 TanStack Router 被称为React 的更高效路由解决方案.mp4
  2-11 TanStack Router 新玩法:文件即路由.mp4
  2-12 TanStack Router 技巧:用代码驱动路由配置.mp4
  2-13 TanStack Router 页面操作,导航与参数的设置和获取.mp4
  2-14 TanStack Router 特色:loader 并行加载数据 & SWR 缓存.mp4
  2-15 TanStack Router 特色:路由预先加载.mp4
  2-16 React useRef持久化数据的便捷工具.mp4
  2-17 React useLayoutEffect 优化页面渲染的得力助手.mp4
  2-18 React useId 生成唯一ID的便捷 Hook.mp4
  2-19 React props 组件之间通信的好帮手.mp4
  2-20 React useImperativeHandle 自定义父组件可以访问的 ref 值.mp4
  2-21 React 自定义 hook,轻松实现个性化功能.mp4
  2-22 React useDebugValue,调试自定义 Hook 的得力助手.mp4
第3章 功能实现必备技能之 CSS 知识储备
  3-1 为什么工程师们认为 Tailwind.CSS 会重塑前端传奇.mp4
  3-2 Tailwind 尺寸与间距:体验 utility classes 编程的魅力.mp4
  3-3 Tailwind 排版样式速成:从基础到高阶定制(上).mp4
  3-4 Tailwind 排版样式速成:从基础到高阶定制(下).mp4
  3-5 Tailwind 布局三板斧:Flex、Grid+定位.mp4
  3-6 Tailwind 颜色系统:样式运用+自定义色彩主题.mp4
  3-7 Tailwind 伪类与伪元素:CSS选择器的高级玩法(上).mp4
  3-8 Tailwind 伪类与伪元素:CSS选择器的高级玩法(下).mp4
  3-9 daisyUI 凭什么能在众多UI框架中脱颖而出.mp4
  3-10 daisyUI 快速入门,一学即会.mp4
第4章 用户端--登录/注册模块之前端实现
  4-1 用户登录&注册页面:分析页面布局和技术实现.mp4
  4-2 开发用户登录&注册页面:使用 Tailwind.css + daisyUI – 上.mp4
  4-3 开发用户登录&注册页面:使用 Tailwind.css + daisyUI – 下.mp4
  4-4 表单验证:基于 daisyUI Validator 轻松实现.mp4
  4-5 使用 JS & TanStack & React 快速设置 SEO 信息.mp4
  4-6 基于 Vite 和 TS 配置项目的路径别名.mp4
  4-7 使用 TanStack Query , 高效的异步数据获取工具.mp4
  4-8 使用 Vite 插件来 mock 数据,避免等待接口、提升研发效率.mp4
  4-9 配置 Vite 的 env 环境变量,满足不同开发模式的使用需求.mp4
  4-10 使用 TanStack Query 中的 useMutation 函数,处理用户注册和登录逻辑.mp4
第5章 构建 AI 时代的高性能网络引擎 NetworkEngine
  5-1 AI 应用之 http 请求工具的技术方案分析.mp4
  5-2 构建高性能网络引擎:NetworkEngine 的思路分析.mp4
  5-3 NetworkEngine 实战(一):标准化 ApiError 与多级配置模型.mp4
  5-4 NetworkEngine 实战(二):BaseEngine 通用函数的设计开发.mp4
  5-5 NetworkEngine 实战(三):BaseEngine 中 mergeConfig 开发.mp4
  5-6 NetworkEngine 实战(四):BaseEngine 中 mergeConfig 开发.mp4
  5-7 NetworkEngine 实战(五):分析 FetchEngine 的技术架构.mp4
  5-8 NetworkEngine 实战(六):实现 FetchEngine 的核心业务逻辑.mp4
  5-9 NetworkEngine 实战(七):实现 FetchEngine 的核心业务逻辑.mp4
  5-10 NetworkEngine 实战(八):实现 FetchEngine 的核心业务逻辑.mp4
  5-11 NetworkEngine 实战(九):实现引擎的指挥调度中心.mp4
  5-12 基于 NetworkEngine 发送网络请求.mp4
  5-13 基于 ReactDOM createRoot 实现 toast 弹窗组件.mp4
  5-14 React 项目全局状态管理的技术选型分析.mp4
  5-15 使用 Zustand 处理全局用户状态.mp4
  5-16 使用 Zustand persist 中间件持久化数据.mp4
第6章 功能实现必备技能之 PostgreSQL 数据库
  6-1 为什么 PostgreSQL 被认为是 AI 时代的首选全能数据库.mp4
  6-2 Docker 安装 PostgreSQL,使用 pgAdmin 工具操作数据库.mp4
  6-3 PostgreSQL入门:字段类型和约束(上).mp4
  6-4 PostgreSQL入门:字段类型和约束(下).mp4
  6-5 PostgreSQL 入门:必备的增删改查技能(上).mp4
  6-6 PostgreSQL 入门:基础查询与条件过滤(上).mp4
  6-7 PostgreSQL 入门:基础查询与条件过滤(下).mp4
  6-8 PostgreSQL 入门:常用的五大类函数.mp4
  6-9 PostgreSQL 入门:常用的五大类函数 SQL 实战.mp4
  6-10 PostgreSQL入门:关键字的底层执行顺序.mp4
第7章 功能实现必备技能之 Elysia.js 全栈框架
第8章 AI 技术初露锋芒--守护登录注册安全
第9章 AI 风控进阶版--基于LangChain.js实现风控Agent
第10章 用户端--基于 Daisy UI+Elysia.js 开发首页 UI 界面
第11章 用户端--LangChain+assistant ui+RAG实现多模态聊天
第12章 用户端--LangGraph.js打造AI自动推荐智能体
第13章 用户端--LangGraph.js+PG实现混合检索与AI搜索智能体
第14章 用户端--DeepAgents 打造AI自主执行智能体
第15章 用户端--Redis助力短链生成:让故事分享更有力
第16章 用户端--基于 Web Socket + AI 开发好友聊天功能
第17章 管理端--TanStack Start开发全栈后台管理系统
第18章 管理端--基于Mastra+MCP+Copilotkit开发AI数据分析智能体
第19章 管理端--开发用户权限管理模块
第20章 AI+UI测试自动化测试之Playwright
第21章 Bug无处遁形 vs 老板无话可说:系统监控系统搭建实战
第22章 项目部署不用愁:Jenkins+Git+Docker 组合打造CI/CD流水线