任你选择
课程介绍
课程整体上分5个大块，逐层推进：
● NodeJS插件开发
● 一步一步带你玩webpack
● 开发自己的ReactNative脚手架
● Electron开发
● VSCode插件开发
其中，NodeJS基础、NodeJS插件开发、webpack这3块是开发脚手架的基础，Electron是VSCode插件开发的基础，案例以ReactNative为背景进行讲解和演示。
课程特色
1. 老师自身的工作经历丰富，在10年的时间里面，5年后端，5年前端。个人技术全面，后端方面熟悉Java相关的技术体系，如spring-boot、MyBatis、Ehcache、ELK、mysql等；前端方面熟悉jQuery、Flex、Extjs、Angular、Bootstrap、Electron、koa等。在最近5年的时间里面负责过公司三代前端框架的开发和维护，最新版本的框架已经被应用到超过200个项目中，包括几个合同金额超过1亿元人民币的项目。
2. 在讲解的过程中，全程上手练习，一边讲一边动手，确保大家能最大程度地理解和掌握应该具备的技能。
3. 在课程的组织形式方面，推荐采用结对编程的方式，2个人一组。目的是促进同事之间的沟通与协作，同时也增强小组之间的竞争意识，让所有参与者保持全程紧张的状态。
课程目标
1. 掌握C++插件的开发方式；
2. 掌握前端脚手架开发方式；
3. 掌握Electron的基本用法；
4. 掌握VSCode插件的开发方式；
课程对象
1. 有前端框架使用经验的开发者（如jQuery、ExtJS、React、Vue等均可）；
2. 有后端编程经验（如Java、.NET、PHP等均可），希望学习前端技术的开发者；
学员基础
至少能熟练使用一门编程语言（Java、C# 、Python等均可），有前端基础效果更佳。
关键词
NodeJS插件、webpack、定制脚手架、Electron、VSCode插件
课程大纲
时间 | 内容 | 案例实践与练习 |
NodeJS插件机制 | 1、NodeJS的模块和包管理机制； 2、C++模块的基本原理； 3、准备C++开发环境，IDE和compiler选择； 4、C++模块快速上手； 5、来一个复杂一点的，监控目录和文件； 6、如何发布到npm registry并控制版本演进； | 案例1：C++开发环境搭建和编译器选择 案例2：快速上手开发一个C++模块 案例3：复杂一点的案例，开发一个监控目录和文件的插件 案例4：把插件发布到npm |
一步一步带你玩webpack
| 深入理解webpack是后面定制脚手架的基础，这部分内容分两个大块：使用篇和高级篇。使用篇专注webpack的各种用法，不涉及太多底层的原理。高级篇的目标是为了后面定制脚手架做准备，会涉及到webpack的底层原理，如插件机制、编译过程等。
使用篇 1、webpack的基本概念； 2、快速上手 3、详解Webpack配置文件 4、各种loader的用法：Babel、LESS和SASS、img-load、字体文件loader 5、Webpack各种插件的使用方法，示范代码压缩Uglify插件。 6、webpack-dev-server的用法。
高级篇 1、webpack的编译过程和插件机制。 2、编写自己的loader。 3、编写自己的插件。 4、 Tree-Shaking。 5、 React路由配置文件对打包文件的影响和处理方式。 6、 HMR的使用方法。 7、在自己的Node工具里面如何集成webpack。 | 这里共给出12个demo，除第一节介绍基本概念之外，每个小节都有一个上手练习的例子。 |
开发自己的ReactNative脚手架
| 1、脚手架应该具备哪些功能？（对比市面上流行的脚手架，react-native-cli和@Angular/cli） 2、详细解析react-native-cli的功能和架构； 3、在react-native-cli的基础上继续封装； 4、整合必须的第三方插件； 5、设计脚手架自身的升级机制； 6、用自己的脚手架创建一个ReactNative项目； | 案例1：react-native-cli模块分析和定制 案例2：整合一些第三方的插件 案例3：脚手架的升级机制 案例4：一款功能完善的脚手架案例 |
Electron开发
| 1、Electron的核心架构模型； 2、Electron快速上手； 3、Webview基本用法； 4、进程间通讯IPC； 5、一个复杂的案例； 6、把你的应用达成安装包 | 案例1：快速上手 案例2：使用webview 案例3：进程间通讯 案例4：演示一个完整复杂的案例 案例5：把你的Electron应用打成安装包 |
VSCode插件开发
| 1、介绍市面上最流行的一些VSCode插件； 2、VSCode插件基本概念； 3、快速上手开发一个简单的插件； 4、开发插件的一些设计原则； 5、编程语言类的插件，语法高亮、智能提示等； 6、介绍VSCode代码调试协议； 7、调试工具类插件开发，断点调试等； | 案例1：快速上手 案例2：语法高亮插件 案例3：代码调试插件 （注意：VSCode插件开发是一个比较难的主题，需要对Electron的webview和IPC机制比较熟悉。） |
