最近翻硬盘，翻出来一套以前学过的全栈在线教育后台管理项目，从头到尾跟下来感觉挺扎实的，不是那种花里胡哨的demo，是真的能让人把前后端串联起来的那种。
当时学的时候我印象最深的是，它居然从SVN开始讲。
你没看错，就是那个老古董SVN。说实话一开始我也觉得，这年头谁还用SVN啊，不都git了吗。但跟着走下来才发现，它其实是在帮你建立版本控制的底层概念。先讲版本控制到底是干嘛的，然后SVN交互流程怎么走，服务端怎么装、怎么配、怎么管，基本操作和进阶操作都过一遍，最后还给了一些实际项目里版本控制的使用建议。这种从老工具切入的方式有个好处，就是让你先理解集中式版本管理是怎么回事，后面再接触git的时候，分布式那一套就不会觉得突兀了。
接着就进入git和GitHub了，这部分占的篇幅很大，二十多节课，基本是把git掰碎了讲。
从git是什么、交互流程长什么样，到安装配置、基本使用，然后工作区暂存区本地仓库这三个概念来回强调，我那时候才真正搞明白add和commit之间到底发生了什么。后面GitHub账号注册、怎么跟git配合协作、remote远程仓库提交的细节，还有bash命令行操作、vi编辑器简单用法，这些都很实用。文件增删、提交、回滚撤销、分支操作，一套下来基本上日常开发够用了。比较有意思的是它还讲了Git Flow分支管理策略，这个在实际团队协作里太重要了，不然分支乱开乱合，迟早出事故。后面多人协作的Collaborator模式、Pull Request流程、GitLab介绍，甚至用GitHub Pages搭Hexo博客都讲了，虽然博客那块算是彩蛋性质，但确实让我顺手把自己的技术博客搞起来了。
学完git这块，我开始有点感觉了，就是那种“原来正规军是这么干活的”感觉。
然后就是ES6语法，这部分节奏比较快，但该有的都有。let和const的区别、解构赋值、模板字符串、数组扩展、函数扩展包括箭头函数、对象扩展，最后用babel转码器收尾。说实话ES6现在已经是标配了，但当时学的时候，箭头函数和this指向的问题还是让我纠结了一阵子，跟着敲一遍例子就顺畅多了。
项目初始化这块开始真正进入正题了。
在线教育系统的项目结构怎么搭，怎么初始化、怎么配babel、怎么用npm script区分开发环境和生产环境，这些配置类的操作看着简单，但自己从头搞的时候特别容易卡住。我记得当时npm scripts那几个命令来回试了好几次才跑通。然后ES6模块化怎么在项目里用，怎么走通首页，babel的配置细节又补了两节课，最后还讲了babel-register。这部分就是典型的“配置两小时， coding五分钟”，但没办法，地基不打牢后面全白搭。
Express中间件这部分是我觉得整个课程里最核心的内容之一。
从hello world开始，处理静态资源，然后中间件的概念和执行机制，一步步讲得很清楚。最让我印象深刻的是自己封装实现static中间件那节课，虽然最后实际开发不会自己写，但搞懂原理之后，再用express.static就感觉心里有底了。后面记录日志的中间件、404处理、错误处理，这些在实际项目里都是必选项。最后还提了一下Express API文档怎么查，这个习惯养成很重要，不能啥都靠搜。
Nunjucks模板引擎这块相对轻量一些，配置使用、模板布局、用布局重构项目页面，然后分析广告管理的路由，处理表单post请求体，用中间件解析表单数据，最后还讲了一下jsonp。模板引擎这东西现在前后端分离的项目用得少了，但全栈项目里还是能碰到的，了解一下没坏处。
中间插了一小段工具链的介绍，nvm管理node版本、nrm切换npm源、yarn替代npm，三个工具加起来不到半小时，但实用性拉满。尤其是nrm，当时我npm install老是慢得要死，切个淘宝源瞬间飞起。
MongoDB和mongoose这部分是数据库的重头戏。
先复习了一下MongoDB的数据存储结构，然后mongodb驱动包怎么用、数据怎么操作，解析表单POST请求的中间件再巩固一遍，接着用原生mongodb操作数据库，全局统一处理错误，解决错误处理中间件执行的问题。原生操作过完之后引入mongoose，用它完成广告管理的增删改查，查询所有数据、根据ID查单条、更新、删除，一套CRUD下来，基本上数据库操作就通了。
最后就是整个项目的业务逻辑串联了。
根据业务提取路由模块，模块之间怎么交互，列表页和添加页的渲染，客户端表单提交处理，然后是有文件上传的表单处理，用formidable处理文件上传，配置到项目里，FormData的使用，前后端联调跑通文件提交。这部分我当时卡了一下，主要是文件上传的路径和formidable的配置对不上，后来仔细看了几遍视频才搞定。
接着是列表数据加载和分页，服务端分页怎么展示、怎么查询，小结之后把项目push到GitHub上。客户端配置art-template模板，完成异步无刷新分页，这部分体验感很强，点下一页不刷新页面，数据就出来了，当时觉得挺有成就感。
最后几节课讲Promise，从封装到then的用法，封装Promise API，用Promise封装XMLHttpRequest，catch异常处理，然后把项目中添加广告的代码改成Promise方式。这部分其实是对异步编程的一次系统梳理，虽然现在async await用得多，但Promise是基础，搞懂了后面学起来才不费劲。
整套课程跟下来，我最直观的感受就是“实在”。没有那种炫技的骚操作，就是老老实实把每个环节讲清楚，从版本控制到后端数据库，从中间件到模板引擎，从表单处理到文件上传，从分页到异步处理，基本覆盖了一个全栈项目该有的知识点。而且它是那种“边做项目边补知识”的节奏，不是先灌一堆理论再去做项目，也不是只做项目不讲原理，平衡得还不错。
当然也有槽点，比如SVN那部分确实有点占时间，Hexo博客搭建跟主项目关系不大，Nunjucks现在用得也少了。但整体来说瑕不掩瑜，尤其是对当时还在前后端之间摇摆的我来说，这套课程算是帮我打通了不少东西。
如果你现在想找个全栈项目练手，又不想一上来就被各种框架绕晕，这种从基础工具到数据库再到业务逻辑一步步来的项目，还是挺值得跟一遍的。毕竟搞技术嘛，有些东西看着土，但地基扎实了，后面盖楼才不慌。
评论0