前端技术学习路线图（来源：https://github.com/kamranahmedse/developer-roadmap） (opens new window)

我理解的“前端工程化基建和架构设计”

对于业务来说，在工程化基建当中：

• 团队并非一个人单打独斗，那么如何设计工作流程，如何打造一个众人皆赞的项目根基？

• 项目依赖纷繁复杂，如何做好依赖管理和公共库管理？

• 如何深入理解框架，真正做到框架的精通和技术选型的准确拿捏？

• 从最基本的网络请求库说起，如何设计一个稳定灵活的多端 Fetch 库？

• 如何借力 Low Code / No Code 技术，实现越来越智能的应用搭建方案？

• 如何统一中后台项目架构，实现跨业务线的产研效率提升？

• 如何开发设计一套适合业务的组件库，封装分层样式，最大限度做到复用，提升开发效率？

• 如何制定跨端方案，Write Once，Run Everywhere 是否真的可行？

• 如何处理各种模块化规范，以及精确做到代码拆分的最佳实践？

• 如何区分开发边界，比如前端如何更好地利用 Node.js 方案开疆扩土？

如何学习前端工程化基建和架构设计？

• 前端工程化管理工具

• 现代化前端开发和架构生态

• 核心框架原理与代码设计模式

• 前端架构设计实战

• 前端全链路——Node.js 全栈开发

#

精选评论

**见的瓦房

老师你好，前端基建和前端工程化有什么区别的，感觉这两个词没啥明显界限呢？

    讲师回复

    其实基建和工程化都是一个比较模糊和宽泛的概念，在这个课程中：基建（基础建设）包括了工程化建设，是包含关系。它还包括了其他内容：比如公共代码设计，前端生态，甚至 NodeJS 内容。

举一个不是那么恰当的例子。盖房子，需要打地基，除此外，还需要更多建设，比如铸造外立面和主体结构设计，承重设计，脚手架搭建，这一系列，相当于基建；基建做好了，就可以在基建成果上去具体搬砖，具体盖楼层了。

基建过程中涉及到的：调度挖掘机，运输建筑材料，组织工人，这些就相当于工程化。用工程的手段，让各种环节串联起来（工程化的概念），这是基础建设的一部分。

或者这么说，如果没有一个好的工程化方案，各个环节和流程不能顺畅的串联起来，那么基础建设肯定是失败的；但是反过来，基础建设失败，不一定就是工程化环节有问题，也可能是代码管理有问题，公共逻辑抽象有问题。。。等等

**看看

前端基建和业务有什么联系呢？

    讲师回复

    前端基建其实也是为了辅助业务。从业务中抽离问题，用基建解决问题，从而辅助业务。同时需要提前考虑，不能被业务牵着走。

*野

前端学习时长会感到迷茫，关键就在于眼界不开阔，见解太少，希望通过这个专栏的学习，养成正确的思考习惯~

*添

“试想，如果你资质平平，又缺少团队中“大牛”的指点，工作内容就是在已有项目中写几个页面或运营活动，如此往复技术无法提高，三四年后和应届校招生也许并无差别。”，简直对我就是灵魂暴击 😭😭

**伟

最近很迷茫 感觉很多东西都是泛泛而学，却没有真正掌握原理，一直在想着有机会在看有时间再看，成了麻醉自己的毒药，这次购买小册希望能跟着老师脚步，一步一步夯实走过的路。

**生

之前就有关注老师的知乎专栏，社区能输出这些干货的真的不多，期待接下来的文章

**宝

正好也在读书，感觉脉络清晰

*哲

最近在看老师的前端开发核心知识进阶这本书，感觉对知识体系化有很大帮助

*琴

前端 4-5 年了，还不如刚出的 1-2 年的，如何破局？感觉太多东西要学，又不知从何下手！

**13458793957

工作 1 年多了，也挺迷茫的，开篇词直接灵魂深处啊！

**飞

老师文字功底不错，期待后面精彩课程

*强

文字功底很强，值得一看

**骅

做了六年前端了，没做过什么大项目，也很少接触工程化，严重感到自己的能力和工作年前不匹配，学习起来也感到了吃力。也不知道自己前端这条路还能走多远，希望逼自己学完这门课能有一些头绪吧。

**凌

老师说的太受用了，特别“我该如何避免相似的工作做三年，而不是具备了三年的工作经验？”这一句提问，直击痛点。真的是感觉自己工作 4、5 年，不如一个应届生的感觉。每天拿代码堆业务，每天做着“重复”的工作，毫无提升。即使给了一个 0-1 的机会，也只能做到 0.6，没有达到过真正意义上的 1。果断的入手老师的课程，希望跟着老师学下来能有实质的提升

**融

打卡

**圆

我天 我有老师的书 真有缘

*前

老师，这个 ppt 是用什么做的？不像 PowerPoint 啊

    编辑回复

    是 keynote~

**梁

国内公司大部分 996，完全压榨个人时间，如果同时只知道天天写同样的业务代码，那么时间一长，就会觉得自己能力没有提高，3 年工作，一年经验。只能靠自己挤时间，深入研究技术背后的原理，去深入研究学习，提高能力。别天天就知道加班，加班越多，老板换车、换房子越快。

**波

直击心灵

*航

真是，工作一年多了，也就是写原来的项目上面开发些新功能，写写页面而已，并没有感觉到自己技术上的提高，在碰到这门课程之前还是挺迷茫的

惠

很不错

**6841

我有个疑问，老师开篇说了这么多，那要完善自身基建和架构方面的能力，就这一 30 节的专栏就能搞定吗，如果能否出个更详细的，什么形式都可以

    编辑回复

    其实知识就是在不断积累中巩固的，不敢说 30 讲可以解决你所有问题，但是整个内容会帮你形成一个完整的图谱，利于你的工作和学习。另外 Lucas 老师的《React 状态管理与同构实战》《前端开发核心知识进阶：从夯实基础到突破瓶颈》你也可以看看，会给你新的灵感~

Lee2097

思路清晰

hugh

看完开篇，很期待老师接下来的写作。相对于工作中应用业务的开发应该是轻松的，如果业务就让你深陷泥潭我觉得这种项目也不会是一个健康的项目。感谢老师的体悟，让我能继续坚持做自己要做的东西 😀

**圆

老师，开篇这个面试造火箭的确像你说的一样，只是粗略懂得一些知识。那真实的知道应该是啥

    讲师回复

    基础建设和架构能力，排查解决问题能力，业务痛点突破能力

**web 前端

graphql 有没有权限机制？

    讲师回复

https://graphql.org/learn/authorization/这里面的内容会帮助你解决困惑 (opens new window)

**web 前端

老师是通过什么途径知道这么多知识的，知道了知识，也想知道知识是怎么来的

    讲师回复

    多看源码，多看技术博客，当然也离不开工作的积累