请问 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 加深理解