目前前端学习（自学为主）较好的顺序是啥

你这些都会的话顶多就是个打杂的

精力有限 同类型的东西挑选一个性价比最高的就好了。

个人学习兴趣导向 想写什么觉得哪个方便就上咯 觉得迷茫 B 站找点前端培训班视频跳着看

学完的话请你坐到架构师办公室来

学习，最好是学了一些东西后就可以作出可用的东西，然后在不断的拓展开来，如果你是 0 基础，可以按下面方式学：


- html,css,js,DOM,BOM，学完了找个官网首页练习下，尽量 1:1 还原，这样基础就算熟练了
- Jquery，虽然现在用的少，但稍微看下，顺便把之前的官网用 Jquery 改造下，看看是不是简洁很多了
- npm 和 webpack 简单了解下，学习 vue，重新用 ve 写一个页面，前后对比后，你就了解用框架开发的便捷了，这时你可以用 sass 写 css，如果你 css 已经熟悉了，sass 很快就上手了，如果使用的 vue，用 npm 安装下 elementUI 库，尝试下。
- 了解下 node，回头想想你之前哪些地方用到了 node


把以上都熟练了，那么你基本可以进行前端开发了，剩下的星辰大海，你可以慢慢探索。

html->css->js->ts

less，sass 这种用到在学，不建议专门花时间去学，三大框架学一两个就行，选 vue 的话入门快一点，ts 学习顺序可以靠前一点，毕竟都 2020 年了:)，学习 RN 之前最好学下 react

项目驱动学习。三大框架、Nodejs 、Typescript 重要一点，flutter or RN 根据需要学习。小程序需要才学，否则就是浪费青春。

@luckynk 也不是 0 基础 vue 刚学完还没做过实际项目，已经有 vue 整个小项目的计划了 jq 那些工作中都用过了的 主要也有在考虑自己是不是应该巩固一下底子，很多还在会写但是写不出好代码的程度，打算好好巩固同时也在想着之后要做些什么

@rodrick 想写出好代码，就在 github 上找个 vue 的后台管理项目，然后好好研究下它怎么写的。

@KuroNekoFan 哈哈哈确实学不完 上面哥们说学完可以打杂了

主力学习 nodejs 、js 和 ts，css 只能慢慢累积经验，sass 和 less 没必要花时间深究，三大框看着文档写就好，除非看源码面试什么的否则也没必要深究

@KuroNekoFan 真实 平时工作中遇到的大佬都不是全会的

@rodrick 这说的也对的，因为肯定是学不完的，说学完必然是只学了 helloword，学啥都 hello world 只能打杂没毛病

@KuroNekoFan 我感觉我已经坐在架构师头顶上了，为啥我还是感觉我很菜，doge 。

0 基础前端学完 js （ es5，但是 this 部分要看透） css html 就可以上框架写东西了，学一堆东西代码没写两行就学个吹牛逼是最悲剧的，等你做出个东西再回来继续学，有框架加持就算是坑也不会深，最多是没学到最佳实践，但是你学到了怎么思考问题解决问题。

小程序不需要学 用的时候撸完事儿了

三大框架学完了也得花点时间每个框架熟悉一个对应热门的 ui 库吧

关于后期方向我一直有个疑问，
前端细分哪些啊?
研究 webgl 的(前端学到后面都得掌握这个吗？)、《深入解析 css 》作者这种的深究 css 的(话说现在 UI 设计师算前端吗？)、
然后平台分个 web 、移动端、小程序我倒是知道的，
是这样分的吗，还是别的哪样的?
那些把 h5 玩出花的有专门的岗位吗(比如做游戏或者播放器的，完全没接触过 h5 播放器的概念)

说一下我自学的过程总时间大概一年半。


ts -> vue --> 小程序 --> react-> webpack
|断断续续看了半本 JS 高程|

没学过 css 和html，面试也几乎不面。

vue 小程序 react 靠的都是自己撸项目，没看过视频。书的话只看了半本 JS 高程。

因为现在做基础框架相关工作，所以目前主要是研究 webpack 打包相关，不做这个可以不学，会配置就行了。

初级升中级可以去学一下 vs code 源码。

@DiamondYuan 现在外面面试都不考 css 的么，我以为都会要求什么手写一个什么什么效果之类的

@rodrick 最近面了六七家吧，就一个考的多（网易），剩下的顶天了就是问 display: none 和 visibility 区别

前端学习书籍推荐，可以参考一下这个知乎回答 https://www.zhihu.com/question/19646390/answer/589201050

然后有个学习前端的专栏可以参考一下 https://www.kancloud.cn/pwstrick/fe-questions/1094971