什么是工程化

一切以提高效率、降低成本、质量保证为目的的手段，都属于工程化。

通过一系列的规范、工具提供研发提效、自动化、质量保障、服务稳定、实时监控等功能。

为什么前端需要工程化

随着前端技术的发展（React/Vue/Angular、Webpack、TypeScript 以及其他基于 Node 的各种前端框架出现），Web 应用复杂度的增加，前端也从刀耕火种迈向工程化的时代，组件化、工程化、自动化成了前端发展的趋势。这些都已经成为一线互联网前端团队标配。稍具规模的团队大都会根据自身业务与梯度来设计开发符合当前业务的 DevOps 流程。

前端可以借助于 Node 渗透到传统界面开发之外的领域，将发展链路延伸到整个 DevOps 中去，从而脱离“切图仔”成为前端工程师。

系统架构图

系统流程图

上图是一份较完整的 DevOps 项目流程图，项目实战将会简化部分内容，保留整体主干架构来进行学习开发。

每个团队具体落地的流程都是要贴合自己的业务，本系列是结合之前的工作经验同时尽可能通过简单的项目实例来介绍。

你会学到什么？

学习目录总共分为 20 个章节：

整个学习路线将以 Node 为作为切入点，可以对 DevOps 有更深一步了解，包括不限于开发环节、测试环节、构建和部署环节等等，随着学习内容的推进，你将获得下面的技能：

• 学会基本的 Node 与 React 项目开发经验
• 学会基础的服务器与运维知识
• 学会基本的后台知识
• 学会搭建一套适合自己团队的 DevOps 流程
• 学会使用 Jenkins、Docker、VsCode、Sonar、Sentry 等多种工具与插件的使用
• 对工程化有进一步的深入了解

阅读建议

课程内容比较基础但也非常全面，建议阅读的同学不要只看不动手，基本的设计与代码都会在小册上体现，随着课程的学习，可以尝试动手搭建一套符合现有业务的工程体系。

本系列需要读者最好能具备下述基本技能：

• 了解 Node 的基本语法、模块导出引入等基础概念
• 了解 React 的基本语法，最好有实际项目开发经验
• 了解如何使用 npm / cnpm / yarn 等安装项目依赖模块
• 了解 Linux 系统，掌握基本的 shell 语法
• 具备基本的应用错误排查的能力

希望在接下来学习的过程中，你与我能够互相学习、共同成长。

更多详信息，请关注公众号: 程序猿来信