后端开发如何学习前端，达到能用 React 和 AntD UI 组件库做一个管理系统的水平？

[qwerthhusn]

我自己脑海里有个小产品，想自己学习前端用 TS，AntD React 把其做出来。

本人“精通”Java，熟悉 HTTP 协议栈的细节，WebSocket 协议也很熟悉（都是用 Wireshark 仔细观察不同的 Content-Type 的请求的具体形式），但是对前端开发停留在document.getElementById的水平，因为几年前用过 Spring MVC 写过一些 JSP 页面，而且都是照着别人的页面去写的，那时还是 HTML4 和 IE8 的天下。

我之前把 React 官网上的 OX 棋 demo 给研究了一下（不是抄，每一步都是自己尝试着去写），学完之后直接上 AntD 发现啥也写不出来，不知道咋弄。过段时间全忘记了。

求大神给一个快速的学习路线，能多久入门前端并能写一些东西。

[ivyliner]

@qwerthhusn 其实前端也没有啥难的(我指的是要做自己的小作品场景下).
看看我作为一个运维工程师的业余作品 https://engineerdraft.com/

什么 React, Vue, Antd, 小程序, SwiftUI 一把梭.
Webpack 是个啥? 需要懂吗 ? 反正我目前还没有到需要 unpack 它的程度, 大部分人其实不就是写个配置文件嘛.

总要的是要改变自己的 mindset, 就当成一个新东西来学, 不要停留在之前 网页三剑客时代的思维就好了.

[agdhole]

Java 写前端，那选 angular

[Oktfolio]

Vue 如果不是为了快速做个人项目的话没必要去学。Angular 和 React 都可以，React 其实就 Redux 会麻烦一点。后两个写 TypeScript 不比 Vue 半残的 TypeScript 香？

[lifeintools]

都是靠接私活来学新技术

[tikazyq]

先学习如何做到不好高骛远

[zgren]

从 Vue 开始学习好点，然后用 UI 框架和 cli 脚手架开搞，做简单的布局，然后开始页面功能和接口数据请求，然后慢慢理解

[cgpiao]

@thtznet maui 连官网都没有吧，比如介绍组建，生命周期等等的地方。其实我蛮想尝试这个写下一个 app，但感觉是不是太早了点。

[wwwtarzan]

要不试试 angular ？ 之前我老板就是 JAVA 出身 比较推崇 angular

[neptuno]

vue 简单点，，，学了 vue 你还可以写小程序啥的

[uilvn]

比较简单的办法: 给我投简历，进来我亲自带你 :D

[zhangbohun]

和楼主差不多的前端水平时候写的总结，仅供参考，https://blog.csdn.net/zhangbohun/article/details/61935231
后来也简单用过 Vue

[iseki]

@qwerthhusn 然而整个开发环境构建工具是跑在 node.js 上的，包管理器 npm/yarn 似乎没什么可学的…其实 webpack 感觉需要的时候再去看也行，create-react-app 一把梭

[qwerthhusn]

@zhangbohun 感谢！ 6 又知道了一个库 Underscore，就像 Java 里面的 commons-lang 或者 Guava 一样，有一些常用的方便的方法
而且还有像 JDK8 那样的集合 Stream 操作，我还以为要找个 RxJS 这种库才能实现呢。。。。。

[lifesimple]

稍微看下 React 如果只是做管理系统的话 直接 antd pro 拿过来看

[qwerthhusn]

@iseki 明白，webpack 我感觉像是 Maven 或者 Gradle 类型的东西。开始初期照着别人弄一套能用就行。

[qwerthhusn]

@tikazyq 是的，一步一个脚印，我还是先花点时间把 JS 入门了再说。再看 JS，发现虽然很好理解，但是语法灵活度要比 Java 高多了

[fengerzh]

@qwerthhusn 灵活是什么意思？你是指'1' == 1 吗？这个应该是更容易了，而不是更难了啊。

[qwerthhusn]

@fengerzh 主要是语法比较多，得慢慢记。比如那个||，在 Java 就是逻辑短路或，但是在这里还有其他的意思（我还没绕清楚）

[Xview]

对楼主最适合的是 vue + iView, 学习成本很低，不需要理解那一大坨莫名其妙被引入进来的东西

[lancelock]

你就 java 加个模板引擎直接写得了，省事多了