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

2022-03-17 11:30:29 +08:00
 hsuyeung

情况

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

问题

  1. 想要闲暇时学习一门前端框架,不用于工作,只为了自己也能写点页面什么的玩玩儿,算是兴趣爱好。Vue 、React 、Angular 纠结选择哪一个作为刚开始学习的框架以及该语言的学习路线。
  2. 除了语言框架,有无一些比较好的 CSS 样式的框架推荐
  3. 有没有什么比较好的练手的项目推荐(个人目前想法是,自己挺喜欢阮一峰博客那个样式,看起来也不是特别复杂,就准备决定了语言和框架后做仿一套练练手,不知是否合适)
14108 次点击
所在节点    程序员
77 条回复
a132811
2022-03-18 01:12:45 +08:00
前端工程的概念很多都麻烦要死,还不通用,
webpack 什么的概念太多了,哪年就淘汰了,增加不少调试的复杂性,调试 async-wait 编译后的代码我就遇到不少断点错误的问题。

不过我想说基于 deno 的框架可能是未来 比如 https://alephjs.org/ 看起来还不错

不过现在 deno 没有任何生态可言,千万别用于生产。目前适合喜欢造轮子的把玩
anguiao
2022-03-18 01:21:24 +08:00
@pengtdyd JS 的基础,学过其他语言的没必要再仔细看,其他的坑可以以后再踩。
shuimugan
2022-03-18 02:32:47 +08:00
Angular 简单啊,一两天上手不是什么问题,还带 AOT ,在我看来这才是真正的企业级框架。
看一下官方一个小案例 https://angular.io/generated/live-examples/reactive-forms/stackblitz.html 代码结构工整又符合直觉。

再看看隔壁 React 的帖子 https://v2ex.com/t/840200 一个发布了 9 年的框架,在 2022 年状态管理这个问题上,居然有 20 个库在解决,不觉得很搞笑吗?

当然最简单的还要数 amis ,纯 json 定义页面,非常无脑,做东西贼快。
wangyzj
2022-03-18 09:12:51 +08:00
永远 vue2
phinex
2022-03-18 09:27:54 +08:00
这是引战啊 一二楼要干起来了
GoogleJP
2022-03-18 09:34:27 +08:00
React
Daiwf
2022-03-18 09:58:33 +08:00
阮一峰的博客这么丑。。他主要是靠内容。只要内容写的好。哪怕直接 html 里纯文字也有人抢着看。
liuw666
2022-03-18 10:56:20 +08:00
@murmur #40 模版语法我不认为是个后端程序员都学过。 如果只说写页面,react 用 jsx 随便写个方法就是一个组件,而 vue 写组件就麻烦些,要写模版,模版语法个人觉得不好用,使用组件的时候还得注册一下。 重要的是 ts 在 react 支持的好,写 java 的人用 ts 肯定写的更舒服。

要说 v-if 的话,我只能说 jsx 的判断比 v-if 写的顺手 🤦‍♂️ useEffect 就是生命周期的问题,不管哪个前端框架都会遇到吧

这些东西都太主观了,要学习的人不一定就都认为这个东西好学,大家对同一个概念的理解是不同。反正我是觉得 react 上 ts 支持的好,更自由,写起来方便,虽然默认支持的功能没 vue 多…。 没有 ts 我是不想写 js 代码的……
ZiLong
2022-03-18 11:03:57 +08:00
看了回答,卑微后端表示还是不学了
NCry
2022-03-18 11:38:29 +08:00
没有任何经验的话肯定是先从基础开始的,就算是学 Java 也不大可能一上手就推荐 Spring 吧。
murmur
2022-03-18 11:52:23 +08:00
@ruoxie 面试,css 有 n 种方法,理论上你学 1 种兼容性最好的就可以,但是面试希望你会 n 种,还知道最炫酷的那种,比如别的要 4 行,你在 chrome 里 1 行就可以
WhateverYouLike
2022-03-18 12:48:06 +08:00
@murmur tailwindcss 也可以封装组件呀,最后封一个 btn 出来就可以
EPr2hh6LADQWqRVH
2022-03-18 12:56:47 +08:00
百家争鸣,谁都不行
bobo2
2022-03-18 13:32:03 +08:00
大佬不要学了,给我们前端留条生路吧>_<
laravel
2022-03-18 15:40:59 +08:00
依次学 html css (后端来说主要就是各种布局 flex 布局 grid 布局,动画这些锦上添花吧) javascript (这个才是主要的) 最好学学 javascript 设计模式
然后 nodejs webpack vue/react 挑一个,然后学 vue/react 生态系统里常用的东西比如 vue-router 、react-router-dom 、vuex 、redux 这些
然后学 ui 框架,Vue 的 element-ui ,react 的 antd 这种的
MrDavidJones
2022-03-18 20:04:20 +08:00
别学了 互联网都别碰
bthulu
2022-03-19 09:52:07 +08:00
react 自身是简单, 但是 react 你想做点像样的项目, 那 react 全家桶里的 redux 啥的, 光概念就能绕晕你. 如果只是学着玩不打算做项目或者打算学个很长时间,那就 react. 想短时间学个七七八八拿来做项目, 那就 vue.

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/840973

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX