1 引言

本周精读, 来一起总结 web 开发的环节, 知识块和技能点. 是不是像 xx 速成班宣传的一样, 培训三个月, 经验顶三年, 入职 BAT, 年薪三十万?

本文虽然是罗列知识点, 但我想很有意义. 对于学习的人来说, 提供一个路线图. 对从业者来说, 对全局有更好的把控, 利于看到自己的强项和不足. 对组建团队, 更能起到一个点将谱的作用.

在网上我没有搜到任何深入全面的总结, 提供的那几篇已经算稍微好一些的了. 其他的要么太过笼统(前端-后端-数据-运维, 完毕)要么太细太窄(并不是不好, 只是和本文性质不一样). Generalist 和 Specialist 之间永远是一对辩证矛盾, 持续思考.

本文提供了有层级的列表形式, 如果有兴趣的读者可以把它做成概念图形式, 相互关联与距离相关, 可能会有意料之外的效果.

2 列表

列表形式, 方便搜索浏览, 加上一些解释和列举

后端

• 身份验证、oauth
• API 设计、RESTful、GraphQL
• 支付整合
• 社会融合
• 会话/cookie管理
• 用户管理
• 服务器，例如nginx，连接模型，conf，重写
• 客户关系管理

部署、环境管理、容器

• 回滚/前滚
• 无停机、无中断部署
• 部署到下游，例如 npm、chrome 扩展商店
• 工件管理，例如 gzip、操作系统特定构建
• 容器技术，例如 Docker、AWS ami

D B

• 模式设计
• ORM
• 语言/环境特定驱动程序
• 测试/种子数据
• 备份
• 批处理、数据库性能
• 查询语法，例如SQL、mongo查询语法
• 连接池/并发连接管理
• 连接限制，例如仅限本地主机

消息队列/中间件

测试

• 并行执行
• UI自动化测试
• 浏览器/操作系统兼容性，例如无头浏览器、云解决方案
• 截图差异回归
• 单元测试、隔离
• 嘲笑
• 集成测试技术
• 覆盖（线路覆盖、路径覆盖等）、排列

安全

• CSRF、XSS、SQL 注入、DDoS、暴力破解等。
• 自动化工具

操作系统

• 操作系统差异，例如文件系统、路径分隔符
• 运行守护进程、启动作业、进程管理器
• SSH
• bash、zsh、powershell 的所有内容，例如通配符、扩展、语法
• 一切 *nix、du、文件系统、ps、进程模型、netstat、管道

联网

• HTTP 及其所需的一切，例如 CORS、MIME 类型、分块
• 网络套接字
• 网络工作者、服务工作者
• 代理人

Web可视化技术及原理

• 网页GL
• 2D/3D坐标系和计算

Web 标准，例如 WebAssembly

性能调优

• 前端：灯塔
• 后端：负载平衡、性能监控和分析

源头控制

• 工作流程
• 标记、发布、分支
• 公关、协作
• 提交消息约定

项目管理、产品管理

• 主要成功场景
• PRD 文档、草图
• 里程碑、时间表、估计
• 日报、周报

软件监控

• 性能监视器
• 异常监视器
• 警报和报警规则
• 记录

工程

• lint、更漂亮、自定义规则、自动修复
• 编辑器、IDE、插件，例如智能感知
• 调试、远程调试、移动调试

分析

• 热图
• 转换
• 跳出率

前端

• 数据流
• 状态管理
• 组件化
• transpile，打包工具，例如 webpack gulp Coffeescript Typescript
• 模板化，例如车把
• ajax、jsonp 等

设计/造型

• 级联规则
• 预处理器，例如 scss less
• 盒子模型
• z 索引
• 弹性盒
• 设计原则、布局、色彩、主题

3 参考阅读

https://medium.com/coderbyte/a-guide-to-becoming-a-full-stack-developer-in-2017-5c3c08a1600c

https://medium.com/codingthesmartway-com-blog/the-2018-roadmap-to-fullstack-web-development-8884ff02557a

https://www.lynda.com/learning-paths/Web/become-a-full-stack-web-developer