前端开发从入门到就业路径
读者小杨给我留言，他是做销售的，工作三年了，月薪一直在6000左右徘徊。他想转行，但没有方向。我问他对什么感兴趣，他说：「我一直挺羡慕做前端的，能做出漂亮的页面，很有成就感。」
我说那试试前端开发，从入门到就业有一条非常清晰的路径。
三个月后他给我发了一个链接，是他自己做的个人主页。虽然很简单，但他特别兴奋：「我居然真的做出来了！」
半年后，小杨入职了一家创业公司做前端开发，月薪是原来的两倍。
如果你也和小杨一样，想从零开始学前端，进入这个行业，下面的路径图就是为你准备的。
第一阶段：HTML和CSS基础（2到3周）
这是前端开发的门槛，也是最容易的部分。
HTML要掌握的内容：
常用标签：div、p、h1到h6、a（链接）、img（图片）、ul和ol（列表）、table（表格）、form和input（表单）
语义化标签：header、nav、main、section、article、footer。用语义化标签写出的页面结构更清晰，对搜索引擎更友好。
CSS要掌握的内容：
盒模型（margin、padding、border）、flexbox布局、grid布局、position定位（relative、absolute、fixed）、常用选择器（类选择器、ID选择器、后代选择器）、响应式设计（媒体查询）
练手项目： 仿写一个你喜欢的网页的导航栏和首页布局。比如仿写苹果官网的导航栏，或者仿写你常用App的登录页面。
第二阶段：JavaScript基础（4到6周）
这是前端开发最核心的部分，也是区分入门和放弃的分水岭。多少人前端学了一半就放弃了，就是因为JavaScript没学透。
必须精通的JS核心知识点：
变量和作用域（var、let、const的区别）、数据类型和类型转换、函数和箭头函数、闭包（这是面试必考点）、数组和对象操作（map、filter、reduce等）、DOM操作（获取元素、修改样式、事件监听）、异步编程（回调函数、Promise、async/await）
学习建议： 不要急着学框架，先把原生JavaScript练扎实。每学一个知识点，都打开浏览器的开发者工具，在控制台里敲一遍。
练手项目： 做一个待办清单。用户可以添加、删除、标记完成待办事项。这个项目包含了绝大部分JavaScript的核心知识。
第三阶段：框架入门（4周）
框架是前端开发的利器，能让开发效率翻倍提升。
选框架建议： 新手推荐Vue3。相比于React，Vue的学习曲线更平缓，上手更快，而且中文文档非常友好。
Vue要学的核心内容：
组件化开发（props和emit）、路由（Vue Router）、状态管理（Pinia）、生命周期钩子、计算属性和侦听器
练手项目： 用Vue重写你的待办清单，然后升级成一个功能更完整的项目管理工具。
第四阶段：工程化工具（2周）
前端开发不只是写代码，还要会用开发工具。
版本控制： Git和GitHub/GitLab。学会基本的操作：clone、add、commit、push、pull、branch、merge。这是团队协作的基础。
包管理工具： npm或yarn。学会安装和管理项目依赖。
构建工具： 了解Webpack或Vite的基本配置。Vite更简单，新手推荐用Vite。
第五阶段：项目实战（4到8周）
这是最关键的一步。前面的学习都是在打基础，只有真正做一个完整的项目，你才算真正入门前端。
推荐做这几个项目：
项目一：个人博客。包含文章列表、文章详情、分类筛选、搜索功能。这是最经典的前端练习项目。
项目二：电商商品展示页。包含商品列表、商品详情、购物车、筛选排序功能。
项目三：后台管理面板。包含登录、数据统计图表、用户管理、表格操作。
至少完成两个项目，一个简单的（个人博客），一个复杂的（后台管理面板）。
第六阶段：求职准备（持续）
当你完成了上面的所有阶段，就可以开始找工作了。
求职前需要做的准备：
准备好作品集。把做过的项目放到网上（可以用GitHub Pages），整理成PDF简历的附件。
刷面试题。重点刷JavaScript基础题、Vue原理题、CSS布局题。推荐看「前端面试题汇总」和LeetCode的简单算法题。
写技术博客。把学习过程中的心得写成文章，发布到掘金或SegmentFault。这不仅能帮你梳理知识，也是面试时展示学习能力的证明。
准备项目介绍。面试时一定会问你做过的项目，准备好如何介绍：项目背景、你的角色、技术栈、难点和解决方案。
前端开发的薪资参考：
实习期：月薪4K到8K（通常需要实习3到6个月） 初级前端（0到1年）：月薪8K到15K 中级前端（1到3年）：月薪15K到25K 高级前端（3到5年）：月薪25K到40K 前端架构师（5年以上）：月薪40K以上
小杨从销售转行前端，用了6个月时间。他的路径就是上面这套：3周HTML和CSS、5周JavaScript、3周Vue、2周工程化、5周做项目，最后花3周准备面试。
他总结了一句话：「以前做销售，每个月都在追业绩，心很累。现在做前端，虽然也累，但每天都能看到自己的进步，这种踏实感是以前没有的。」
如果你也想转行做前端，现在就是最好的时间。不需要报几万块的培训班，按照上面的路径一步一步来，你也可以。
推荐阅读：兴趣岛课程