后端要咋快速入门前端开发呢?

44 天前
 5261

需求背景 1 、主业 java 后端开发,项目空窗期比较多 2 、想再掌握一点前端开发技能,不敢说可以单独开发、有些 bug 或者前端功能可以自己独立上手处理 3 、目前项目中是用 nodejs 、ts 、nextjs 、react 都有用

现在情况 1 、上周开始 大概 review 一遍 js 基础知识点,然后了解到 nodejs 、react 、nextjs 、typescript 2 、上周按 nextjs 那个教程动手撸了一遍 demo ,对这些个框架稍微有些了解是干啥的 3 、因为看 nodejs 、react 、nextjs 、typescript 这些文档的过程中,交叉的太多,有点懵逼了,那最后到底该按啥顺序入门好些呢?

4543 次点击
所在节点    程序员
57 条回复
ericguo
44 天前
可以暂时放弃 typescript ,react 的核心知识最重要,建议学 The Road to React ,Hook 版本就很好,免费的。
to
Vipcw95
44 天前
基础是 html css javascript XMLHttpRequest
一把梭就 vite+vue 配合 vue 的各种生态,ui 组件库,npm 上的轮子
qhd1988
44 天前
建议先试试 ai,想做啥先让 ai 做个初版,看自己能不能看明白&改明白,
明白了你就学会了前端了😅
https://v0.dev/
slert
44 天前
哪不懂问 ai 就好了吧
5261
44 天前
@Vipcw95 vue 可能暂时不考虑,主要结合公司的前端项目用到的框架来走,不然没办法学以致用
5261
44 天前
@ericguo 好的,我调整下优先级
5261
44 天前
@slert ai 固然好,但还是想了解下前端的这些知识
ripperdev
44 天前
我也是后端,最近也在学 vue 。
大概就是在 B 站找一个 24 年的对应框架的视频,跟着做一遍就好了
5261
44 天前
@ripperdev 哈哈,前后端互相卷了 ,我们是没办法,后端人多,前端人少,只能想办法去学起前端知识,分摊点活
neptuno
44 天前
学习的话建议不要看公司前端的框架,会把你带跑偏。直接看 vue 、react 的官方文档。然后 css 用 tailwind (他的文档写的很好,对你学习 css 很有帮助)
JoeDH
44 天前
@ericguo #1 为啥要放弃 ts
NoOneNoBody
44 天前
转换阶段,语言是次要的,选定一个加 gpt 辅助一下也能入门,完全 0 接触的建议还是原生 js 入手
重要的是思想,前后端完全不同
后端一般直接就是数据驱动,是明显可见的,变化的是当前状态和数据的呼应,纯数据计算状态不多,做硬件或系统级的状态才多,所以难点的更多是数据量(数量或频次)
前端是用户的操作事件驱动,不可预料的事情很多,变化的就是这个事件,要做很多“确认”步骤才能得出状态,然后才是产生数据,所以很重要的点是了解用户的操作事件,以及这个事件如何确认状态;例如鼠标动作是左键单击、右键单击、左键双击、按下、释放回弹(两者共同才构成 click)、滑入、滑出(两者共同构成一个滑过)……要做确认状态,还要做排除状态,例如按下是先于 click ,两个都响应的话就要厘清,如拖放操作是必须判断按下事件的

上述说的是 client 端,纯 web 端没这么复杂,因为 web 端思想是一次提交,client 端是每个操作各自提交,只是可能提交对象是给富客户端而不是后台,所以现在很多开发都转 web UI 就是简化事件来开发(懒?)
5261
44 天前
@neptuno 可能 css 相关的会往后放,我后端 主要任务就是 新需求的页面、组件化、还有就是和后端数据的请求交互上要我们干,样式啥的还是前端自己负责
ytmsdy
44 天前
@neptuno 可能 css 相关的会往后放,我后端 主要任务就是 新需求的页面、组件化、还有就是和后端数据的请求交互上要我们干,样式啥的还是前端自己负责
----------------------
如果这样的话,简单学一学前端工程的页面加载逻辑,以及数据请求方式就可以了。
最好是先让前端打一个脚手架,写几个 demo ,我们后端把数据请求逻辑写完,其他的都交给前端。这样效率很高非常多
neptuno
44 天前
@5261 #13 不学 css 的话,那前端不是超级简单吗,什么框架都是那几件事情,只需要定义数据、调用接口、定义一些方法就好了。还是建议你尽早学习 css ,这玩意不难,但是能提升你对前端整体的认知
5261
44 天前
@neptuno 收到,感谢建议! 一步一步来,我先完成基本的前端开发任务先,再去折腾 css , 目前还在学习 react
KSroido
44 天前
mark, 我最近也是在学习前端, 一开始想和之前的 rust 经验相结合, (但是感觉有点困难), 目前已经看了 react 和 vue 的入门, 分别写了一个井字棋
我感觉最难受的一点是, 后端的既往开发经验能让我看到一个问题大概就能猜到解决思路,哪怕不动态调试代码都可以(只要是和我目前方向相关的开发问题)

但是前端让我感觉就是, 跟着教程学会之后, 自己想做东西做不出来, 还是得问 ai
遇到一些问题, 很喜欢自己问自己刨根问题, 但前端就是很多事情没那么多原理, 就是一些规定性的东西多, 这个字段就是这个字段这类的
另外就是, 问 AI 的话, 有些概念性的东西还没发确认他说的对不对, 得自己反复验证一下,(不过还是比没有 AI 的时期好一些了)
最后就是, 可能会经常性发生解决 A 问题最好用 B 方案, 但是我以为是 C 方案更好,这类事情.
虽然可以通过更改问 AI 的 prompt 从而一定程度上解决, 但是就让人感觉无头苍蝇吧, 看到一个问题的时候, 后端的开发经验, 没法特别好的为我提供解决眼前问题的思路
zjiajun
44 天前
时间多的话,还是建议从头开始系统性学习,html 、css 、js 、react 、ts 。
目前正在经历这个过程,html 过了一遍,css layout 学习中。
虽然一开始就跟着 react 官网写了个井字棋,官网文档是挺不错的
zjsxwc
44 天前
《深入解析 css 》
rimwindy
44 天前
可以花两三天时间看看这个,了解一下前端工程化。
对于后端来说前端的各种名词太多了,需要先整理下框架体系。
你只学 React 的话 Vue 的部分可以跳过,当然看一下也无妨,框架都是相通的:

https://vue3.chengpeiquan.com/engineering.html

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

https://tanronggui.xyz/t/1096188

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

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

© 2021 V2EX