经常有朋友问我：想学前端，从哪开始？我的回答始终是一句话——先别碰框架，把 HTML、CSS、JavaScript 这三样基础吃透。这篇就把我自己走过弯路的经验整理出来。
第一步：HTML 和 CSS（约 2-4 周）
HTML 是骨架，CSS 是皮肤。这个阶段的目标不是"背会所有标签"，而是能照着设计稿把一个页面搭出来。
- HTML：语义化标签、常用元素、表单、链接与图片的使用。
- CSS：选择器、盒模型、布局（重点学 Flexbox 和 Grid）、响应式。
练习方法很简单：找几个你喜欢的中文网站，用代码把首页"抄"一遍。抄不是目的，过程中你自然会搞懂布局是怎么来的。
第二步：JavaScript 基础（约 4-8 周）
JS 是网页的灵魂。这个阶段不要贪快，重点是理解语言本身：
- 变量、数据类型、运算符、流程控制
- 函数与作用域、数组和对象操作
- DOM 操作：如何选中元素、绑定事件、修改内容
- 异步入门：回调、Promise、fetch 请求接口
一个小建议：用原生的 document.querySelector 写够一百个交互小例子之前，不要去看任何框架的教程。框架是建立在基础之上的，基础不牢，框架学得越快忘得越快。
第三步：做一个完整的项目
学完基础，一定要做一个"能给别人用"的小项目，比如一个待办清单、一个天气查询页、一个个人博客（就像本站）。过程中你自然会遇到并解决这些问题：
- 代码多了怎么组织？—— 了解模块化
- 代码怎么管理？—— 学 Git 基本操作
- 网站怎么给别人看？—— 学部署上线
前端入门最大的坑不是难，而是"资料太多"。今天学 React，明天学 Vue，后天学 TypeScript，最后什么都会一点，什么都不深。认准一条路线，走完，比什么都重要。
给非科班朋友的三句话
- 不用先学完所有理论再动手，动手遇到问题再查，效率最高。
- 英文文档要硬着头皮看，这是迟早要过的坎，早过早舒服。
- 把学习笔记公开写出来（比如开个博客），输出是最好的输入。
就写到这里。如果你也在学前端，欢迎在评论区或博客留言交流。