课程简介：
今天分享的内容透过工程基建架构有迹可循，我是侯策目前任职于某互联网独角兽公司，带领6条业务线前端团队负责架构设计和核心开发、工程方案调研和选型，以及团队管理、人才梯队建设等工作。从海外开启职业生涯浸淫工匠班的口径规范打磨，到深入国内一线大厂接受亿级流量的洗礼，我的工作方向始终没有离开。
前端开发是一个庞大的体系，纷杂的知识点铸成了一张信息密度极高的图谱。通过下面这张选自前端开发者守则2019中的前端技术体系图，你可以清楚地看见前端开发的全貌。在开发中，一行代码就可能触发宿主引擎的性能瓶颈，团队中的代码几何集数式增长可能就愈发尾大，不掉赤筹业务的发展，这些技术环节或宏观或微观，都与工程化基建架构设计息息相关。
如何打造一个顺滑的工程化流程，为研发效率不断助力？如何建设一个稳定可靠的基础设施，为业务产出保驾护航？这些问题我在多年的工作中反复思考，不断结合实践，如今也有一些经验和感悟。
但事实上，让我将这些积累幻化成文字，是需要一个契机的，我先从做这个专栏的初心，以及专栏内容涉及的技术谈起。作为团队管理者，一直以来我都被人才招聘所困扰，经历了数百场面试，我看到了太多千篇一律的疲囊，简历上出现我精通VOGS，看过VOGS源码，实际上就是我能熟记objectivefrompropertyproxy，也知道发布订阅模式。简历上出现我精通AST，实际上就是我知道AST是抽象语法树，知道用它做些什么？我熟练使用并了解Babel，实际就是我能记清我很多Babel配置项，甚至默写出Babelplugin模版代码，当支持技术成为应试八股文人才招聘就沦为面试造火箭，工作拧螺丝的逢场作戏。
对于上述问题，我不禁多问，你知道viewGS完整版和运行时版的区别吗？如果你不理解viewruntimeGS运行时版本不包含模版编译器，就大概率无法说清Vue在模板编译环节具体做了什么。如果只知道几个API实现数据劫持和发布订阅模式，又何谈精通原理？请你手写一个匹配有效括号算法。
课程截图：
课程目录：
[5905]开篇词像架构师一样思考，突破技术成长瓶颈.md
[5906]01npm安装机制及企业级部署私服原理.md
[5907]02Yarn的安装理念及如何破解依赖管理困境.md
[5908]03CI环境上的npm优化及更多工程化问题解析.md
[5909]04横向对比主流构建工具，了解构建工具的设计考量.md
[5910]05Vite实现：从源码分析出发，构建bundlele开发工程.md
[5911]06core-j及垫片理念：设计一个“最完美”的Polyfill方案.md
[5912]07梳理混乱的Babel，不再被编译报错困扰.md
[5913]08探索前端工具链生态，制定一个统一标准化babel-preet.md
[5914]09从实战出发，从0到1构建一个符合标准的公共库.md
[5915]10代码拆分和按需加载：缩减bundleize，把性能做到极致.md
[5916]11TreeShaking：移除JavaScript上下文中的未引用代码.md
[5917]12如何理解AST实现和编译原理？.md
[5918]13工程化思维处理方案：如何实现应用主题切换功能？.md
[5919]14解析Webpack源码，实现自己的构建工具.md
[5920]15从编译到运行，跨端解析小程序多端方案.md
[5921]16原生跨平台技术：移动端跨平台到Flutter的技术变革.md
[5922]17学习axio：封装一个结构清晰的Fetch库.md
[5923]18对比Koa和Redux：分析前端中的中间件理念.md
[5924]19如何理解软件开发灵活性和高定制性？.md
[5925]20如何理解前端中面向对象的思想？.md
[5926]结束语再谈项目的基建和架构，个人的价值和方向.md
[5949]导读前端技术发展回顾和架构升级之路.md
[5950]21如何利用JavaScript实现经典数据结构？.md
[5951]22剖析前端中的数据结构应用场景.md
[5952]23npmcript：打造一体化的构建和部署流程.md
[5953]24自动化代码检查：剖析Lint工具和工程化接入&优化方案.md
[5954]25如何设计一个前端+移动端离线包方案？.md
[5955]26如何设计一个“万能”项目脚手架？.md
[5956]27同构渲染架构：实现一个SSR应用.md
[5957]28设计性能守卫系统：完善CICD流程.md
[5958]29实践打造网关：改造企业BFF方案.md
[5959]30实现高可用：使用Puppeteer生成性能最优的海报系统.md
文档
[5905]开篇词像架构师一样思考，突破技术成长瓶颈.mp4
[5906]01npm安装机制及企业级部署私服原理.mp4
[5907]02Yarn的安装理念及如何破解依赖管理困境.mp4
[5908]03CI环境上的npm优化及更多工程化问题解析.mp4
[5909]04横向对比主流构建工具，了解构建工具的设计考量.mp4
[5910]05Vite实现：从源码分析出发，构建bundlele开发工程.mp4
[5911]06core-j及垫片理念：设计一个“最完美”的Polyfill方案.mp4
[5912]07梳理混乱的Babel，不再被编译报错困扰.mp4
[5913]08探索前端工具链生态，制定一个统一标准化babel-preet.mp4
[5914]09从实战出发，从0到1构建一个符合标准的公共库.mp4
[5915]10代码拆分和按需加载：缩减bundleize，把性能做到极致.mp4
[5916]11TreeShaking：移除JavaScript上下文中的未引用代码.mp4
[5917]12如何理解AST实现和编译原理？.mp4
[5918]13工程化思维处理方案：如何实现应用主题切换功能？.mp4
[5919]14解析Webpack源码，实现自己的构建工具.mp4
[5920]15从编译到运行，跨端解析小程序多端方案.mp4
[5921]16原生跨平台技术：移动端跨平台到Flutter的技术变革.mp4
[5922]17学习axio：封装一个结构清晰的Fetch库.mp4
[5923]18对比Koa和Redux：分析前端中的中间件理念.mp4
[5924]19如何理解软件开发灵活性和高定制性？.mp4
[5925]20如何理解前端中面向对象的思想？.mp4
[5926]结束语再谈项目的基建和架构，个人的价值和方向.mp4
[5949]导读前端技术发展回顾和架构升级之路.mp4
[5950]21如何利用JavaScript实现经典数据结构？.mp4
[5951]22剖析前端中的数据结构应用场景.mp4
[5952]23npmcript：打造一体化的构建和部署流程.mp4
[5953]24自动化代码检查：剖析Lint工具和工程化接入&优化方案.mp4
[5954]25如何设计一个前端+移动端离线包方案？.mp4
[5955]26如何设计一个“万能”项目脚手架？.mp4
[5956]27同构渲染架构：实现一个SSR应用.mp4
[5957]28设计性能守卫系统：完善CICD流程.mp4
[5958]29实践打造网关：改造企业BFF方案.mp4
[5959]30实现高可用：使用Puppeteer生成性能最优的海报系统.mp4
