课程大纲：

【上半部分】
1. WebComponent概述：
   1）背景与现状；
   2）Demo实现；
2. 技术原理与其他技术比较：
   1）WebComponent工作原理；
   2）浏览器兼容性及演进路线；
3. 自定义组件开发；
   1）标签-生命周期、Template、Shadow-dom、样式、Slot；
   2）Data-binding、响应式、交互联动；
   3）参数、封装、应用；

【下半部分】
4. 框架与类库：
    1）Polymer；
    2）Stencil；
5. Stencil原理与应用；
    1）Stencil工作原理；
    2）生命周期、装饰器、事件、JSX、监听、数据响应等；
6. 基于Stencil的应用开发实践；
    1）开发前端应用；
    2）开发混合应用；
    3）连接其他框架；
    4）微前端应用；
7. 课程回顾与总结；