FOUNDATIONS

AI 工具工作流基础AI Tool Workflow Foundations

FDE 不需要先成为传统前端工程师，但必须能借助 AI 工具读懂、修改、验证、部署 AI 生成的前端项目。FDEs do not need to become traditional front-end engineers first, but they must use AI tools to read, adjust, verify, and deploy AI-generated front-end projects.

学习目标

学习目标不是背语法，而是会把任务交给 Codex、Claude Code、Antigravity、Cursor：让工具解释项目结构、修改工具页/表单页/报告页、运行 Vite 构建、定位错误、完成 Git 提交和部署。

HTML/CSS 与页面结构掌握工具页、报告页、表单页和后台页最常见的结构。JavaScript、React 与交互状态学习输入、筛选、异步请求、加载状态和错误提示。从本地项目到线上 URL理解构建、托管平台、环境变量、域名、日志、回滚和交付验收。上线元数据与链接预览部署完成后，检查标题、描述、OG 图和社交平台链接预览。