请问 2023 年了，现在学习前端的路劲如何，请各位大佬指点

[yixinlove]

本人是一个后端，熟悉 java/go ，之前也做过一段时间全栈，用的 ExtJS ，没怎么学 CSS ，但是了解一点，不过都是好多年前了，前端日新月异，之前了解的相当于前端来说只是一个浅显入门。

想请教大佬，现在想学习前端，应该先学什么？是否要学 CSS ？我对 CSS 、构图架构很畏惧，很容易陷入调整一个位置的细节。 另外，TypeScript 是不是现在主流？还有现在前端工程化工具、最佳实践，因为没有项目经历，只是自学，应该从哪里入手？

先谢谢各位大佬指点。

[yixinlove]

也了解过现在有一些 CSS 框架，譬如 element 、bootstrap 、twindcss 等，是否可以用这类框架把一个网站搭建起来？

[Leonard]

CSS 必学的，不过普通做网页不用学得很深，至少布局或者简单的样式要会，复杂的动画那些可以放一放。那些 CSS 框架只是让你写起来更快，还是建立在你了解 CSS 基础上的。
Typescript 还是推荐学的。React 和 Vue 至少学一个吧。

[yixinlove]

@Leonard 感谢大佬指点，我先学一下 CSS 和 TypeScript 。想了解下，现在前端工程花推荐什么，我知道有 webpack 、vite 什么的。

[Leonard]

webpack 和 vite 都要会的，用哪个根据你使用的框架和环境来定。如果只是使用很简单的，要找工作的话再深入了解

[fantathat]

这么谦虚，“做前端的跑过来问候一句，我也不会”

[huangcjmail]

我也是后端在学前端，现在跟着尚硅谷做硅谷甄选的项目。

[fantathat]

您学习前端的目的为何，是想做项目吗，前端的派别和路数也有很多，其主要目的都是为了开发方便，为了更好的构图。前端工程师主要做的事情是用户界面的构建，以及连接二者合成可运行的产品。如果是要学技术，那么开源社区有大把框架，只需掌握其中一个就能开糊开始糊，如果想要更深入的了解，那么需要一定的经验知道前端最主要的麻烦是什么然后从不同的角度予以攻克，这都是技术之谈。最后，不要沉迷哦。可能等你掌握了技术你会发现你还是做不了项目，因为产品 ui 后端前端项目管理一个都不能少，而你做项目其实最缺乏的是时间。

[encro]

“对 CSS 、构图架构很畏惧，很容易陷入调整一个位置的细节”

您是做大事的，不要陷入做前端的细节中去了。。。

前端狗满满都是细节，路径打成路劲会被人追着骂，少一个像素也会被人鄙视。

前端狗也没法选择 TypeScript 还是 ES ，因为很多源码都是糅合的，你用框架源码可能是 TS 的也可能是 ES 的，压根不会让你有选择权利。


前端狗也不考虑项目经历，直接拿来就干，上手？不是干着干着就上手了吗？

所以：建议想一个 idea ，用 uniapp 做一个小程序开始。。。

[musi]

学习的目的是什么？
做个小工具？那直接上手写就可以，建议 vue3+各种组件库，降低学习曲线，不懂就问 gpt 。
转行？这年头应该不会有后端转前端吧，如果你是这想法劝你不要想了。

[Tyaqing]

如果不是要转前端，推荐直接怼框架，React 、Angular 、Vue ，或者找一些类似的项目，比如比较火的各种 gpt 套壳项目。这一部分你就学习到了 typescript 、前端工程化的相关经验了。
CSS 这部分的话建议先学最基础的，我理解其实搞懂 Flex 、层叠上下文、定位、流式布局基本也毕业了，其他的知识建议边查边学。
然后在上 bootstrap 、twindcss 就很轻松了，加油！

[theprimone]

都什么年代了，直接从应用框架上手就好了，React 选择 Next.js ，Vue 选择 Nuxt.js 直接搞就好了，先把默认的技术栈搞懂就好了 😄

[iorilu]

别问，问来问去永远不会

说实话，我已经搞了几个网站了，我也不敢说会，有时候想弄个对齐都搞半天，但这不重要，除非你想彻底转成前端

[omniversia]

最近一直关注 AI 发展，现在已经有 n 个可以把手画界面生成前端代码的 AI 工具，虽然目前并不完善，不过我觉得再有几年发展，能方便通过简单手画草稿，甚至文字描述生成页面的较为成熟工具，也不远了

[wuhao747003943]

前端不怕被 gpt 取代吗？

[taotaodaddy]

react+tailwindcss

[GeekGao]

认同楼上，react+tailwindcss 一把梭先试试

[roycestevie6761]

学啥前端，搞个 gpt4 就行了，我目前的做法就是这样

[v135ex]

不会的问 GPT 就行，给的答案直接贴上去就能跑了

[fengyedzf]

https://roadmap.sh/frontend

[zsj1029]

Astro 加深理解

[dddys]

nextjs + tailwindcss 一把梭

[yixinlove]

感谢前面几位大佬建议，我不一一 @ 了。

我学习前端的主要目的是能做出一些小工具，另外就是以前端的身份来再看看后端，从而对后端一些 API 设计有更好思考，避免后端设计 API 时想当然。

[hrdom]

没必要专门学 TypeScript 和前端工程化

[a632079]

@yixinlove #22 如果你是抱着学习前端的目的来设计后端 API 的话——那完全没必要。思路完全不同，前端世界所有的工具，都是围绕着表达 UI ，以及实现 UI 与状态数据绑定（交互的），和后端的耦合只有 invoke （请求） 罢了。前端世界最多抽一层作为 API 入口，然后再其他获取时候通过这个 layer 来拉数据，或者实现突变（ POST 等请求）。因此，你作为后端，需要学习的是，如何设计良好的 Restful API ，必要的时候提供聚合数据，以及前瞻性的学习 GraphQL API 那套。

[a632079]

@yixinlove #22 另外，上面说的是传统前端的思路，前瞻现在 Nextjs 的思路，他是将数据 binding 直接实现在了 RSC ，这意味着你甚至都不需要实现 GraphQL API 那套了。前端直接在胶水层把数据汇聚的工作给你做了。

[iorilu]

我大胆的说下，没多久应该就有工具自动从后端 api 规范生成前端代码，啥都不用搞前端信不信

反正大多人没多讲究，能跑就行

[hunterzhang86]

我之前请教过 ChataGPT ，建议去先拿博客练手，所以我用 www.ifb.me 在学习前端。然后再尝试更复杂的应用开发。

[a632079]

@iorilu 其实 openapi 就是干这个的，但奈何生成工具太烂了，最后只能手写一套 binding ，哎