用途：这是一份从零基础到全栈的 Web 开发系统学习指南，按前端、后端、全栈三条路径组织内容，帮助学习者规划学习顺序并掌握现代 Web 应用构建技能。
主要能力：前端部分讲解语义化 HTML 与无障碍标记、Flexbox 与 Grid 布局、响应式设计，并对比 Tailwind、Bootstrap、Material UI、Bulma 等 CSS 框架；JavaScript 部分涵盖 ES6+ 语法、DOM 操作、async/await 与 Promise、事件处理及高阶函数。框架部分包含 React（组件、JSX、state、props、Hooks）、Vue（template、ref、onMounted）和 Angular，并介绍 Redux、Zustand、Jotai、MobX 等状态管理方案及 Jest + React Testing Library 测试。后端部分讲解 Node.js + Express 路由与中间件、PostgreSQL 与 MongoDB 数据库集成、RESTful API 设计规范（HTTP 方法与状态码）、JWT 认证与授权中间件。全栈部分以 Next.js API Routes 与 SSR/SSG 为例，并给出前后端性能优化与现代技术栈建议。
使用方式：指南建议按五步推进——HTML/CSS 基础（2-3 周）、JavaScript 核心（4-6 周）、前端框架（4-8 周）、后端基础（4-6 周）、部署与打磨；可先选择前端、全栈或后端方向。文中提供可直接参考的代码片段，如语义化 HTML 结构、Flexbox/Grid 样式、React 函数组件与 Hooks、Vue 单文件组件、Express API 路由、pg 连接池查询、Mongoose Schema、JWT 签发与校验、Next.js API Route 与 getServerSideProps 等。
适用场景：自学 Web 开发、转行前端/全栈、制定学习路线、技术选型参考，以及作为日常编码的速查手册。
限制：资料未提供该技能对应的具体安装命令、运行环境或收费信息，暂未提供；文中代码示例均保留原样，仅供参考，实际使用需按项目环境调整。