从后端开发转职前端开发，我学到了什么？

Myth丶恋晨 2023-03-04 04:29 3阅读 0赞

从后端开发转职到前端开发真的不容易。特别是当你已经习惯了后端开发的工作模式，习惯了构建数据结构，编写类似于测试驱动开发的测试，习惯了使用持久层、仓库和数据库图表，以及给前端创建API接口。

凡此种种，不胜枚举。后端有其复杂性，所以大部分人没有时间学习前端开发的内部运作方式。

我也是。

甚至可以说，基本上已经与后端绑定了，直到我被迫转职，调岗到前端，从此我能为最好的、拥有强大UI交互性的产品编写代码，无需过多依赖前端框架，无需框架提供的黑盒帮我挑重担，还能创造很棒的app。

以下是我从后端转职前端开发至今的经验：

一切都与用户界面和用户体验有关

在后端，让人最为担心的就是数据结构，数据库结构和性能，代码架构，服务，以及开发前端工程师能理解并使用的强大API。

前端则非常不同。开发人员需要关注用户界面，关心用户如何与app互动，然后量化评估用户体验。有时你需要自己设计用户体验，然后改进应用程序流程。

我喜欢前端开发的一点是可以直接解决用户需求、关注他们的体验。前端的方法跟后端不同，因为前端以用户为中心，一切都围绕着如何让用户更舒适地使用你开发的app，而不是处理数据结构。

在项目开始时，把UI摆在第一位，思考应用流程

在我开展个人项目来提升前端技能时，关于“用户点击按钮、与UI组件互动时，UI会如何运作和推进”的思考极大地改善了我的思维模式。

在后端工作时，我无法想象如何与用户互动、如何改进用户流程，因为我几乎只关心CRUD(数据库的增删改查)操作以及app如何将数据存储到数据库，包括最重要和最敏感的信息，比如公式、信用卡信息，等等。因此，当我做UI相关工作时，真的糟透了。

转职到前端后就大不一样了。现在，我会首先考虑用户会如何使用app并与其互动，思考他们是否会喜欢这样的体验。然后，我会在UI或者展示模型的基础上，设计合适的后端结构和数据库。

我目前是在职前端开发，如果你现在也想学习前端开发技术，
    在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，
    你都可以申请加入我的前端学习交流裙：前面：851 中间：231 最后：348。里面聚集了一些正在
    自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题，
    前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。

思考如何提升UI复用性

自从react这样的前端框架面世，开发人员都从“组件”出发考虑和安排UI。组件能够在不同的页面重复使用，这是一件好事。再也不用为重复使用UI组件白费力气了，因为现在UI组件已经标准化了。

正如我所说，转职到前端促使我思考UI的复用性，提升了我的决策水平。在选择符合需求和项目范围的前端框架时，无论是react，vue还是Angular，我都能选出正确的那一个。

如果你想把UI组件分享给不同的项目及团队，建议看看Bit的工具，看它能否帮到你。

构建自己的应用模型

学着为自己的想法构建模型也许与前端技能本身无关，但它无疑帮助我优化了视觉效果，使我能更好地模仿自己的设计，并在前端将其编写出来。

构建模型这一技能不同于前端技能，但是，能够根据模型和他人的设计编写前端代码，这让我感到兴奋，构建自己的模型、用所学的前端技术将其编写出来也让人兴奋不已。

一切都与网页端性能和客户端优化有关

你不仅要关注用户界面，而且要关注客户端及网页的性能。这很重要，因为用户时不时会与浏览器交互，也就是与前端代码交互。

因此，我认为有必要提高网页端性能，无论是使用像本地储存这样的缓存策略，最大化地压缩JavaScript代码，用webpack打包和转换，还是在代码中使用动态导入。

我意识到优化不仅来自后端，也来自前端，它能给网页端应用的用户带来无缝的使用体验。

学会创建快速响应的网页

创建快速响应的网页无疑是前端开发中让人头疼的挑战之一。开发人员必须确保UI的响应在不同设备上都足够快，无论用户用的是台式电脑、笔记本电脑还是智能手机。

在刚开始学习前端开发的技巧时，我仍视其为让人头疼的挑战，直到我找到了其中的诀窍。准确来说，制作快速响应的网页乍看简单，但是我没有意识到我一直以来都错了。

当然，如果打算依赖前端的框架，这个麻烦自然不复存在。但是，我们不想过多地依赖框架，想从头开始，自己学习前端开发是如何运作的。

学习搜索引擎优化(seo)

seo是提升app主页排名背后的驱动力，所以学会seo也是非常重要的。

seo常用于前端app中，帮助顾客或app提升排名，这样潜在的用户就能很快看到app并使用它。

因为学习了前端技术，我能肯定seo是一项必须掌握的重要技术，它甚至能为用户或者app本身提高销量。

善用层叠式样表 (css)

css是前端开发的一个重要组成部分。如果你无法掌握css技能，不知道如何用css排列UI组件，你是无法在前端部门立足的。

一开始，这对我来说非常困难。我没有敏锐的设计眼光，也不知道如何按照喜好合理排列UI组件。但随着我对前端开发的学习、逐渐掌握了css，这就像第二天性一样，我再也无需苦恼了。

因此，通过转职到前端开发部门，我出色地掌握了css。

学会不再过于依赖前端框架

我必须承认，作为曾经从事后端工作的人，我依赖前端框架只是为了完成工作，以及把产品转给他人接手。

我以前在一家初创企业工作时，只掌握了后端技能，我一直依赖前端UI库和框架做下拉菜单和侧边栏，但是这样很容易把事情复杂化，前端代码也变得难以维护，因为哪怕是一小段基础代码都离不开前端库。

转职成为全职前端开发人员让我更自由。因为，仅仅为了让前端UI更好看、互动更流畅，除了框架还有许多其他的方法。要说转职到前端有什么不同的话，那就是你可以自由决定如何排列前端组件、让它们动起来，而无需过度依赖框架。

想要成为设计师

这很有趣。当我从后端转职到前端，想要自学设计。比如说，从无到有设计一切，然后用我过去几年掌握的前端技能把我的设计码出来。然后我有了学习Adobe Photoshop的想法，当然这也需要几个月的时间磨练技巧。

但是，毫无疑问，前端的工作丰富了想象力，同时，我也为能够学习设计感到兴奋!

从一个前后端人员的角度来看，前端的工作一开始真的非常有挑战性，直到我扎实掌握了前端的基础技能，开发app对我来说就像第二天性一样了。

如果你问不同的人，其他人可能第一眼就觉得前端编程非常简单，但对于我来说，一开始前端编程绝对是个挑战。

现在，网页开发生态系统日新月异，我认为学习前端技能对我的职业生涯有益，能够更多地帮助我的客户，所以我马上投身于前端的浪潮，开始学习前端技术。

对于那些想要从后端转职到前端但是又不知道从何处着手的人，以下是我的建议：放手去做，勤加练习，夯实基础，掌握对的技能/技术，在前端开发的舞台上大展身手吧!

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关后端开发和前端开发的区别是什么

![abdc4be792d93c1100864dfd1a66846f.jpeg][] 后端开发和前端开发的定义不同、展示的方式不同、所需的技能不同、入门难度不同。后端入门

迷南。/ 2024年03月27日 08:44/ 0 赞/ 75 阅读

相关从后端开发转大数据开发怎么样？

很多做后端的小伙伴，在某一个瞬间，都想转行大数据，那这种想法可行嘛？转大数据的最初原因很简单，就是好几个同事都转了，他们的收入瞬间提高了好多，于是在同事的内推我也就跟着转了

今天药忘吃喽~/ 2024年03月22日 09:24/ 0 赞/ 42 阅读

相关从后端开发转大数据开发怎么样？

你为什么从后端开发（Java/golang）转到大数据开发（Hadoop/Spark）？转大数据的最初原因很简单，就是好几个同事都转了，他们的收入瞬间提高了好多，于是在同事的内

叁歲伎倆/ 2023年10月10日 14:28/ 0 赞/ 5 阅读

相关从后端开发转职前端开发，我学到了什么？

从后端开发转职到前端开发真的不容易。特别是当你已经习惯了后端开发的工作模式，习惯了构建数据结构，编写类似于测试驱动开发的测试，习惯了使用持久层、仓库和数据库图表，以及给前端创建

Myth丶恋晨/ 2023年03月04日 04:29/ 0 赞/ 4 阅读

相关我从 Vuejs 中学到了什么

框架设计远没有大家想的那么简单，并不是说只把功能开发完成，能用就算完事儿了，这里面还是有很多学问的。比如说，我们的框架应该给用户提供哪些构建产物？产物的模块格式如何？当用户没有

迷南。/ 2023年01月03日 04:06/ 0 赞/ 124 阅读

相关计算机是学前端开发好还是后端开发好？

很多外行人在考虑转行IT时，都会出现以下这样的纠结: 前后端是什么? 做前端还是后端? 这两者哪一个好? 这两者哪一个薪资更高? 这两者哪一个比较容易学? 这两者哪

清疚/ 2022年11月11日 05:29/ 0 赞/ 243 阅读

相关什么是web前端开发和后端开发？

作为一个开发人员，你可能会想：2021年是web前端开发好还是后端开发好？他们有什么区别？如果你在思考这个问题，那你来对地方了。 1、什么是前端开发？前端开发主要是关于网

比眉伴天荒/ 2022年11月04日 11:20/ 0 赞/ 277 阅读

相关前端开发与后端开发的区别是什么？

前端开发与后端开发的区别是什么？在实际开发过程中，前端开发人员精通JS能熟练应用JQuery，懂CSS能熟练运用这些知识，进行交互效果的开发；后端开发人员会写Java代码SQL

Dear 丶/ 2022年09月07日 12:24/ 0 赞/ 215 阅读

相关参加软件开发培训让我学到了什么？

我从3月份开始了解牛耳，到现在在牛耳学习软件开发已经有4个月了。在这段时间里，我感觉自己专业技能和沟通交流方面都有了很大的提升。参加软件开发培训让我学到了什么？在牛耳这

喜欢ヅ旅行/ 2022年09月05日 12:54/ 0 赞/ 182 阅读

相关进入编程开发 7 年，我学到了什么？

前言：相信每位开发者在自己开发的过程中，都会反思一些问题，比如怎样提高编程能力、如何保持心态不砍产品经理、996 之后怎样恢复精力…… 最近开发者 Tomasz Łako

谁借莪１个温暖的怀抱￠/ 2021年12月21日 15:07/ 0 赞/ 241 阅读