因为Web全栈开发是大势所趋，在未来将会有更大的发展空间。随着5G网络的推进和[PWA][3]被支持，前端开发也将迎来最大的一波红利。在不久的将来，前端受益于灵活的部署和安装，在移动端开发中比例会逐渐加重。我甚至认为，前端会成为终端开发的最终解决方案（包括但不限于手机，电视，车载中控等各种移动终端设备）。

结合BAT根据自身资源布局的大数据、智慧城市、AI等战略来看，就不难理解在目前不太乐观的环境下，仍然在高薪招聘Web全栈工程师的原因了。

那么，成为一个优秀的Web全栈工程师应该具备哪些能力？收集了所有一线大厂的招聘需求，我归纳出了Web全栈开发需要掌握的技术方向：

1.PC、H5、Nodejs、小程序、移动端，掌握大前端所有技术栈2.能够实现类Element-ui组件库，设计Vue组件3.掌握Vue/React源码，MVVM库原理4.了解Koa2源码，定制MVC开发框架5.前端监控、性能优化、安全6.自动化测试、发布、运维

要掌握上面这些技术点，对大多数前端程序员是个很大的挑战。尤其是大厂招聘时重点考察的Vue和React两大框架，涉及到细节知识繁多，学起来不轻松。

相信大家搜集到了不少Vue或React相关视频/专栏来专门学习。普通常规的资料这里不再赘述，今天专门分享2节特别的视频给“w3c”的读者。

一是《深入Vue组建设计与开发》，考虑到有Vue组件开发经历的前端程序员很少，大多数人欠缺这方面的了解，所以这1节查漏补缺，帮助大家完善自身知识盲区；二是《React16 虚拟dom 原理剖析》，对于90%前端人来说，深入理解React原理难度大，但掌握React技术栈又离不开对底层原理的理解，第2节视频就带大家剖析React原理，实现手写原理。

这2节视频包含理论+实战，内容细致全面，如果你能认真学完并动手完成实战任务，相信无论是初步接触开发框架，还是对此有了一定经验，都会收获良多。

深入Vue组件设计与开发

1. 组件设计理念

2. 自定义组件的双向绑定

3. 组件间通信机制

4. 插槽的使用

5. provide & inject API

实战任务：实现一个element-ui的表单组件

React16 虚拟dom 原理剖析

1. createElement如何构建虚拟dom

2. React.Component如何实现组件化

3. setState异步队列

4. dom的diff算法

5. render渲染逻辑

6. React16 fiber架构

7. React Hooks

实战任务：构建自己的虚拟dom

视频由百度前端架构师大盛策划录制。大盛他做了8年前端开发，在Vue/React、源码架构、nodejs等方面积累颇丰；并在公司主导过多个前端项目的落地，在Vue/React方面有很多实战干货可以分享，相信能够帮大家解决在工作中遇到的一些技术难点和困惑。

下面是为初学者们准备的web前端入门教程！

请关注+私信回复：“学习”就可以拿到一份我为大家准备的学习资料！