新年伊始,新书出版了——大胆仿了一个“稀土掘金”

大家好,我是杨成功。

卡在元旦的前后,我的第一本前端类书籍《前端开发实战派》终于出版了。目前已经拿到实体书 ------ 磨砂手感,双色彩印,这个印刷质量我是非常满意。

废话不多说,直接上图:

有关这本书的故事,我想和大家聊聊。

从目录看,为什么叫实战派?

这本书叫做前端开发实战派,直接看这个题目不知道书中讲了啥,所以我加了一个副标题 "Vue.js 3+Node.js+Serverless+Git"。

之所以叫实战派,原因很简单 --------- 这本书就是为实战服务的。

在这本书设计之初,我就在想一个场景:一个前端工程师从第 1 年干到第 5 年,如果要成长为一个高级前端工程师,必须要掌握哪些技术?

在前期,当然是三驾马车 ------ HTML、CSS、JavaScipt 最重要,再掌握一个框架,基本可以干活了。那么接下来呢?

面对前端日新月异、复杂庞大的知识点,可能很多人不知道下一步该从哪里突破,我也有过同样的困扰。

好在经过 7 年的摸索,这条路线渐渐明朗。我把这些技术重新整理,加上个人理解,于是有了这本书。

下图是这本书的完整目录(长图警告)。

为什么浏览器调试、团队协作很重要?

上面的目录内容丰富,包含了大量的前端知识。

但是"浏览器调试"和"团队协作",貌似并不是前端的核心技术。其实不是这样。

没有人可以一次性写好逻辑完美的代码,一边调试一边开发是常态。我接触过很多同事,开发者工具只会查看样式、查看请求、console.log(),甚至 debugger 都不会打。

事实上,Chrome 浏览器提供了非常多高效好用的调试功能,用好了可以大幅提升效率、快速定位问题,但我们宁愿花时间研究些晦涩的知识,也没有研究浏览器的意识。

所以我单独用一个章节专门讲浏览器高级调试,浏览器对前端极其重要。

书中还用两个章节介绍了团队协作,这算是前端技术吗?

如果你在一个规范的技术团队,团队协作非常重要,因为做项目往往不是单打独斗,需要你有扎实的协作能力,此时掌握 Git 是重中之重。

相信大部分人都遇到过 Git 合并问题、冲突问题、代码被覆盖等问题,如果不掌握 Git,这些问题难以避免,甚至不小心还会带来灾难。

再从团队的角度看,不光 Git 重要,代码规范同样重要。

如果每个团队成员的代码不遵守既定的规范,就会出现一个问题 --------- 你的代码除了你,别人看不懂,更改不了。成熟团队是不会允许这样的情况出现的。

代码规范,提交规范,用工具和流程控制,这样的代码才有质量保证,利于团队协作。

为什么有全栈开发?

我有一个观点:5 年以上的前端人,必须要有全栈开发的能力。

不管你干不干全栈的活,能力要有,干不干和能不能干是两回事。我们知道前端天花板低,如果只盯着前端,那么你的视野就会非常窄。

因为后端接口相关、服务器相关、数据库相关、业务相关,你都不了解,怎么能更好的了解一个产品呢?自然就欠缺了全局思维。

本书介绍的 API 技术栈是 Node.js + MongoDB + Serverless,这是最适合我们前端进阶全栈的技术组合。

Node.js 对大家没有语言学习成本,MongoDB 就像调函数一样简单,不需要了解 SQL,Serverless 又帮你避免了服务器部署的环节,所以可以用最低的成本进阶全栈。

从当下的市场环境看,大家的需求已经逐渐从"跳槽"变成了"保住工作"或"不被降薪"。但是大量求职者已经拉低了市场价。

如果要不被裁员或降薪,你就要提供更多价值,这是市场规律。

价值从哪来?大多数普通前端都是页面工作,可替代性比较高,所以只能向后卷接口,培养全栈开发能力,提升独有的竞争力。

再加上今年"独立开发者"概念火热,全栈开发是基本要求,也是程序员自己做产品的基础能力。

综合实战为什么要仿稀土掘金?

在本书第 5 篇,我用三个章节的篇幅全栈开发仿稀土掘金,如下图:

为什么要仿稀土掘金呢?首先是这本书中介绍了大量的知识,吃透这些知识最好的方式是在实战中应用,因此需要一个全栈项目来实战和巩固。

其次掘金是一个优秀的产品,而我最熟悉这个产品,大多数前端程序员也都熟悉这个产品。开发这个项目,大家可以绕过熟悉项目这个环节,把注意力放在代码怎么实现上面。

再者,稀土掘金的复杂度刚刚好 --------- 既不是规模很大,又有一些复杂的细节,我们通过实现这些功能来进一步提升实战能力。

好消息:仿稀土掘金开源!

这本书中有两个实战项目,开始的计划是只开源第一个 --------- 纯前端实现的备忘录项目,而仿稀土掘金综合实战只为购买了书的小伙伴提供。

后来一想,直接开源算了,让大家一起玩耍一下。

这个项目已经基本完善,目前已经部署,可以直接访问:仿稀土掘金网站

开源地址:仿稀土掘金源码,在线求 star 🌟🌟🌟

这个项目中包含了前端后端的两套源码,可以简单的运行起来。并且源码是我按照比较严格的规范编写的,所以大家有兴趣可以看看,应该会有收获。

我还有一个实战派讨论群,有兴趣的可以加我微信,拉你入群,并提供相关解答。

后续的话这个项目会持续完善,尽力实现掘金更多的功能。

感谢各位支持🙏

相关推荐
蟾宫曲2 小时前
在 Vue3 项目中实现计时器组件的使用(Vite+Vue3+Node+npm+Element-plus,附测试代码)
前端·npm·vue3·vite·element-plus·计时器
秋雨凉人心2 小时前
简单发布一个npm包
前端·javascript·webpack·npm·node.js
liuxin334455662 小时前
学籍管理系统:实现教育管理现代化
java·开发语言·前端·数据库·安全
qq13267029402 小时前
运行Zr.Admin项目(前端)
前端·vue2·zradmin前端·zradmin vue·运行zradmin·vue2版本zradmin
LCG元3 小时前
Vue.js组件开发-使用vue-pdf显示PDF
vue.js
魏时烟4 小时前
css文字折行以及双端对齐实现方式
前端·css
哥谭居民00014 小时前
将一个组件的propName属性与父组件中的variable变量进行双向绑定的vue3(组件传值)
javascript·vue.js·typescript·npm·node.js·css3
烟波人长安吖~4 小时前
【目标跟踪+人流计数+人流热图(Web界面)】基于YOLOV11+Vue+SpringBoot+Flask+MySQL
vue.js·pytorch·spring boot·深度学习·yolo·目标跟踪
2401_882726485 小时前
低代码配置式组态软件-BY组态
前端·物联网·低代码·前端框架·编辑器·web
web130933203985 小时前
ctfshow-web入门-文件包含(web82-web86)条件竞争实现session会话文件包含
前端·github