1 、第一阶段：基础
先把 HTML5 、CSS3 过一遍，推荐直接看 MSDN，大概半个月左右就能把常用特性看的差不多了
然后开始看 JavaScript，这个是重中之重，先把基础特性看完，再看 ES6 的新特性
推荐几个在线教程：
https://wangdoc.com/html/
https://wangdoc.com/javascript/
https://es6.ruanyifeng.com/

JS 书只推荐看《 JavaScript 高级程序设计》 前端必看书

2 、第二阶段：框架
先学 Vue，再学 React
基础学扎实后，再学框架，看看文档差不多就能上手，然后再去 github 找一些 star 比较多的项目看看，基本就能开始搬砖了

3 、第三阶段：进阶

框架上手后，JS 这条线还需要继续往下，这个时候可以开始学 TypeScript 了，算是 JS 威力加强版
然后还需要开始学 Node，可以让你对项目的整体架构和构建有比较好的认识，同时需要学习 Webpack 、Vite 这类打包工具的配置
到这个时候基本就可以开始写自己的小项目了，可以是一些模仿 xxx 的项目，也可以是自己的组件库，小轮子之类的
（比如我就自己用原生 JavaScript 造了一些轮子： https://github.com/csdoker/tiny-wheels ）

4 、高级

前端后期的方向特别多，可视化、IM 类应用、在线协作类应用，富文本编辑，都是难点技术，可以自行选择感兴趣的方向专研下去，如果你头发还够的话（狗头

楼主看的啥开源项目呀 我也一直想找个适合小白看的项目 想学习下别人 hooks 的用法

@Sapp 10k 965 容易找不

@asAnotherJack 我是直接精挑细选两家特别想去的，然后统一安排到周五

@yalin 好的，顺丰他们还是在做自己的系统和产品的

@Iamnotfish 不会啊，我问了他们这边光前端都有十多个。。我现在公司才三个 感觉还是要看具体的部门和地区吧

@ormand1bd 为啥啊

@TimeRain 原来如此。。看来我误解传统行业了。。

@yalin 嗯嗯 是的 顺丰怎么说也算快递的龙头企业了

@zohar727 四川顺丰，问得不难

@freebird1994 前端～

@freebird1994 哦哦。。

@charlie21 看来都是传统行业出来的大佬啊

@javaWeber 是嘛。。。我咋感觉是传统实体行业呢。。他们主要是做线下的吧

@csdoker od 是啥

@freebird1994 成都老哥来握个手，我刚拿到顺丰的 offer，在纠结去不去，顺便问问 of 是啥。。

@TabGre 我面的是速运

@shaopu 我问了下，系统是他们内部自己用的吧，不是外包。。是自己的产品

@tuochenlyu 是的，技术栈不见得比互联网企业老，工作时间还比较正常