第11周
设计通用管理后台组件库：初始化模板+组件
本周构建通用管理后台组件库，涵盖基础和高级组件。基于Vue3、Vite、Element、TS解决方案，有组件二次封装、hooks、权限校验、按钮级别权限控制等功能，快速搭建企业级中后台产品原型。
课程安排：
1、B端项目需求分析：学习如何分析项目需求，包括用户需求和技术需求
2、项目初始化：搭建基于Vue3.0, Vite, Element-plus, TypeScript的项目框架
3、图标组件：学习如何制作和使用自定义图标组件
4、头部组件：设计并制作通用的头部组件
5、过渡组件：深入学习Vue的过渡动画，制作过渡组件
6、多功能菜单：学习如何设计和制作功能强大的菜单组件，包括动态菜单和权限校验
7、探索如何在项目中应用最新技术，并将其持续应用
8、学习如何管理和配置项目环境变量，理解生产环境动态配置的原理和作用
9、了解如何缓存配置、多语言配置、主题色配置和样式配置
10、研究路由、菜单和权限的配置和管理方式。
第12周
通用管理后台组件库：业务组件&页面开发
本周深入开发通用管理后台的业务组件和页面。以业务需求为导向，设计开发常用的业务组件（如表单、表格），并通过组件组合构建登录注册、首页和概览等业务页面。把握业务需求，利用基础组件来满足复杂的业务场景。
课程安排：
1、基础组件需求分析：理解业务需求，并分析所需的基础组件
2、表单组件：深入学习并实践如何设计和开发复杂的表单组件，包括数据校验、表单布局和异步提交等
3、表格组件：设计并开发高性能的表格组件，支持大量数据展示、排序、过滤等功能
4、登录注册页面：利用已有基础和业务组件，搭建登录和注册页面，学习如何处理用户交互和数据验证
5、首页与概览：设计和开发首页及概览页面，学习如何组织和展示大量信息，提供良好的用户体验
6、学习如何抽象和封装业务逻辑，以便在多个组件和页面中重用
7、深入理解和运用组件化思维，提高组件的复用率和可维护性
8、学习如何在复杂的业务场景下进行组件开发，解决实际问题
9、探讨如何进行组件性能优化，提高页面的渲染速度和用户体验
10、总结并分享一些常见的业务组件设计和开发的最佳实践
第13周
管理后台：功能性组件&可视化图表与地图
本周重点开发通用管理后台组件库的功能性组件，实现数据可视化的图表和地图组件。涉及技术的广度和深度，考虑业务需求和用户体验。学习Vue指令的设计、文件下载、打印、国际化、水印和验证组件等相关技术的应用。
课程安排：
1、富文本编辑器集成：深入理解富文本编辑器的运行机制，实现富文本编辑器的集成并满足业务需求
2、音视频组件：设计并开发音视频组件，学习音视频流的处理和展示技术
3、图表组件：开发通用的图表组件，学习如何通过图表更好地进行数据展示与分析
4、地图组件：掌握地图组件的开发技巧，以满足地理位置数据展示的需求
5、Vue指令设计：学习如何设计Vue指令，提升代码的复用性和可维护性
6、图片裁剪组件：实现图片裁剪功能，优化图片上传体验
7、文件下载功能：解决文件下载相关问题，优化用户体验
8、打印功能：实现页面打印功能，提供更好的用户体验
9、国际化：掌握国际化技术，实现多语言支持，满足全球化需求
10、水印功能、验证组件等：掌握其他功能性组件的开发技巧，增强管理后台的实用性
第14周
组件库工程化：自动构建部署与测试
本周重点组件库工程化，自动化构建部署与测试。学习单元测试确保组件库质量，使用Github Actions进行自动构建任务。深入Linux云服务器使用和配置，将云部署与自动构建任务结合实现全流程自动化。
课程安排：
1、单元测试基础：学习并理解单元测试的概念、价值及其在现代软件开发中的重要性。
2、基础组件单元测试：实战演练基础组件的单元测试，提升代码质量。
3、核心业务单元测试：进行核心业务逻辑的单元测试，保障业务的正确性和稳定性。
4、Github Actions自动构建任务：理解并应用Github Actions，实现代码的自动化构建和部署。
5、Linux云服务器基础：熟悉Linux操作系统和云服务器的基本操作，学习购买和配置云服务器。
6、云部署实践：学习云端部署的技术和策略，以及如何与Github Actions进行结合，实现自动化部署。
7、组件库工程化总结：梳理并理解组件库从开发到部署的全流程，掌握现代组件库开发的最佳实践。
第15周
桌面端应用：丰富组件库应用场景
本周转向桌面端应用开发。介绍主流桌面端开发框架，如Electron和Tauri。以Electron为例，深入讨论模板初始化、组件库项目集成与测试，以及桌面端应用的打包与分发。
课程安排：
1、主流桌面开发框架：了解Electron和Tauri两大主流框架的基本特性和适用场景
2、Electron框架初识：详解Electron框架的基础概念，理解主进程与渲染进程的关系和互动方式
3、学会通过模板初始化Electron项目，包括配置加速源、使用VSCode进行调试等实用技巧
4、组件库项目集成：将之前创建的组件库项目集成到Electron中，实现桌面应用的初步开发
5、学习Electron与主流前端库Vue和React的集成方法，增强应用的前端表现力
6、理解如何在Electron应用中设置系统菜单和Dock菜单，提升应用的用户体验
7、桌面应用的国际化：介绍如何实现Electron应用的国际化，让应用适应更多地域的用户
8、学习使用electron-builder工具对应用进行打包，以及如何发布应用到AppStore商店等平台
9、Electron应用的自动化：借助Github Actions完成项目的打包和发布，实现应用的CI/CD自动化
10、在Electron应用中实现桌面应用通知，以及如何自定义消息通知声音，提升应用的交互体验