后端码农如何快速上手前端

除了上学时学了js，html，简单地做过前端东西，工作这么多年几乎就没有碰过前端的东西，全都是后端或者devops。
半年前上岸了新公司L5，职位是full stack，老板说不懂前端可以学。结果到现在，onboarding期间学了些前端的课，onboarding后写了/改了几个component，到现在主要还是写设计和后端。一叫我review ui相关的pr我一句comment都不会给。看也看不明白搞了些啥。

没吃过猪肉也见过猪跑，知道现在都是什么react（公司用），vue之类的，叫我做个啥简单点ticket，只要有现成我也能照着抄一些改一下，加些unit test，但是也很慢。再难一点我就不会了，老板也不逼着，组里有别人做。问过老板两次，需不需要自己花点时间好好学下前端的东西（因为毕竟目前做的非前端的多），老板都说看你自己需要，我心里想这不是看组里需要吗，你招我的时候也明说要full stack啊。（这职位是recruiter给换的，并不是当初投的那个，我也表明自己前端不行，但愿意学）

自己也花过时候学习，特别是公司用的那些，但总是没有开窍的感觉，搞不明白这东西怎么就work了。想请问下有没有什么窍门可以给点，有过相同经历经验的最好。我在想要不要干脆直接上个几十小时的网课比较好。我经常看到说前端上手容易，我咋觉得我到现在都还没有上手呢？我在想，要不要把JS再系统的学一遍？
新公司其他东西比如新的语言，新的framework我到很快就上手，除了前端相关比如react。


而且目前有个比较SB的问题是，因为目前没有怎么做前端的东西，onboarding时学的那些，自己看的那些，到现在差不多都忘了。

这个还是要学，毕竟是fullstack。 而且以后要求升职加薪，容易被别人拿来说事儿。

react好像是前端最容上手的了。
一般的framework都是spa. 主打一个dynamic.
它整体是一个tree的structure，component在这里是一个分枝。
数据变动就考虑rerender，（我记得react现在都是用functional component，把variable绑在useState上触发。）

其实frontend也是有前端和后端之分的。前端管整个view，后端（前端的后端，lol）就是一些services，一般管invoke api，establish connection之类的
async programming很重要，也不知道你后端用什么。基本和js沾上边的应该都能会。

多上手练吧，做个messenger，dashboard， retro board啥的

我在中厂，大厂有啥高端局儿我也挺好奇。xD

前端的东西很杂，还是要多做点项目积累。先把javascript搞熟，作后端面向对象用的多的一开始不是很适应这种语言，尤其是prototype和this的用法。javascript的function做得非常好，用好了完全可以不用new和this，不推荐用class，不是原生的。javascript熟悉了react就很容易上手了。前端css那些东西也很重要同时也很琐碎，要知道浏览器是怎么render的，基本的先了解position，display，overflow，z-index，margin，padding等等，用好flexbox。不过话又说回来了，前端谁都能做点出来，也容易测试，不想后端那么复杂。

2年半yoe，Java选手，最近刚上手完react，我的心得就是自己得从0到1实现一些东西，是最快的上手方法。
1. 过一遍 official "get start" doc. e.g. React doc.
2. 过一遍什么 从零到1 实现XXX的。大概看一遍之后，不对着教程，自己写
3. 自己set up unit test, build, story book, from scratch。
4. 自己set up github workflow from scratch. Implement CI/CD.
5. (Optional) Write, test, build, publish, a npm package to github .

我自己是完整的走完了这几步，感觉理解深了一些，起码概念有了，每一步都知道有哪些流程的工具可以使用。
至于CSS，我自己还没搞，慢慢来

额，学前段和你后端学个新语言一样啊，油管看个入门课程，然后开个小project或者在local给公司project加点新东西，一边做一边学，反正不会就w3或者Stack Overflow不就完了

Rukkhadevata 发表于 2023-6-16 16:10
额，学前段和你后端学个新语言一样啊，油管看个入门课程，然后开个小project或者在local给公司project加点 ...

目前这些我都做过，但就是没有开窍的感觉。不像后端，新东西稍微看一下就有种，“融会贯通"的感觉？

Rukkhadevata 发表于 2023-6-16 16:10
额，学前段和你后端学个新语言一样啊，油管看个入门课程，然后开个小project或者在local给公司project加点 ...

我在想，要不要把JS再系统的学一遍？

您这是搁这儿炫耀帖呢 有这样的老板还学个啥前端

enicloom 发表于 2023-6-16 16:16
您这是搁这儿炫耀帖呢 有这样的老板还学个啥前端

这炫耀啥啊，这东西要没学会，下次lay off不就到我这了（虽然可能跟运气也有关）。现在这环境，要能先狗住吧。

需要时间才能开窍，慢慢熬吧

前端搭个车问如何快速上手ML

对于追求 能读 能跑 不造bug/sev的我来说 楼主很有追求