项目开发过程中，少不了团队协作，哪些可以提升效率？文档管理：介绍工作中必知必会的（项目+需求+接口）文档的管理办法，搭建团队的文档管理工具；介绍缺陷控制流程与工具的应用，ESLint配置深入讲解。

1. 1、Markdown语法及进阶图表使用
2. 2、ShowDoc进行云笔记及文档管理
3. 3、搭建自己团队的接口管理平台
4. 4、学会使用hexo+github搭建自己的博客
5. 5、掌握容器技术Docker进阶使用
6. 6、掌握缺陷控制工具及使用
7. 7、了解质量管理工作流

本周介绍版本控制工具，比较SVG与git的优缺点，深入Git的应用场景，结合场景学习Git命令，同时了解Git flow和devOps流程，协助同学们在自己的团队中部署Git平台，提升工作效率。

1. 1、SVN VS Git
2. 2、掌握Git基础命令
3. 3、Git进阶命令：rebase，reset，stash
4. 4、从零配置github到SSH秘钥克隆仓库
5. 5、Git Flow及管理版本控制
6. 6、使用Docker快速搭建gitlab平台
7. 7、gitlab平台与gitea平台比较
8. 8、gitlab平台管理，用户权限控制

本周学习团队协作最重要的部分：前端自动化流程，使用容器技术配置自动化/持续集成环境，部署Jenkins平台，结合gitlab完成完整的CI/CD落地实践，让开发者能更专注于业务，进一步提升团队效率。

1. 1、了解CI/CD平台CircleCI，TravisCI和Jenkins
2. 2、理解自动化/持续集成流程，升华DevOps理解
3. 3、快速搭建、配置Jenkins服务
4. 4、掌握Jenkins中的权限控制，并与gitlab进行集成
5. 5、学习Jenkins的权限控制与插件管理系统
6. 6、配合Jenkins效率构建，完成发布、构建等工作
7. 7、实战前端项目自动化部署
8. 8、了解Linux运维相关的命令与知识
9. 9、了解私有化容器平台搭建及使用

从数据库、接口设计到组件拆分，再到首页核心功能实现，提高对前置流程理解与工具使用的熟练度。本周通过原型图到实现首页交互（复杂筛选）及接口，综合运用前置知识，学习项目开发的实战内容。

1. 1、Npm依赖升级方案，@vue/cli升级V4版本
2. 2、PC端项目全局需求分析、原型设计、项目重难点介绍
3. 3、掌握首页、发帖、用户中心数据库设计、接口设计、文档更新
4. 4、首页多级列表、筛选、排序功能开发
5. 5、路由监听/路由守卫/子路由ActiveClass灵活应用开发交互效果
6. 6、Axios请求封装/拦截器/取消用户重复请求
7. 7、侧栏：统计、签到、周热议 功能开发
8. 8、首页Mock数据调试长列表加载、接口开发、前后端接口联调
9. 9、版本控制建立Git仓库，熟悉Git相关操作
10. 10、缺陷控制实战：代码Prettier格式化、ESLint自动修复实践、配置Standart规则

开发个人中心核心业务，丰富的Vue-router、Vuex进阶应用和自定义组件，完成周榜、签到榜、热评榜的功能，实现签到积分系统，完善个人中心设置。

1. 1、优化登录路由，本地缓存登录状态（介绍localStorage&SessionStorage区别）
2. 2、自制Iconfont图标库
3. 3、实战核心依赖升级，升级LayUI基础库版本
4. 4、Sass进阶学习@for/@Mixin/@Map的用法
5. 5、帖子详情、采纳、点赞功能开发
6. 6、个人中心收藏列表、发贴列表功能开发
7. 7、签到系统，积分体系的设计

继续开发发帖/回帖核心业务之后，形成PC端社区业务闭环，配置自动化流程，完成PC端项目自动化部署。进一步巩固前置技能，综合应用效率平台与工具，完成开发与测试，培养技术栈综合应用能力。

1. 1、优化登录路由，本地缓存登录状态（介绍localStorage&SessionStorage区别）
2. 2、自定义富文本编辑器开发（插入链接|图片、引用|代码样式、预览）
3. 3、帖子详情、采纳、点赞功能开发
4. 4、个人中心收藏列表、发贴列表功能开发
5. 5、签到系统，积分体系的设计
6. 6、发贴权限效验
7. 7、Vue自定义directive/filters妙用
8. 8、改造入口文件routes，后端路由按模块动态引入
9. 9、调试账号修改邮件通知功能
10. 10、Nodejs静态资源处理、文件上传后台、路径相关进阶操作
11. 11、自制Iconfont图标库
12. 12、Sass进阶学习@for/@Mixin/@Map的用法

websocket是长连接的最优解决方案，升级全解析：ws分组消息、断线重连、心跳检测、离线消息缓存、历史消息，开发通用消息中间件。

1. 1、WebSocket基础，WebSocket与Socket.io进行对比
2. 2、Socket.io开发简单的消息应用
3. 3、进阶认识WebSocket事件、属性
4. 4、使用ws开发多人聊天 室应用（统计在线人数、加入&离开广播通知）
5. 5、WebSocket消息应用进阶（鉴权、心跳检测、断线重连）
6. 6、离线消息缓存之Redis缓存解决方案（多房间、多用户、多条信息缓存）
7. 7、封装WebSocket客户端、服务端通用模块
8. 8、PC端项目个人中心我的消息功能开发（实时、历史消息）

性能是评判项目好坏标准之一，本周带着大家进入性能优化环节，学习配置服务器端渲染思想及Nuxt.js使用，并对前面项目进行改造，让项目的性能更优。

1. 1、了解SEO优化方法
2. 2、前端性能优化思想
3. 3、前端性能优化之服务端渲染（SSR）
4. 4、SSR基础及工作原理
5. 5、配置SSR及Webpack进阶：服务端渲染开发热重载
6. 6、SSR中的路由与代码分割方案
7. 7、Nuxt.js框架介绍（工程目录、Universal Mode、自动生成路由）
8. 8、Nuxt.js Auth登录鉴权模块介绍与对接
9. 9、Nuxt.js集成：改造前端项目首页功能模块

本周进入到后台管理系统开发，从项目整体架构去考虑中后台应用的开发路径。学习iview-admin 框架工作原理，自定义表格组件，完成文章管理开发。

1. 1、技术框架选型及UI框架选型
2. 2、后端需求分析，接口设计，数据库设计
3. 3、 iView-admin框架集成
4. 4、解析项目架构，添加路由和菜单
5. 5、定制开发登录入口，加入JWT鉴权机制
6. 6、Cookie及Session的使用方式
7. 7、实战多语言场景：英文&简体中文

进入中后台系统开发中最重要环节：权限系统。介绍前端中（组件级、按钮级、路由级）三种权限控制解决方案，开发用户管理页面，定制动态搜索组件，深入学习iview基础组件：Table、Form、Modal等。

1. 1、了解权限设计基础（权限构成）
2. 2、学习什么是菜单权限、数据权限？
3. 3、学习前台权限控制的三种场景应用
4. 4、自定义指令 hasRole实现前端组件级、按钮组权限控制
5. 5、实战前端基于角色的权限控制方案，了解动态路由添加方法和权限控制方案
6. 6、实战用户管理页面开发，自定义动态选项的搜索组件
7. 7、深入学习iview基础组件（Table，Model），加强对ui框架的了解。
8. 8、添加用户模态框，批量设置用户、批量删除用户功能开发

本周将继续深入权限系统，开发包括菜单管理、角色管理以及后台权限管理API，开发nodejs中间件，实现基于角色的接口资源访问控制系统。加深前置知识的综合应用，从前到后，打通权限设计的全方位思维。

1. 1、菜单权限设计思路：关系型数据库、非关系型数据库中的不同点
2. 2、从0到1，设计菜单基础信息页面、角色权限页面原型&布局
3. 3、实战角色管理、菜单管理、权限分配界面页面样式开发（综合应用iview基础组件）
4. 4、Nodejs后台基于角色的菜单权限 + 数据接口权限的完整解决方案(RBAC方案)
5. 5、koa鉴权中间件开发，对资源权限进行访问控制 

本周将完成后端管理平台的首页管理，对首页统计功能进行定制开发，并增加日志服务，对后台接口的调用增加日志管理，系统功能完善与监管。以及前后端联调及细节优化，定制Jenkins任务及配置前后端自动化任务。

1. 1、Echarts基础&地图类型图表两种解决方案
2. 2、首页统计：周数据统计、新增用户统计、发帖、进日统计
3. 3、监控日志两种方法：调试日志koa-logger和文件日志koa-log4j
4. 4、掌握前后端联调技能
5. 5、自动化流程回顾+Jenkins节点管理
6. 6、接口项目配置自动化任务（敏感信息、微信通知）
7. 7、自动化部署前后台项目
8. 8、配置前后端项目的自动化

随着终端设备的发展，在移动端浏览Web已成主流。本周进入WebApp项目开发，学习PC项目和WebAPP的差异，如何平移到移动端，从页面设计到登录、首页及个人中心开发。您也可以搞定移动项目开发。

1. 1、WebApp原型设计及工具使用、WebApp开发的常见问题
2. 2、移动端框架概览及Mint-UI介绍 & 自定义主题
3. 3、自定义SVG图标组件（巧用svg-sprite-loader）
4. 4、Vuex状态管理state分层及Modules进阶应用
5. 5、全局样式方案Normalize与Reset
6. 6、开发登录、注册、密码找回页面
7. 7、首页列表及筛选、个人中心开发
8. 8、评论列表无限加载模块
9. 9、上拉加载、下拉刷新的开发技巧
10. 10、自定义Header组件

WebApp页面开发只是第一步，如何和后端对接，掌握从后台管理到前端展现的整体解决方案，提升技能和解决实际问题的能力。

1. 1、详情页面交互设计、表情出层（transition动画进阶）
2. 2、滚动穿透解决方案（iscroll & better-scroll介绍）
3. 3、移动端适配解决方案（px-to-viewport & px-to-rem）
4. 4、WebApp项目容器化实战，配置Dockerfile及打包镜像
5. 5、Jenkins自动发布配置，多节点配置及管理
6. 6、消息页面、消息、个人中心、热门功能开发
7. 7、热门功能开发：多条件统计列表开发，前后端数据对接

便捷的快应用时代已到，本周介绍小程序的开发适用场景，实操小程序的注册流程，掌握开发中的注意事项。学习小程序原生框架基本用法，及快应用开发框架的使用，并且能独立调试开发小程序。

1. 1、了解小程序注册流程
2. 2、了解小程序注册方式及注册主体
3. 3、了解跨端框架适用场景及开发工作流
4. 4、掌握小程序本地开发环境配置
5. 5、掌握小程序本地化调试办法
6. 6、小程序第三方npmjs库集成
7. 7、掌握快应用场景：mpvue/wepy/uni-app基础

小程序开发实战第一部分，学习首页的列表开发，菜单定制的开发，微信接口及数据库的设计。

1. 1、熟悉微信小程序开发文档，获取用户登录状态，开发API微信配置接口
2. 2、如何集成小程序第三方UI组件库：vant-weapp
3. 3、掌握小程序开发者工具配置，如何配置app
4. 4、框架原理，熟悉了解小程序的生命周期
5. 5、学习mpvue基础的语法 & 不支持的Vue语法/函数特性
6. 6、多页面下的开发工作流及目录结构
7. 7、封装通用libs库（HTTP请求、缓存）
8. 8、mpvue长列表优化方案，精简data数据
9. 9、上拉加载、下拉刷新如何使用及使用场景

小程序开发实战第二部分，学习个人中心模块、详情页面、编辑发贴功能开发，与后台接口进行对接，完成页面的功能调试。

1. 1、小程序页面设计思想
2. 2、了解小程序工程化项目
3. 3、了解小程序的生命周期 & mpvue页面生命周期
4. 4、小程序自定义组件（原生组件与mpvue集成）
5. 5、熟悉小程序开发配置，学习配置微信安全域名、开发者
6. 6、业务功能模块：完成详情页面、个人中心功能开发
7. 7、掌握小程序常用组件，开发富文本内容

小程序开发实战第三部分，学习编辑发贴功能开发，与后台接口进行对接，完成页面的整体功能调试。

1. 1、掌握小程序订阅消息机制 & 消息配置 & 消息发送
2. 2、订阅消息功能的接口设计与开发
3. 3、编辑与发帖模块开发
4. 4、掌握小程序发布流程及版本管理
5. 5、小程序上线准备及HTTPS证书申请方案
6. 6、前后端接口对接及后台项目Nginx配置 HTTPS
7. 7、快应用框架需要注意的开发坑点 & 升级指南

介绍云服务器、域名及HTTPS服务，项目运维及Linux相关自启脚本介绍。项目更新及日志处理，如何发送报警通知及应急策略的制定。混合与跨端应用框架；桌面应用Electron等，做好未来发展指引 。

1. 1、如何进行服务器监控、服务器日志及报警
2. 2、Jenkins配置IM通知（钉钉构建通知、企业微信通知、邮件通知）
3. 3、理解域名服务及配置Nginx & HTTPS（通过Acme申请SSL证书）
4. 4、了解购买云服务器及熟悉面板管理
5. 5、能编写基本的运维脚本
6. 6、项目运行维护/更新终止/资源回收
7. 7、了解项目总结及如何进行项目重构
8. 8、Vue3.x相关知识介绍

本周重点介绍Vue3新的Composition API及生命周期的变化， Compiler的原理。从0到1改写常见的逻辑代码块，实现模块化功能代码，让同类型的逻辑进行复用，让代码的质量与可读性提升。

1. 1、新增组件属性setup及其用法
2. 2、Vue3 Compiler原理（Proxy原理）
3. 3、Vue3计算属性及相关API
4. 4、进阶响应式开发，模块化代码
5. 5、Vue3生命周期变化
6. 6、Suspense介绍
7. 7、Teleport介绍
8. 8、常见案例Vue3改写
9. 9、TypeScript简介及开发环境搭建

Vue框架生态也伴随新版本到来了，有哪些变化？让我们实战ToDoList经典项目。Vite作为Vue3的快速开发工具，结合更友好的Tree-Shaking 支持，给Vue项目开发带来了质的飞跃。

1. 1、Vue3生态之Vue-Router用法简介与实战
2. 2、Vue3生态之Vuex用法简介与实战
3. 3、TodoList需求分析
4. 4、TodoList待办清单列表
5. 5、TodoList添加功能开发
6. 6、TodoList编辑列表与删除
7. 7、Vite常见配置
8. 8、Rollup自动化工具进阶

本周开始进行项目实战，改造原PC端项目中不再推荐的mixin、filter等用法，并通过重构前端项目的首页内容，让大家真正上手Vue3，平滑的从vue2进行切换。

1. 1、如何全盘思考Vue3项目重构？
2. 2、Vue2工程项目升级Vue3
3. 3、mixin&filter部分代码重构
4. 4、首页列表逻辑代码改造
5. 5、PC端项目路由Vue-Router代码重构
6. 6、PC端项目Vuex状态管理代码重构

本周从基于iview-admin开发的管理后台项目出发，带领大家一起重构第三方UI框架开发的项目，了解这类项目如何与Vue3进行集成，进阶Composition API的使用。

1. 1、Vue2工程项目升级Vue3
2. 2、mixin&filter部分代码重构
3. 3、首页列表逻辑代码改造
4. 4、PC端项目路由Vue-Router代码重构
5. 5、PC端项目Vuex状态管理代码重构
6. 6、课程总结