后端开发,会写简单的后台管理页面（基于 element 框架），想整体学习下前端，学过基础的 html+css 相关，但是整体没有一个大的前端学习方向，有没有前端大神给个走向。

[Renco]

工作需求做过基础的页面开发。但是都是基于别人搭建好的框架，然后在中间写单独的 view 页面。（ copy 大法好），对前端挺感兴趣的，于是想着把前端技能也掌握。

顺便问一下 前端可以自己搭建一个属于自己的组件库嘛，类似 element 、vuetify 这种的 UI 组件。在使用别人的框架的时候，有些确实不是自己喜欢的样式。想自己设计一套供自己使用。前端开发有做类似这样的操作么。

[thtznet]

用 quasar, 你不需要会 css，一样写。

[monetto]

非前端大神就不答了...

基于兴趣还好。但是个人感觉，不要分散太多精力。成年人的精力感觉极其有限，后端要学的东西太多了。并发编程，数据库引擎，各种中间件 Redis Kafka ES...

不过要是碰了前端，发现自己热爱的是前端，最后能成为前端大神，也不错。祝好～ ：）

[120qwer]

差不多的情况，我也想让各位大神们指条明路，哈哈

[shakukansp]

先照着 alement 的 api 把它的组件实现一遍

[x940727]

@monetto 无论后端写的再好，始终也是要展示出来的，GUI 是任何写代码的都没办法避开的问题……

[3dwelcome]

个人推荐学前端学习 tailwindcss，把 CSS 整个都抽象化过一次，相当好用。
现在 CSS 基本没有 float 定位什么的，都是无脑 flex，比起以前，好学太多。

[csdoker]

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 类应用、在线协作类应用，富文本编辑，都是难点技术，可以自行选择感兴趣的方向专研下去，如果你头发还够的话（狗头

[Renco]

@csdoker 谢谢！

[yEhwG10ZJa83067x]

https://github.com/kamranahmedse/developer-roadmap/tree/master/translations/chinese

[chogath]

找个前端女朋友，你们俩双剑合璧，干柴...哦不对，干将莫邪。

[angmieee]

你首先得先用一段时间别人的组件库，样式不喜欢是可以改组件样式的，然后会发现有些现成的组件怎么改也满足不了当前业务。。。于是咔咔咔自己整了一个自定义组件，当这种组件积累了足够多，你就可以搞自己的 UI 组件库了。一上来就整。。。

[monetto]

@x940727 公司里一般都会分的很细的呀...一般不会要求后端去写前端代码的。除非是耦合度比较高的老系统，jQuery 那种。偶尔也会有小需求去改 Vue.js 的前端，不过都是一些特别小的需求，能实现就行...

哈哈，反正个人感觉，后端想要精进的话，专精很重要。

[x940727]

@monetto 框架层面上就不要谈后端专精了吧…现在大部分后端框架原理，代码流程背的那叫一个熟练，写个 LeetCode Easy 都写不出来，而且不谈刷题，分布式系统的算法大部分后端也不清楚，还有计算机里面的编码啥的，一问就是懵逼。还有网络协议，Netty 问就是用过，干过啥就是 Demo，然后写自己熟练掌握网络协议……还有编译原理，计算机组成，程序间交互。这些才是精华啊……

[monetto]

@x940727 哈哈，我也没说框架啊。我说的是，深入理解后端中间件的原理。Redis 深度历险，高性能 MySQL，这种比较专精的书～ 不是框架

[monetto]

@x940727 因为之前有学习过 Java 的 Klass 对象，Kafka 的集群可靠性原理之类的，就觉得后端其实要学的东西特别多。所以才推荐题主不要啥都尝试。共勉吧～

[Messiahhh]

看这个（逃
https://messiahhh.github.io/blog/

[zkqiang]

建议自己写一个前端项目，尽量用原生写，不依赖 Vue React 这种框架，你会提高很快