一份web前端基础的学习路线

web 前端可以说是最容易入门的程序技能之一了，它包括了三大基础块：HTML，CSS，JavaScript，除此之外还有程序开发所需的公共类知识。

虽然说web前端的入门比较简单，但是要想掌握或者精通web前端，那并不会比其他语言方向简单。由于前端技术的更新速度，学习web前端甚至会更“折磨”人。所以我和小伙伴们整理了一份前端基础的学习路线，它适合新人到两三年开发经验的前端们。

这份路线或许不是特别全，但是基本能涵盖大部分工作中常用的技能项。此外在框架侧重方面，这份路线图选择的是 React 。

路线图

这个是 web 前端基础学习 的站点，接下来就直接看路线图吧：

路线图把前端基础学习分为了三个部分，从易到难平滑地展示出 web 前端的知识点。

第一阶段

第一阶段的学习是面向零基础或者少量基础的初学者的，这一阶段主要是学习各个前端技能点的基础，例如 HTML 的常见标签、语义化 HTML、CSS 基础、常用布局、JavaScript 基础等等。

经过这一阶段的学习，你能用原生 JavaScript 完成常见页面的交互功能。

第二阶段

第一阶段的学习过后，要想参与项目的开发肯定是不够的。第二阶段前端的技能就开始变多了，JavaScript 方面，你需要开始学习框架了，同时还要懂得常用的高级特性和设计模式；CSS 方面要开始接触预处理器、框架、CSS3 特性等。在公共知识方法，你也需要学习更多。

这一阶段的学习让你可以参与到团队工作开发。完成策划的需求，配合 UI 和后端等完成开发，并通过 QA 测试和策划验收。

第三阶段

第三阶段的技能点相对比较开放些了，如性能优化，函数式编程、服务端渲染等等。

这一阶段的学习仅供参考，根据自己的需求和兴趣去学习。

总结

单纯的学习前端肯定是非常枯燥的，最好的学习模式就是工作和学习相结合，相互促进，就是指学以致用。前端的技能知识点真的很多，所以还是需要能静下心来学习。