作者：小傅哥
博客：bugstack.cn
沉积、分享、生长，让自己和他人都能有所收获！
作为后端码农，你还写前端代码吗？ 其实小傅哥工作中也很少需要去写前端代码，即使有也仅仅做做 ERP 页面，简略的运用下 HTML、DIV+CSS、JQuery 对着功能修修补补。而这点老技术的积累仍是在上学时学习的，那时分有本书叫**《尖利的 JQuery》**。学习后，做了许多的的页面结合后端技术练习编程项目。
现在看看这些页面还挺有意思，学生成绩办理、在线考试、图书馆系统，还有一个彩礼办理系统 。距离这些页面的编写时间到现在现已有10多年了，而前端的技术为了更好的习惯互联网运用需求的开发，也发生了许多的变化。包含各类新的结构的诞生，让写前端代码也变得面向对象；vue、react、Typescript 等。
一、为啥写前端代码？
哈哈哈，其实原本我也不爱写前端代码，写习惯了后端今后，那种打开大合的办法驾驭着数据库、Redis、ES、Dubbo等今后，突然写点前端代码，那一个像素1px，就感觉是在shi上雕花。有时分写一天那，也就扣吃出来点那么多东西，所以过往中很少自己去写前端页面。那为啥现在要写呢？
由于，有诉求！当自己想完成一个小东西的时分，只要后端技术，是没法展示出自己的主意到一个产品层的。那么即使你后端的代码写的再漂亮，前端不做一个展现，不体现出后端来，仍是缺少点什么。
而这个写前端代码的萌芽，便是在小傅哥开端做 ChatGPT-Web 时分开端的，后端的 ChatGPT-SDK、API 模型，小傅哥都能够运用非常好的架构和会话的规划形式来完成。但这样好的代码怎样体现出来呢，只要自己干一下才知道！所以，新的征程开端了，我这个前端的二把刀选手，开启了UI界面的规划和编码完成。在这里小傅哥挑选了 next.js + Typescript 由于它更契合面向对象的思想，学习成本低，开发效率高。
二、你想做成啥样子？
小傅哥给我们布置了一个 ChatGPT 服务，由于它运用的便是 Typescript 言语，而且 UI 规划的还比较契合我的审美。所以小傅哥也想做一个这样的东西。当然我会编程出自己的一个结构结构，而且融入自己的主意进去。地址：itedus.cn – 能够进入体会。
对于后端码农来说，你可能乍一看页面感觉也没啥。但就这样一套界面，写起来也需要老多东西了，而且是在一个新的言语开发下，与直接运用尖利的JQuery 彻底不一样。但没关系，好在我的编程思想还在，只要我能要的，基本它都是能支持的。实在不知道的，还能够问 ChatGPT 不是。
三、一番摸索找到路！
有时分你认为 HelloWorld 简略，那是你现已熟练了一个言语。知道它用什么东西开发更顺利、怎样创建工程更简单、设置什么脚本更好用、怎样办法编码才正确。
但没关系，你一切想开端学习的内容，只要是小傅哥炸进去的，都会给你趟出一条简单学习的路。既能让你上手学习到东西，也不至于上你仅仅没有思考的CV代码。—— 我一直觉得，仅仅跟着视频 CV 代码，那仅仅张贴老师的思想逻辑，自己啥都没学到。
- 通过一番摸索现已有点找到开发 Typescript 言语的感觉了，怎样设置页面、怎样路由地址、怎样引入依赖、怎样装置组件。
- 从这个图上你是不感觉，这东西除了有点前端的味道以外，也挺有后端代码的感觉的。也都是面向对象的引入、设置、运用。要不说开发就做三件事；定义特点、创建办法、调用展示。—— 假如你也想学习下，那么跟着小傅哥肯定是能够学习下来的，而且今后自己也能写写页面。或者说最起码能修修补补了。
四、现已开发到哪了？
ChatGPT 是小傅哥新增的一个星球项目，做了 Dev-Ops、API、ChatGPT-SDK，最近开端折腾页面的开发。小傅哥方案按照PC端微信的界面结构，开发一个网页版的 UI，并把 AI 对话填充进去。而且支持面试官人物、简历优化人物、案牍编写人物、法务咨询人物等，便利各类用户运用。
- 课程：bugstack.cn/md/project/…
- 描述：小傅哥的代码质量绝对不会凑 CRUD 写代码，有必要把架构和规划形式组织的明明白白，用参加的兄弟们学到爽！
