首发于从零学习前端开发
前端学习路径

前端学习路径

什么是前端工程师？

总而言之前端工程师就是运用HTML/CSS/JavaScript等Web技术，在工作中配合设计师实现用户界面，和后端工程师进行数据对接，完成Web应用开发的职位。

开发工具

设计软件

前端工程师最首要的任务就是把设计师的设计图切好并翻译成代码，所以我们要学习一些设计软件的基础操作和切图方法。


  • Sketch 轻量且功能强大，切图迅速高效，为UI设计而生的Mac App


编辑器

工欲善其事，必先利其器。可以用的编辑器和IDE有很多，在这里我只推荐最棒的两个。


  • Webstorm 功能强大，学生可以免费用的前端开发IDE

代码管理

不光要学会写代码，也要学会管理你的代码。在工作中你可能会遇到需要自己部署代码的情况；不停地修改迭代重构，当然也需要你掌握版本控制软件。



测试工具

预览和调试必不可少，编写前端代码的大部分时间都是在编辑器和浏览器之间切来切去。
  • Chrome Dev Tools 谷歌浏览器开发工具，想要预览调试你的前端页面必须在这里啦


基础知识





中级知识









高级知识
















服务器端



技能图谱

在线资源

在线教程

在线书籍

推荐书目



P.S.评论区这段时间老有人问学完上面这些内容要多久。现在的年轻人真是……

数学能学完吗？物理能学完吗？再退一步，美容美发、烹饪料理能学完吗？为什么老试图学完一门知识呢？

列出上面这个列表不是为了吓唬谁，而是给大家的学习提供一个可以参考的路径。

话说回来，学过一遍（不要妄图学完，书能读完吗）上述的所有内容其实用不了多久，但时间长短更多的还是和个人有关。

编辑于 2021-06-23 16:21
前端工程师
前端开发
前端入门

文章被以下专栏收录