学习路线
编程语言 & 技术方向学习路线
涵盖编程语言与 11 大技术方向专属路径,由「入门 → 进阶 → 高级 → 实战」四阶段组成,清晰列出每个阶段需要掌握的知识点
入门进阶高级实战
前端基础 学习路线
HTML / CSS / 布局 / 交互,迈入 Web 开发的第一步
4阶段
20知识点
1
入门
认识网页
5 项HTML5 语义化标签表单与媒体元素CSS 选择器与盒模型Flexbox 弹性布局Grid 网格布局
2
进阶
样式与适配
5 项响应式设计与媒体查询CSS 变量与预处理器(Less/Sass)CSS 动画与过渡移动端适配(rem/vw)BFC 与层叠上下文
3
高级
原理与优化
5 项浏览器渲染原理重排重绘与性能优化可访问性 a11y组件化思想前端工程化基础
4
实战
项目落地
5 项还原设计稿实现常见页面布局浏览器兼容处理Git 版本控制静态站点部署