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

大家好,我是杨成功。

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

废话不多说,直接上图:

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

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

这本书叫做前端开发实战派,直接看这个题目不知道书中讲了啥,所以我加了一个副标题 "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 🌟🌟🌟

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

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

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

感谢各位支持🙏

相关推荐
汪子熙28 分钟前
Angular 服务器端应用 ng-state tag 的作用介绍
前端·javascript·angular.js
杨荧29 分钟前
【JAVA开源】基于Vue和SpringBoot的旅游管理系统
java·vue.js·spring boot·spring cloud·开源·旅游
Envyᥫᩣ36 分钟前
《ASP.NET Web Forms 实现视频点赞功能的完整示例》
前端·asp.net·音视频·视频点赞
Мартин.5 小时前
[Meachines] [Easy] Sea WonderCMS-XSS-RCE+System Monitor 命令注入
前端·xss
一 乐6 小时前
学籍管理平台|在线学籍管理平台系统|基于Springboot+VUE的在线学籍管理平台系统设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·学习
昨天;明天。今天。6 小时前
案例-表白墙简单实现
前端·javascript·css
数云界6 小时前
如何在 DAX 中计算多个周期的移动平均线
java·服务器·前端
风清扬_jd6 小时前
Chromium 如何定义一个chrome.settingsPrivate接口给前端调用c++
前端·c++·chrome
安冬的码畜日常6 小时前
【玩转 JS 函数式编程_006】2.2 小试牛刀:用函数式编程(FP)实现事件只触发一次
开发语言·前端·javascript·函数式编程·tdd·fp·jasmine
ChinaDragonDreamer6 小时前
Vite:为什么选 Vite
前端