后端程序员想要学习一下前端，有无比较好的学习路线推荐

[hsuyeung]

情况

1. 后端开发（主力 JAVA ，平时也会写写 Go 玩儿）
2. 前端 JS 还行（自己玩玩的程度，工作肯定不够），CSS 老大难！
3. 喜欢看文档学，视频辅助，但是不喜欢一直看视频学习。
4. 学习更倾向项目驱动，有需求让我练手我就能很快上手一门新技术，但是纯学习就比较枯燥。

问题

1. 想要闲暇时学习一门前端框架，不用于工作，只为了自己也能写点页面什么的玩玩儿，算是兴趣爱好。Vue 、React 、Angular 纠结选择哪一个作为刚开始学习的框架以及该语言的学习路线。
2. 除了语言框架，有无一些比较好的 CSS 样式的框架推荐
3. 有没有什么比较好的练手的项目推荐（个人目前想法是，自己挺喜欢阮一峰博客那个样式，看起来也不是特别复杂，就准备决定了语言和框架后做仿一套练练手，不知是否合适）

[usapla]

@sinnosong1 #21 谢谢，已经收藏了

[pengtdyd]

一点前端基础都没有就推荐框架？？？我觉的先把基础学学吧

[henryhu]

没人提 css 的框架 Bulma ？

[plzcomeon]

学 PHP （手动狗头）

[licoycn]

还是先从基础学走，HTML 、CSS 、JavaScript ，等熟悉而后再慢慢接触 Vue 及 TypeScript 这一类。

看楼上大多数都说 CSS 很难，如果不是特别炫酷的效果，CSS 无非就是边距、边框、定位、层级、阴影、过渡等一些效果，语法都是固定的，基础的学会了再上手 Less 或 Sass 就会发现新大陆。

[cr217]

@murmur 比起 ref 、reactive 、toRefs 、toRef ，还是 useEffect 好学😂

[WispZhan]

Java or go 后端学前端，如果想系统性的，推荐先从 Angular 开始。
原因是知识点全，框架理念，逻辑概念类似。而且你不需要到处找你不熟悉的各种插件和组件。

你等把所有 Angular 概念吃透了，就可以安心折腾任何一个前端框架了

[Envov]

推荐后端学习前端必经路线：
1:学习 nodejs v14 和 npm 包管理工具，产出 [js 操作计算机文件] 、 [js 操作 excel 表格] 的小工具就可以结束了。这时候你需着重了解 commonJS 的模块化 js 概念
2:学习 webpack 4.x ，它使用 nodejs 给前端提供了强大的工程化能力，产出 一个自定义打包工具就行
3:学习 vue.js,利用 webpack 产出一个脚手架
4:使用 vue-cli 脚手架

[x86]

标记下，css 和 js 头疼

[cz5424]

同后端，学了 vue2 ，表示 vue2 要过时，vue3 要重学，css 也没那么难，感觉 webpack 被 vue cli ，vite 代替，或者说隐藏了起来。另外，本人招前端的时候发现前端的简历都是会用 xxx 框架，xxx 组件，非常不解，有人解答吗

[dNib9U2o8x]

@sy20030260 tailwind 维护性还好，项目大了肯定要拆分组件的，里面不会有大量的 html, 基本组件本身的语义就够用了，如果觉的还不够，还有 @layer 呢

[redtech]

@cz5424 你一个后端 面面前端 这么卷了吗

[BaiLinfeng]

我是比较喜欢看视频，不喜欢看文档，总感觉文档是外来语

[P233]

给自己打个广告 /t/841029

[ruoxie]

到底 css 难在哪？

[cz5424]

@redtech 不是全栈是全干工程师了

[v2eb]

https://web.qianguyihao.com/
https://v3.cn.vuejs.org/
css 布局

[yunyuyuan]

框架的话，建议 vue3 ，vue3 挺灵活的，这有个视频详细介绍了 vue3 的思维 https://www.bilibili.com/video/BV1rC4y187Vw

[waltcow]

tailwindcss/windicss + react

[qqqqqcy]

5 年大厂前端发言，当然是 vue 好，react 概念太多了，如果要面试装逼或者造轮子才推荐 react ，非前端学这个纯粹找虐