AI时代下,前端如何破局

这篇文章,是我作为一个毕业一年的前端开发在面对AI迅速发展的当下,一些思考和后续的学习路线;

一、AI给前端开发带来了什么?

1. 开发效率显著提升:有多显著呢?原来手搓需要一周时间的页面,用AI最多一天的时间可以完成,使用claude模型给定原型页面还原率可以达到百分之百,再输入api文档,前后端交互也可以完善;

2. 从代码开发者向评审者的角色转变:在AI的助力下,我们更多的时间已经不是在写代码,而是去评审AI生成的代码。AI生成的代码可能在样式和逻辑上都没问题,但是很多时候它不会考虑项目结构、不会考虑冗余、不会考虑性能,用AI是为了解放双手,但是不能像堆垃圾一样,这会影响后续的可维护性,所以在AI生成代码之后,我们应该站在评审者的角度去分析判断和优化,这要求我们具有评审的能力,也就是我们要知道什么是正确的什么是最好的;

3. 需要我们去更深入的了解如何使用AI:随着各种vide coding的出现,对于前端来说,我们应该学会多线程的使用AI,学会使用AI的skill、MCP、rules等规则工具,这能够帮助我们更好更快的完成开发;

**4. 个人成长方面:**想必很多朋友们都听过"前端已死"的言论,我认为这不是危言耸听,只是时间问题。因为在我们公司已经有所体现,一个项目,后端人员自己就能搞定前端,之后有点样式问题他让我帮忙调下,但是并不是因为他不能调,因为他让我优化也是给我一个AI画的原型,让我根据那个调,而我也只是将原型再喂给AI,让AI帮忙调,交给我只是他没时间;

那么,我应该如何提升自己的核心竞争力,从哪个方向提升自己的能力呢?

二、我的学习计划:

思路:前端在深度方面很难再有进步,所以我想拓展广度,在最短的时间内拓宽自己的技术面,快速具备全栈能力,能够独立写一个系统并掌握部署能力;

后端:Node.js、NestJs、RESTful API

数据库:MySQL、Redis(可以先了解)

工具:Docker、Apifox/Postman

第一阶段:后端基础----nodejs基础回顾+Express---能写API

第二阶段:NestJS核心、数据库MySQL---写完整的后端服务

第三阶段:全栈打通--实现前后端联调

第四阶段:Redis、权限系统、文件上传

第五阶段:docker部署+linux基础

在此基础上后续会深入学习下后端,例如python\go\java语言;

不知道方向正不正确,但总要先动起来,,以上是我的一些浅略的思考,也是给自己制定一个目标督促自己,欢迎大家一起交流。(已经进入第二阶段了,后续会发出一些学习笔记)

相关推荐
WPF工业上位机5 小时前
YXGK.FakeVM深度学习之5语义分割
人工智能·深度学习
落叶无情5 小时前
ICEF认知操作系统:四类约束全维度全覆盖,是全谱系系统化约束体系
人工智能
碳基硅坊5 小时前
Gemma 4 12B 让AI创作更私密更高效
人工智能·gemma-4-12b
weixin_468466855 小时前
大模型新手入门与实战指南
人工智能·深度学习·ai·大模型
装不满的克莱因瓶5 小时前
掌握 RNN 与 LSTM 模型结构
人工智能·python·rnn·深度学习·神经网络·ai·lstm
jeffer_liu5 小时前
Spring AI 生产级实战:裁判员
java·人工智能·后端·spring·大模型
云水一下5 小时前
TypeScript 从零基础到精通(五):高级类型与泛型
前端·javascript·typescript
counterxing5 小时前
vibe coding 之后,我更不想打字了
前端·agent·ai编程
weixin_446260856 小时前
Agent 会自行回避吗?测量 LLM 智能体合规性的带内访问拒绝信号
人工智能