网页基础
让结构、样式和浏览器行为形成完整心智模型。
- HTML 与可访问性
- CSS 布局与响应式
- JavaScript 基础
学习方向
前端开发
从语义化页面与交互基础出发，做出快速、易用、能上线的产品界面。
技能地图
从基础到真实交付
工程能力
用类型、组件和数据流维护复杂界面。
- TypeScript
- React 与状态管理
- 请求、缓存与错误状态
产品质量
不仅做出来，还要在真实设备上好用。
- 性能与 Core Web Vitals
- 测试与调试
- 设计系统
交付与作品集
把需求、实现与迭代过程讲清楚。
- 部署与域名
- 项目叙事
- 开源 issue 与 PR
把技能用起来
推荐学习与实践条目
查看本方向全部机会 →竞赛人工智能 · 前端 · 后端进阶截止 2026年10月15日
2026 AIC「AI+开源」算法主题赛
面向全球在校大学生，使用开源软件、模型或数据开发可运行的 AI 应用、开发工具，或形成可核验的开源贡献。
全球校园人工智能算法精英大赛全国组委会¥500.00全球
开源项目前端进阶
Next.js
React 全栈框架官方仓库，适合从文档、测试和 Good First Issue 开始参与。
Vercel约 2 小时reacttypescript
开源项目前端进阶
React
React 官方仓库，可通过文档、测试用例和问题讨论理解现代 UI 运行机制。
Meta约 2 小时javascriptreact
开源项目前端进阶
Svelte
Svelte 编译型 UI 框架官方仓库，包含编译器、运行时与大量测试。
Svelte约 2 小时sveltejavascript
开源项目前端入门
Tailwind CSS
实用优先 CSS 框架官方仓库，适合从文档、复现和小型修复入门。
Tailwind Labs约 2 小时csstooling
开源项目前端高级
TypeScript
TypeScript 语言与编译器官方仓库，适合深入类型系统和编译器工程。
Microsoft约 2 小时typescriptcompiler
开源项目前端进阶
Vite
现代前端构建工具官方仓库，适合学习模块解析、开发服务器和插件机制。
Vite约 2 小时javascripttooling
开源项目前端进阶
Vue Core
Vue 核心实现仓库，适合学习响应式系统、编译器和 TypeScript 工程实践。
Vue.js约 2 小时vuetypescript