全栈工程师这个名词和职位已经出现多年了。这个职位的出现，就是市场对研发人员一个非常虚幻的期望：一名工程师，可以同时完成前后端开发工作，而人力成本只有他一人。

这些年来，随着前端技术、架构的不断变化、迭代，要得到一名同时深入掌握前后端开发技术的全栈工程师，市场所要付出的成本，远远高于了一名前端工程师加一名后端工程师的成本。另一方面，在工程师们和市场的双向奔赴下，前端工程师和后端工程师之间在这些年中也产生了更大的技术壁垒。

这两个因素使得大家选择学习前端还是后端时，只能选择其一。

那么，后端工程师有必要、需要学习前端技术吗？

百花齐放的前端

如果你是一名前端技术的新人，当你打开搜索引擎，想要搜索一下最新的前端技术时。你不仅能搜索到前端的核心和基础：Html、CSS 和 JavaScript；你也能搜索到一些新奇的框架：React、Vue 和 Angular；甚至，你还能搜索到：Material UI、Antd 和 Chakra UI 等前端组件库。

面对一些熟悉和一些不熟悉的英文名词，你但凡少上一点勇气，你就会放弃学习前端了。但是作为一名后端工程师，虽然我也不太会前端，但我发现当下真是一个美好的时代，有这些前人为前端所做的丰富工作，前端的入门对后端工程师来说变得相当容易。

难以学习的前端

在前端的学习中，对后端工程师来说，Html 和 JavaScript 的入门是比较简单的。Html 作为一种标记语言，对照 XML，后端工程师理解它是比较容易的，而 JavaScript 作为一门脚本语言，则正是后端工程师的菜，它也不会成为学习的障碍。

对后端工程师来说，最困难的是：CSS。

有人谈过一种说法，前端是感性人的世界，后端是理性人的世界，所以作为理性人的后端工程师，比较难以学习前端的 CSS。

而真实的情况与这种说法类似，但更客观：CSS 是一群搞书籍排版的专家设计的。

基于这一事实，我们终于可以理解为什么 CSS 一直是后端工程师学习前端的拦路虎。

因为书籍排版的这些专家，他们提出的 CSS 是一套基于规则的系统，每一条 CSS 配置都是一条用于排版的规则，而通过这些规则的组合，最终实现前端页面的展示效果。

有了以上的理论上的认识，学习之路将会略微平坦一些，但是学习 CSS 的困难是依然在的，有不有什么好的方法来解决呢？

慷慨无比的前端

我上文提到，当下是前端的美好时代。就如 CSS 学习问题，前端技术体系中，出现了很多优秀的前端组件库来解决了这个问题，比如国内用得比较多的 Antd，国外用得比较多的 Material UI.

基于这些组件库，我们可以像面向对象开发一样，直接复用这些组件来实现强交互的界面逻辑。我们只要学会一点点 CSS 的基础，甚至能将这些组件库改成我们想要的风格。

而这些框架、组件库的文档、示例的丰富程度，堪称：富有且慷慨。只要你愿意学习，可以很快入门。

学习前端！

那么为什么要学前端呢？

作为后端工程师，我们可以创造很多有意思的东西，来解决用户的问题。但很多东西创造后，有很多东西是需要解决用户交互问题的，没有交互，再好的后台，都是一潭死水。

直接使用 Web 技术的前端，无疑是最快、最方便的一种方式形式。

所以我建议后端工程师都学一学前端，毕竟正如上文说到的，现在丰富的前端资源，让前端变得如面向对象开发一样简单又轻松。

基于我的学习经验，我推荐先学习 React，然后深入一下 NextJS，这样可以学会一种组件化的框架；同时，注意最好不要直接写 JavaScript，而是使用 TypeScript 来书写，这样在写逻辑代码时，可以有类型检查，让你有一种写后端语言的感觉。最后，选择一种前端组件库来绘制界面，推荐先学习 Antd，它和 React 结合比较好，文档、示例都比较丰富。

也许，你就是下一个全栈工程师！