2020年大前端 前端高级进阶，网盘下载(46.37G)

大前端软件包

第1周

axure

mac

lang

default

axure9003648

readme

windows

lang

default

axurerp-setup-beta

chrome插件

axure-rp-extension-for-chrome_v0.6.3

xmind

xmind_8_pro_3.7.8_build_201807240049_multilingual_inpandora.com

xmind378

mindjetmindmanager121183

第2周

docker

windows

dockerforwindowsinstaller

dockertoolbox

docker

harbor-offline-installer-v1.8.0

ide

vscode

code_1.33.1-1554971066_amd64

vscode-darwin-stable

vscodeusersetup-x64-1.33.1

webstorm-2019.1.2

webstorm-2019.1.2

webstorm-2019.1.2.tar

linux_iso

centos-7-x86_64-minimal-1810

ubuntu-16.04.6-server-amd64

镜像下载地址

nodejs

node-v10.15.3

node-v10.15.3-linux-x64.tar

node-v10.15.3-x86

nvm-setup

yarn

yarn_1.16.0_all

yarn-1.16.0

yarn-1.16.0-1.noarch

虚拟化

parallelsdesktop-14.1.3-45485

xquartz-2.7.11

charles_4.2.7_xclient.info

charles_4.2.7_zh_cn_xclient.info

envprepare

fiddler-mac

fiddlersetup

xquartz-2.7.11

第3周

yarn-1.19.1

第4周

vue.js-devtools_v5.1.1

vue-devtools-dev

第6周

typora主题

github.user

sspai.css

git-2.22.0-32-bit

git-2.22.0-64-bit

git-2.22.0-intel-universal-mavericks

sourcetree_3.2.1_225

sourcetreesetup-3.1.3

typora

typora-setup-x64

第9周

robo3t

robo3t-1.3.1-darwin-x86_64-7419c40

robo3t-1.3.1-linux-x86_64-7419c406.tar

robo3t-1.3.1-windows-x86_64-7419c406

another.redis.desktop.manager.1.2.5

another.redis.desktop.manager.1.2.5

mongodb-macos-x86_64-4.2.0

mongodb-win32-x86_64-2012plus-4.2.0-signed

直播

自动化测试

直播-自动化测试资源

大前端资料

交流

第一次正式交流会

今日分享

2019年8月-大前端每日分享

其他资源

linux壁纸

说好不哭

软件分享

lisences

视频

insidebill'sbrain_decodingbillgates_officialtrailer_netflix

redis配置资料-20191010助教团队指导

马云，关于成功、创业、挫折

优秀的总结分享

大前端学习第5课：koa2项目工程化

大前端学习第二课：koa项目工程化目录

大前端学习第六课：使用vue+layui+koa图形验证码功能

大前端学习第三课：koa项目热更新和es6语法兼容

大前端学习第四课：vocode调试技巧

大前端学习第一周

资料

【prd】模板+v1.0.0

docker阿里云加速和docker-compose国内镜像

github.user

git课程笔记

kuberneteslearningpathversion1.0

redis配置详解

vscode-gist.20190921

大前端答疑册

课程vscode中的配置gistid配置

课程软件百度网盘地址

如何保证api的安全性

思维导图二维码

总结分享归档

大前端学习第2~6课总结-海明月

阶段1：开启大前端的大门（1-4周）

第1周初识大前端

第1章课程介绍

1-1前端行业机遇与挑战（开启无限可能）-2019-08-2218_12(1)

1-2课程介绍&项目展示&技术架构-2019-08-2220_35

1-3如何学习本课程-2019-08-2220_47

1-4寻求帮助&课程资源&课程更新-2019-08-2220_49

1-5适用人群介绍-2019-08-2220_50

第2章前端全栈痛点全解析

2-10编程练习（自由编程）

2-1章导读-2019-08-2220_54

2-2工作中的痛点问题-2019-08-2220_56

2-3解决方案&devops流程-2019-08-2220_58

2-4预防错误的心态，快速提升-2019-08-2221_05

2-5如何选择练手项目-2019-08-2221_07

2-6前端面试中的坑-2019-08-2221_07

2-7如何选择公司-2019-08-2221_11

2-8做好自我提升规划-2019-08-2221_12

2-9本章小结-2019-08-2221_13

第3章项目需求分析（变身需求分析达人，从了解需求分析的点滴开始）

3-10axure进阶使用（原型图神器）-2019-08-2221_42

3-11墨刀原型图设计工具基础使用（协同原型图工具）-2019-08-2221_43

3-12xmind使用介绍-2019-08-2221_44

3-13processon在线流程图编辑工具-2019-08-2221_44

3-1章导读-2019-08-2221_14

3-2需求分析难点和痛点全解析-2019-08-2221_14

3-3项目需求变更-2019-08-2221_25

3-4核心业务需求分析-2019-08-2221_25

3-5pc端需求分析-2019-08-2221_27

3-6服务端&小程序需求分析-2019-08-2221_29

3-7技术栈考量（需求分析中的重要环节）-2019-08-2221_33

3-8需求分析工具概览（3类需求分析工具）-2019-08-2221_35

3-9axure基本功能介绍（原型图神器）-2019-08-2221_36

资料

pc原型图（axure）v1.0

产品需求文档prd模板

产品需求文档模板（系统需求分析说明书）

软件获取方式

市场需求文档（mrd）

第2周开发环境搭建

第1章开发环境搭建（简易版）

1-1导读-2019-09-1113_46

1-2搭建开发环境-简版（针对有基础小伙伴）-2019-09-1113_47

1-3【前端效率神器】yarn&nvm(nvm-windows)-2019-09-1113_50

1-4选择题-

1-5选择题-

1-6选择题-

第2章【难点】开发环境搭建（详细版）

2-10docker-compose&dockerhub使用-2019-09-1114_22

2-11认识node及node版本管理工具nvm介绍-2019-09-1114_24

2-1虚拟化软件&linux版本介绍-2019-09-1113_52

2-2选择题-

2-3linux内核&硬件资源&测试-2019-09-1114_10

2-4linux常见指令&命令-2019-09-1114_11

2-5选择题-

2-6ssh密钥方式远程连接linux–2019-09-1114_13

2-7docker入门-2019-09-1114_15

2-8选择题-

2-9选择题-

第3章编辑器webstormvsvscode

3-1ide简介及外观比较-2019-09-1114_27

3-2智能对比：代码提示、语法高亮、集成插件-2019-09-1114_28

3-3插件系统对比-2019-09-1114_29

3-4常规设置：字体、tab缩进空格、快捷键-2019-09-1114_30

3-5调试介绍&ide总结&小福利-2019-09-1114_33

3-6使用浏览器配合手机调试&使用proxy劫持（3类真机调试技巧）-2019-09-1114_36

3-7weinre&spydebugger&vconsole（3类真机调试技巧）-2019-09-1114_37

第4章开发准备–接口测试

4-1章导读-2019-09-1114_38

4-2restfulapi简介-2019-09-1114_39

4-34种常见接口测试工具介绍-2019-09-1114_42

4-4什么是mock数据，有哪些mock平台？-2019-09-1114_44

4-5使用docker搭建本地mock服务&接口测试服务doclever-2019-09-1114_47

4-6doclever中mock方式开发-2019-09-1114_48

4-7mock.js小而美的mock数据神器-2019-09-1114_49

4-8作业题-

4-9本章小结-2019-09-1115_04

资料

43resource（资料）

charles和fiddler使用简介

hyperv虚拟机的安装及使用

windows7及以上上安装dockertoolbox

软件获取方式

什么是harbor

源码

在vscode中配置vue相应的插件

第3周前端工程化

第1章导读

1-1导读（主流webpack，gulp，yeoman）-2019-09-1115_06

第2章前端打包神器webpack

2-1前端工程化简介-2019-09-1115_13

2-2webpack五大核心概念-2019-09-1115_15

2-3webpack两种安装方式及三种使用方式介绍-2019-09-1115_17

2-4入口及输出-2019-09-1115_20

2-5loaders、plugins、hmr-1-2019-09-1115_23

2-6loaders、plugins、hmr-2-2019-09-1115_26

2-7作业题-

2-8mode模式设置-2019-09-1115_32

2-9babel配置，js&css压缩-2019-09-1115_34

第3章自动化工具gulp

3-1自动化工具gulp，热刷新、编译css、压缩js-2019-09-1115_36

3-2gulpflow与插件介绍-2019-09-1115_37

3-3安装依赖、配置gulp任务-2019-09-1115_38

3-4开发热编译、浏览器自动刷新-2019-09-1115_40

第4章yoman入门

4-1yoeman入门（快速形成工程化项目）-2019-09-1115_42

4-2generator，编写自己的脚手架工程-2019-09-1115_42

4-3npm发布脚手架，快速使用脚手架-2019-09-1115_44

源码

第4周vue框架知识

第1章导读

1-1导读（vue基础知识体系）-2019-09-1115_49

第2章vue-cli脚手架

2-1mvvm框架简介，js框架选型，vue框架特点-2019-09-1115_50

2-2vue-cli入门（vue项目标准化工具）-2019-09-1115_50

2-3选择题-

2-4vue-ui简介-2019-09-1115_52

2-5vue-cli工程项目中的webpack配置-2019-09-1115_53

2-6选择题-

2-7选择题-

2-8初识vue工程目录-2019-09-1115_54

第3章vue知识

3-10选择题-

3-11路由，vuex状态管理（组件传参），computed计算属性-2-2019-09-1116_17

3-1vue工程两种调试方法介绍-2019-09-1115_56

3-2选择题-

3-3什么是组件化思想-2019-09-1115_59

3-4选择题-

3-5组件化带来的问题-2019-09-1116_02

3-6模板语法、条件渲染、列表渲染-2019-09-1116_03

3-7选择题-

3-8router路由，vuex状态管理（组件传参）,computed计算属性-2019-09-1116_10

3-9选择题-

导学视频

阶段2：抓住团队协作的密码（5-7周）

第5周前端框架分类及选型

第1章下一代web引擎koa框架

1-10优化webpack配置，npm构建脚本【实战篇】-2019-09-1116_48

1-11koa应用打包优化koa-compose&koa-compress【实战篇】-2019-09-1117_06

1-1web框架koa简介-2019-09-1116_26

1-2第一个koa应用-2019-09-1116_36

1-3request属性、路由基础用法、app.use链式处理【原理篇】-2019-09-1116_37

1-4koa中的async&await【原理篇】-2019-09-1116_38

1-5koa开发restful接口，get&post获取数据及数据格式化方法【进阶篇】-2019-09-1116_39

1-6作业题-

1-7工作目录介绍、合并路由、静态资源服务【进阶篇】-2019-09-1116_44

1-8koa开发热加载、es6语法支持【进阶篇】-2019-09-1116_46

1-9如何调试webpack？如何配置vscode调试？【调试篇】-2019-09-1116_47

第2章项目开发之前端-ui框架

2-1前端框架章导学-2019-09-1117_07

2-2框架&库-2019-09-1117_11

2-3ui框架选型-2019-09-1117_13

2-4自由编程-

2-5js框架选型（3款mvvm框架的对比）-2019-09-1117_15

第3章项目开发之前端-登录模块

3-10完成登录、注册、找回密码页面样式及路由懒加载（2）-2019-09-1117_36

3-11完成登录注册页输入校验及图形验证码-2019-09-1117_38

3-12作业题-

3-13配置邮件服务nodemailer（nodejs进阶）-2019-09-1117_41

3-14完成邮件服务接口与找回密码对接（nodejs进阶）-2019-09-1117_44

3-1章导学-2019-09-1117_19

3-2ui框架快速完成登录业务的样式开发（学会用轮子）-2019-09-1117_20

3-3图形验证码功能开发1-2019-09-1117_23

3-4图形验证码功能开发2-2019-09-1117_25

3-5基本的验证方法（表单验证）-2019-09-1117_26

3-6vuelidate的安装及使用（表单验证进阶）-2019-09-1117_26

3-7veevalidate的安装及使用（表单验证进阶）-2019-09-1117_33

3-8作业题-

3-9完成登录、注册、找回密码页面样式及路由懒加载（1）-2019-09-1117_34

资料

登录模块（资料与代码）

登录效果图

第6周团队协作-文档与版本管理

第1章项目开发团队协作-文档管理

1-10云笔记&个人笔记使用指北（勤练习才能写好文档）-2019-09-1118_23

1-11heox+githubpages自建博客（markdown的另类玩法）-2019-09-1118_25

1-12章小结（文档管理工具按需取用）-2019-09-1118_26

1-1章导读（敏捷流程之文档管理宝鉴）-2019-09-1117_59

1-2markdown简介-2019-09-1118_08

1-3typora一款跨端的markdown实时编辑预览编辑器-2019-09-1118_09

1-4markdown常用语法-2019-09-1118_10

1-5typora主题及markdown输出样式自定义-2019-09-1118_15

1-6自由编程-

1-74款文档管理工具介绍（思想决定视野，工具提升效率）-2019-09-1118_18

1-8showdoc的本地化安装-2019-09-1118_21

1-9showdoc工作流及配置-2019-09-1118_22

第2章项目开发团队协作-版本管理

2-10情境二：推送代码到多个仓库（版本控制工具git）-2019-09-1118_38

2-11github仓库settings介绍（版本控制工具git）-2019-09-1118_41

2-12选择题-

2-13深入理解git工作原理——快照管理（版本控制工具git）-2019-09-1118_42

2-14选择题-

2-15两种应用场景下的gitflow模型（多人协作gitflow工作流）-2019-09-1118_46

2-16选择题-

2-17选择题-

2-18分支管理的基础命令介绍（多人协作之分支管理）-2019-09-1118_47

2-19选择题-

2-1章导学（敏捷流程之版本控制宝鉴）–2019-09-1118_27

2-20实操gitflow&常见问题（多人协作之分支管理）-2019-09-1118_54

2-21选择题-

2-22dockerrun搭建gitlab平台-2019-09-1118_56

2-23docker-compose搭建gitlab平台（自动动手）-2019-09-1118_57

2-24docker-compose运维gitlab平台：备份&恢复（自动动手）-2019-09-1118_58

2-25gitlab的权限介绍&组权限控制&分支保护-2019-09-1119_00

2-26三种方法产生.gitignore文件（git必备知识）-2019-09-1119_01

2-27git的gui工具使用简介-2019-09-1119_02

2-28【温故知新】章总结-2019-09-1119_09

2-2语义化版本semanticversioning（版本控制基础）-2019-09-1118_28

2-3选择题-

2-4git工具导学&gitvssvn&git多密钥管理-2019-09-1118_29

2-5选择题-

2-6选择题-

2-7从零配置github到ssh秘钥克隆仓库（版本控制工具git）-2019-09-1118_33

2-8选择题-

2-9情景一：空仓库&创建仓库提交代码（版本控制工具git）-2019-09-1118_35

资料

222（资料与代码）

gitlab配置https与邮件服务

gitsubmodule

typora中table进阶使用

开源许可协议

软件获取方式

使用gitsubtree管理项目中的子库

学习markdown语法

第7周团队协作-缺陷控制与自动化流程

第1章缺陷控制（项目进度质量管理）

1-10禅道&jira&redmine简介-2019-09-1119_29

1-1章导读-2019-09-1119_18

1-2选择题-

1-3缺陷控制概念-2019-09-1119_22

1-4选择题-

1-5选择题-

1-6最佳实践-2019-09-1119_23

1-7选择题-

1-8缺陷管理工具分类-2019-09-1119_24

1-9trello&teambition使用介绍-2019-09-1119_25

第2章缺陷控制之质量管理工具

2-1eslint安装&初始化-2019-09-1119_32

2-2选择题-

2-3eslint规则&配置方法-2019-09-1119_34

2-4选择题-

2-5选择题-

2-6eslint与vscode&webstorm结合使用-2019-09-1119_35

2-7vue项目中使用vscode插件自动格式化+自动eslint代码-2019-09-1119_36

2-8本章小结-2019-09-1119_37

第3章深入浅出前端自动化

3-1章导读【小荷才露尖尖角，揭开自动化的面纱】

3-2什么是前端自动化？什么是cicd？

3-3选择练习

3-4自动化流程概念&最佳实践

3-5选择练习

第4章circlecitravisci自动化工具合集

4-10选择练习

4-1自动化工具介绍&circleci使用

4-2选择练习

4-3选择练习

4-4circleci配置自动化任务—打包构建

4-5选择练习

4-6选择练习

4-7circleci实战vue项目发布到githubpages

4-8选择练习

4-9travisci介绍&配置自动化任务

第5章jenkins—ci&cd工具鼻祖

5-10选择练习

5-11jenkins&gitlab项目任务

5-12选择练习

5-1jenkins使用介绍&课程案例架构

5-2选择练习

5-3jenkins安装&docker安装示例

5-4选择练习

5-5选择练习

5-6选择练习

5-7jenkins插件配置&保存docker容器数据

5-8选择练习

5-9jenkins权限管理3种方案

第6章自动化实战

6-1前后端项目dockerfile&项目实战配置

6-2本地测试dockerfile及打包镜像

6-3前后端项目jenkins任务配置（1）

6-4前后端项目jenkins任务配置（2）

资料

自动化resource（资料）

阶段3：打通全栈开发技能（8-13周）

第08周nosql数据库的设计与集成

1-1章导读-2019-10-1712_00

1-2nosql数据库&设计原则-2019-10-1712_12

1-3mongodb简介&安装-2019-10-1712_48

2-1mongodb初始化配置-2019-10-1712_52

2-2介绍gui工具-2019-10-1712_54

2-3mongodb备份与恢复-2019-10-1712_58

2-4mongoose使用简介-2019-10-1712_58

2-5mongoose实战配置&curd操作-2019-10-1712_59

3-10

3-11redis常见cli命令3—服务相关&备份恢复-2019-10-1713_09

3-12

3-13

3-1章导读-2019-10-1713_00

3-2redis简介-2019-10-1713_01

3-3选择练习

3-4redis安装-2019-10-1713_04

3-5

3-6redis常见cli命令1—取值-2019-10-1713_06

3-7

3-8

3-9redis常见cli命令2—发布订阅-2019-10-1713_08

4-1redis的gui工具-2019-10-1713_10

4-2redis实战应用配置—get&set方法-2019-10-1713_12

4-3redis实战应用配置—哈希表hset&hgetall-2019-10-1713_18

mongdbresource（资料和代码）

redisresources（资料和代码）

软件获取方式

第09周jwt登录鉴权—通用登录模块后端开发

1-1章导学-2019-10-1712_15

1-2登录鉴权核心概念-2019-10-1712_16

1-3jwt的工作原理-2019-10-1712_17

1-4api接口安全相关知识（加密&算法&https）-2019-10-1712_18

2-1登录鉴权开发前置回顾-2019-10-1712_19

2-2前端项目veevalidate3x-2019-10-1712_22

2-3veevalidate3x升级-本地化&配置自定义消息-2019-10-1712_24

2-4veevalidate结合vuei18n-2019-10-1712_26

2-5封装axios请求（拦截器）-2019-10-1712_27

2-6axios封装进阶-业务示例、逻辑代码、配置-2019-10-1712_32

2-7图片验证码存储&校验机制设计-2019-10-1713_27

2-8前台veevalidate登录校验&接口请求设计-2019-10-1713_32

2-9

3-1jwt鉴权方式：koa-jwt集成-2019-10-1713_37

3-2服务端登录逻辑&业务代码调试-2019-10-1713_42

3-3服务端koa统一错误处理-2019-10-1713_45

3-4vscode对配置alias的支持-2019-10-1713_51

3-5使用chrome调试服务端应用-2019-10-1713_51

3-6登录功能小结&联调测试-2019-10-1713_52

4-1前端数据校验及交互设计的两种方法-2019-10-1713_52

4-2vue自定义alert组件-2019-10-1713_53

4-3vue自定义confirm组件-2019-10-1713_56

4-4前端数据校验交互一：自定义弹窗-2019-10-1713_57

4-5前端数据校验交互二：veevalidate服务端检验-2019-10-1713_58

5-1前端注册业务开发-2019-11-1621_51

5-2注册接口mod数据-2019-11-1621_56

5-3注册接口开发&前后联调-2019-11-1622_02

5-4登录鉴权总结-2019-11-1622_18

课程资源（代码和资料）

第10周全栈开发—首页、发帖与用户中心模块

1-1章导读（教学内容、目标、建议）

1-2功能拆解&原型设计说明

2-1数据库-业务功能分析

2-2数据库设计-用户信息

2-3数据库设计-发贴、签到、友链

3-1接口设计&组件拆分

3-2首页接口定义-文章列表

3-3首页接口定义-侧栏接口定义

4-1git仓库初始

4-2vue-cli升级到v4版本

4-3初始识响应式原理

4-4完成首页静态页面结构

4-5优化温馨通道样式

5-1首页交互及接口分析&最终效果展示

5-2首页panel部分路由交互

5-3前台首页接口开发

5-4首页列表筛选部分交互逻辑

5-5拆分首页listitem组件1

5-6拆分首页listitem组件2

5df98ba079fe5fe635d5b10c

6-1长列表加载注意的三个基本面

6-2axios拦截器取消用户重复请求

6-3首页列表监听筛选数据

6-4首页路由监听加载分类数据

6-5首页侧边栏：温馨通道、友链接口开发

6-6作业题

7-10首页请示真实接口数据，前后端项目联调

7-11首页侧栏（温馨提醒、本周热议）接口联调

7-1后台项目初始化：项目依赖升级

7-2eslint规则扩展：使用standard规则

7-3定义文章接口的model（学习pre、statics方法）

7-4（插播技巧）效率开发-vscode编辑进阶

7-5后台文章接口测试&联合查询介绍

7-7升级dayjs库（用法与moment一致）

7-8完善用户信息model（与post进行联合查询）

8-1周总结

课程资源（资源代码和ui）

社区开发功能思维导图

第11周全栈开发—用户中心和发贴回帖模块

1-10sass进阶1@for,@mixin,map用法介绍-0k

1-11sass进阶2@each,map相关操作，学会书写通用工具类mixin

1-1优化用户登录路由

1-2首页个人中心菜单交互

1-3使用iconfont制作自定义图标

1-4使用最新的layui版本

1-5创建个人内容子组件

1-6完成用户中心欢迎页静态样式书写(css基础)

1-7完成个人中心基本设置(css基础)

1-8完成我的帖子子组件静态样式(css基础)

1-9完成消息&其他设置页面静态样式(css基础)

2-1用户信息如何缓存？localstorage&sessionstorage的区别

2-2登录路由优化（全局路由守卫）

2-3登录安全机制优化（jwt过期后处理逻辑）

3-10签到组件前端交互

3-11自定义pop气泡组件

3-12完善签到组件

3-1用户签到说明模态框（css基础）

3-2签到榜列表（css基础）

3-3签到榜标签切换

3-4签到榜的组件拆分&子组件事件传递

3-5用户签到逻辑介绍

3-6签到接口开发1

3-7签到接口开发2

3-8签到接口3种调试方法：功能测试、单步调试、临界条件测试

3-9签到接口完成测试&接口开发小结

4-10完成用户中心修改个人信息

4-11上传头像前端页面开发

4-12图片上传接口路由&文件解析配置

4-13自定义路径工具类&make-dir库使用

4-14上传头像接口联调14_37

4-15修改密码功能14_38

4-1异常路由处理，添加404页面

4-2input标签radio样式自定义

4-3基本设置修改用户资料接口

4-4后端routes入口优化require.context

4-5基本信息修改接口开发

4-6调试账号修改接口&邮件发送服务

4-7调试账号修改路由&自定义邮件内容

4-8开发确认邮件跳转的前端页面

4-9代码作业-忘记密码页面&接口

5-10完成编辑器预览之表情、链接、引用处理

5-11发贴请求表单检验

5-13发贴后端接口开发&前后端联调

5-14dayjs使用扩展插件（国际化、取时间差）

5-1node版本升级至12-14-0

5-2发贴页面需求分析

5-3完成发贴页面样式&自定义select交互

5-4使用mixin混入优化图片验证码功能

5-5自定义表情&transition过渡、父子通信

5-6编辑器图片上传功能

5-7编辑器添加链接功能（作业：自行完成引用、代码块插入样式）

5-8优化编辑器组件间事件传递

5-9指定光标位置插入自定义内容格式

6-1帖子详情页面需求分析

6-2帖子详情数据库及接口定义

6-3完成帖子详情样式

6-4自定义分页组件

6-5分页组件添加统计页数&分页限制选项

6-6分页组件逻辑分析&lodash进阶使用

6-7控制按钮样式与列表index绑定

6-8完成分页组件&调试页面点击事件

6-9文章详情前端页面调试

7-10评论点赞&回复特定的用户

7-1mock数据调试前端评论列表样式

7-2文章详情后台接口开发&前后端调试

7-3评论列表接口开发

7-4新增评论接口开发

7-5新增richtext自定义指令&完善翻页组件(小作业)

7-6评论编辑交互开发&自定义滚动

7-7评论编辑接口开发

7-8评论采纳功能开发

7-9评论点赞前后端联调

8-1阅读记数&评论记数功能

8-2开发编辑帖子功能

8-3文章详情&评论点赞联调（完成发贴业务）

8-4设置收藏&取消收藏功能开发

9-1个人中心-发贴记录功能开发

9-2个人中心-收藏帖子列表

9-3个人中心-获取用户的基本信息

第12周消息中间件开发（websocket通信）

1-1websocket章导学

1-2websocket基础

1-3第一个websocket应用

1-4常见api介绍&第一个ws应用

1-5socket.io开发简单的消息应用

1-6websocket属性onerror&onclose

2-1ws实现聊天功能(消息广播)

2-2进入聊天室欢迎语功能

2-3统计在线人数&离开聊天室发送通知

2-4多聊天室

3-1websocket鉴权方式

3-2心跳检测&断线重连

3-3心跳检测&断线重连联调

3-4离线消息缓存开发准备

3-5消息缓存流程图&数据结构设计

3-7离线消息缓存-消息缓存

3-8离线消息缓存联调

4-1个人中心-我的消息功能分析&样式开发

4-2后端消息查询方法一：mongodb联合查询（困难）

4-3后端消息查询方法二：扩展comments评论信息

4-4实时消息开发-后端websocket封装

4-5实时消息开发-前端websocket封装

4-6实时消息开发-前后端联调

4-7作业-清空全部消息功能开发

4-8实时消息开发-断线重连

4-9小结

第13周性能优化–服务端渲染

1-1导学

2-1ssr基础及工作原理

2-2ssr学习路径

2-3ssr的webpack打包配置

2-4第一个ssr应用

2-5配置ssrwebpack热重载流程分析

2-6配置学习webpack-dev-middleware&webpack-hot-middleware

2-7调试webpack热重载

2-8路由和代码分割

3-1nuxtjs简介

3-2工程目录&自动生成路由

3-3nuxtjs异步数据

3-4universalmode

3-5登录鉴权之nuxtjsauth模块

4-1首页项目初始化&完成头部底部样式

4-2完成首页服务端渲染及调试

阶段4：前后端分离的后台管理系统（14-17周）

第14周组件化思想进阶：iview上手文章管理

1-1后台管理全局思考

1-2课程导读（必看）

2-1项目依赖升级：prettier&lint-stage配置

2-2升级iview4.x版本&配置sass-loader

2-3工程目录

2-4修改登录表单，添加图片验证码样式

2-5iview-admin整体代码逻辑分析&图片验证码接口对接

2-6vuex中modules用法介绍

2-7完成登录功能接口联调&登录组件改造

2-8登录form组件数据校验

2-9用户登录状态保存（js-cookie）

3-10标签管理页面开发（代码作业）

3-1创建自定义路由

3-2路由多语言逻辑分析&i18n多语言插件

3-3自定义内容管理页面基础样式

3-4两种格式化表格数据的方法（推荐render动态渲染）

3-5集成page分页组件

3-6自定义表格组件操作功能

3-7删除指定文章功能开发&接口联调

3-8文章管理编辑模态框

3-9文章管理编辑功能开发&接口联调

第15周中后台权限系统：前端权限设计方案

1-1导学

2-1权限基础（什么是菜单权限、数据权限）

2-2页面权限举例：基于角色的权限控制

2-3页面权限举例：操作权限控制

2-4角色权限控制基础

3-10自定义搜索组件样式

3-11自定义搜索组件动态选项交互

3-12自定义搜索组件交互调试

3-13自定义搜索组件接口开发

3-1用户管理页面样式开发-添加tables行批量选择功能

3-2开发用户管理接口（获取用户列表）

3-3用户基本信息编辑功能

3-4修改用户信息&删除用户模态框开发（form表单异步校验）

3-5新增用户前台样式&交互开发

3-6新增用户接口开发&联调

3-7批量操作-批量删除用户（学习deletemany方法）

3-8批量操作-批量设置用户前台样式&交互开发-

3-9批量操作-批量设置用户接口开发&联调-

4-1菜单权限设计基础

4-2菜单&权限管理数据库设计

4-3菜单&权限管理页面设计思考

4-4开发准备-删除无用页面

第16周中后台权限系统：基于角色&菜单权限设计

1-1创建菜单&权限管理页面路由

1-2开发菜单管理页面样式（响应式布局设置）

1-3菜单管理表单内容定制（vue中webpack链式配置：添加iview-loader）

1-4自定义资源选项（分析页面交互，添加功能按钮）

2-1添加菜单dropdown交互

2-2多级菜单树添加兄弟节点、子节点交互

2-3多级菜单树编辑功能交互

2-4多级菜单树删除交互&操作互锁功能

2-5代码作业：菜单管理页面-组件拆分

3-1资源管理添加交互

3-2资源管理数据保存与显示交互

3-3资源管理批量设置、删除（完成菜单管理页面级交互）

4-1mongodb嵌套model定义方法-定义菜单menus

4-2菜单管理数据库操作机制

4-3菜单管理接口（curd操作）

4-4获取&添加菜单接口对接（递归查询父节点）

4-5添加子菜单&更新菜单接口对接&联调

4-6菜单管理删除菜单接口联调

5-1角色权限页面样式开发-

5-2角色权限页面交互分析&添加角色模态框-

5-3角色权限管理交互（添加角色、角色权限展示

5-4角色与菜单权限&操作权限联动交互

5-5角色权限操作互锁（非编辑状态判断）

5-6设置角色菜单权限、操作权限页面交互

5-7角色权限接口开发&联调

6-1用户管理页面（对接角色信息）

6-2代码作业（评论管理）

6-3获取用户所有角色权限信息

6-4完成动态菜单联调

6-5如何配置超级管理员？(代码作业：菜单列表排序)

6-6接口权限控制中间件开发(数据权限)

第17周首页可视化图表与日志服务

第1章首页可视化&echart导学

1-1章导学

1-2echarts基础&地图类型图表两种解决方案

第2章首页统计

2-1首页顶部统计信息-新增用户统计

2-2首页顶部统计-周数据统计

2-3定制发帖统计功能（通用饼状组件）

2-4近6月累计发帖统计(aggregate进阶)

2-5近7日的统计数据（echarts进阶）

2-6近7日的统计数据接口&联调

第3章监控日志服务

3-1准备联调开发环境

3-2监控日志方法一：简单的调试日志koa-logger

3-3监控日志方法二：文件日志koa-log4j

3-4错误日志收集koa中间件开发(持久化方案-数据库保存)

3-5管理后台页面：table组件render进阶

3-6管理后台页面参数详情&批量删除功能

3-7错误日志筛选查询（表格filterremote）

第4章前后台联调&持续集成任务配置

4-1联调项目部署介绍

4-2社区应用毅后端联调（配置接口权限、优化登录细节）

4-3自动化流程回顾+jenkins节点管理

4-4项目部署准备（dockerfile、生产环境mongo&redis）

4-5接口项目配置自动化任务（敏感信息、通知）

4-6自动化部署前后台项目

阶段5：移动webapp与小程序开发（18-24周）

第18周webapp页面设计与开发

1-1webapp章导学

1-2webapp原型稿&项目演示

2-1mint-ui介绍(熟悉组件名称、使用场景)

2-2mint项目初始化（配置babel）

2-3项目state分层及动态module加载（改造登录逻辑）

2-4自定义icon组件（svg-sprite-loader的vuewebpack配置）-

2-5自定义header组件（动态组件注册）(1)

2-6全局样式方案：normalize和reset

2-7全局预处理样式&变量sass-loader配置

2-8如何修改ui框架主题？(三种思路)

3-1添加首页路由及页面tabs

3-2自定义搜索组件（移动端适配方案postcss-px-to-viewport）

3-3作业：iconfont添加自定义去色的svg图片

3-4自定义footer组件

3-5移动端适配底部footer组件(mixin方法扩展应用)

3-6下拉刷新、上拉加载（重要）

3-7自定义首页listitem组件

课程代码和资料

第19周webapp前后端联调

1-1详情页面需求分析&详情页开发准备

1-2详情页面开发-文章、底部输入框-

1-3完成评论列表样式-

1-4评论列表(无限滚动加载)-

2-1处理下拉黑边

2-2移动端html的meta标签配置

2-3移动端横竖屏兼容css方案

2-4移动端底部fixed定位交互设计

3-1登录页面基础结构

3-2登录接口对接（vuex进阶namespace及使用）

3-3个人中心页面头部样式

3-4完成个人中心样式(处理资源路径)

3-5热门头部筛选样式

3-6完成热门列表样式

3-7完成消息列表样式

4-10如何调试过渡效果&动画？transition小结

4-11热门模块组件化拆分

4-12webapp自动化发布&打包优化(配置terserwebpackplugin)

4-1热门功能前端接口定义（js策略模式）

4-2热门文章接口开发&调试

4-3热门评论&签到接口开发

4-4热门帖子功能前后端联调

4-5热门评论&签到排行前后端联调

4-6路由守卫&历史消息对接

4-7notfound页面及路由配置

4-8如何理解vue中的transtion过渡

4-9移动端路由切换动画设计

第20周小程序基础与进阶

1-1章导学

1-2小程序起源与技术思考

1-3重点内容介绍

2-1小程序注册流程(建议使用非个人主体注册)

2-2小程序后台开发配置、流程及unionid机制

2-3开发者工具&第一个小程序应用

2-4小程序工程目录

2-5小程序宿主环境

3-1小程序样式语言wxss及两种预编译方案介绍

3-2小程序app&page生命周期

3-3wxml&wxss语法简介

3-4跨端框架横向对比(wepy,mpvue,taro,uniapp)

3-5mpvue项目初始化

第21周小程序首页菜单定制登录开发

1-1mpvue中webpack配置简介

1-2集成vant-weapp&配置mpvue支持sass

2-1完成底部导航(方法一：app.json中的tabbar配置)

2-2自定义con组件(让小程序支持svg图标)

2-3自定义tabbar组件

2-4图解flex布局

2-5使用van-tabbar&自定义van-icon

3-1首页标签页tabs切换

3-2首页列表样式

3-3首页自定义顶部导航-搜索框样式实现

4-1api接口promise化

4-2request方法封装分析(如何取消请求)

4-3wx.request封装为promise方法(兼容原生)

4-4中止重复请求&优化toast显示

4-5小程序本地缓存token&封装post、get方法

5-1首页部分自定义组件拆分

5-2首页部分拆分自定义标签栏、搜索、列表组件

5-3首页数据接口对接

5-4vuex状态管理&首页下拉刷新上拉加载

5-5下拉刷新上拉加载交互优化

第22周小程序详情面个人中心开发

1-1章导学必看

2-1文章详情页面路由&基础数据

2-2文章详情之html解析mpvue-wxparse

2-3mpvue中使用原生组件&自定义小程序组件

2-4扩展知识：自定义mpvue高亮组件

2-5代码高亮之自定义wxparse组件

2-6评论列表接口对接&封装通用分页类paging

2-7onreachbottom事件&底部回复样式

2-8表情事件绑定&3种safearea适配方案

3-1登录流程介绍

3-2完成登录页样式

3-3获取用户信息&登录接口开发

3-4开放数据校验与解密

3-5小程序侧登录状态校验与授权登录

3-6用户信息校验

3-7后台登录接口开发&调试

4-1完成个人中心&用户数据对接

4-2个人中心跳转首页&globaldata全局变量

第23周小程序编辑与发贴开发

1-1章导学

2-1ssl证书&nginx配置介绍

2-2使用acme.sh申请的ssl证书

2-3docker-compose配置nginx

2-4场景一：静态站nginx配置https协议（a安全评级）

3-1小程序订阅消息机制&使用说明

3-2小程序订阅消息基础用法

3-3订阅消息的应用场景

3-4从服务端获取订阅消息模板ids

3-5accesstoken定时更新机制设计

3-6订阅消息通用utils开发&订阅消息联调

4-1用户发贴&内容安全介绍

4-2完成发贴部分样式&集成上传图片组件

4-3内容安全：文本内容安全小程序接口对接

4-4内容安全：图片内容安全小程序接口对接

4-5小程序图片上传接口wx.uploadfile封装&接口联调

5-1打包优化

5-2mpvue小程序分包

第24周项目部署、运维与展望

1-1周导学

2-1linux中分区扩展-

2-2如何更新jenkins&加速插件下载

2-3jenkins任务构建通知

2-4更简单上手的https服务caddy简介

2-5caddyversion2上手cloudflaredns配置https

2-6如何访问g歌服务？(推荐自建)

2-7学生相关的资源(针对大学生)

3-1前端人的窘境

3-2课程展望

阶段6：vue3

第25周vue3带来的新特性

第1章vue3vsvue2

1-1章导读

1-2vue3环境搭建&devtools安装使用介绍

1-3vue3中有哪些新的特性？新的变化？

1-4vue3响应式原理&proxy工作原理

1-5vue3渲染机制与优化（virtualdom）

1-6如何调试vue3源码，学习内在的工作原理

1-7vue3集成typescript及ts配置指南

第2章compositionapi

2-1章导学-为什么要使用compositionapi

2-2新增组件属性setup及其用法

2-3vue3中如何进行逻辑复用？

2-4computedvswatchvswatcheffect

2-5深入学习常见响应式api

2-6vue3生命周期钩子函数

2-7suspense简介&封装通用errorcapture组件

2-8teleport组件介绍

第26周vue3全家桶+vite开发工具

第1章vue生态有哪些变化

1-1章导学

1-2vue-router有哪些变化？

1-3vuex有哪些变化

第2章todolist案例

2-1todolist需求分析

2-2页面基本结构&路由定义

2-3添加待办数据&如何自动创建types

2-4完成单项item状态修改

2-5完成页面列表过滤功能

2-6完成编辑与本地数据持久化

第3章vite简介

3-1vite介绍&上手实践

3-2vite配置ts支持,css预编译,路径别名

3-3rollup简介

第27周pc端项目vue3首页重构

第1章pc端项目升级策略

1-1章导学

1-2pc端项目升级策略

第2章登录&注册功能重构

2-10自定义弹窗组件

2-1处理项目资源+样式

2-2完成底部footer改造&封装toggleutils

2-3veevalidate4.x集成

2-4veevalidate4.x配置国际化插件i18n

2-5axios&登录接口ts改造

2-6重构获取验证码逻辑

2-7登录表单预校验+定制错误消息提示

2-8处理登录请求(接口+表单重置+路由跳转)

2-9重构注册页面，优化veevalidate

第3章首页重构

3-1首页重构分析

3-2完成首页布局+路由跳转

3-3重构首页list列表mixin

3-4重构listitem&改写日期格式filter

3-5封装通用listservice，改写top置顶组件

3-6完成签到组件重构

第28周管理后台&webapp代码重构

3-1refreshtoken机制

3-2使用axios拦截器完成refreshtoken机制mp4

3-3refreshtoken功能前后台联调

3-4登录成功跳转回原来的页面

3-5动态菜单addroutes功能介绍&接口测试

3-6管理后台项目动态路由开发

3-7动态路由功能前后端联调

3-8动态路由持久化

试听课

第二天前端工程化和进阶调试技巧

第1章场景二：前端工程化如何入门到进阶？

1-1前端工程化工具介绍

1-2webpack五大核心概念

1-3脚手架及cli工具

第2章场景三：开发如剑，测试如具，调试如诊

2-1三类真机调试技巧

2-2如何调试webpack？如何配置vscode调试？

2-3接口测试必会的mock接口&平台介绍

第三天全栈开发通用web后台框架

第1章场景四：通用nodejs后台打通全栈第一脉

1-1api接口安全相关知识（加密&算法&https）

1-2nodejs写接口：初识web框架koa

1-3request属性、路由基础用法、app.use链式处理

1-4koa开发热加载、es6语法支持.

1-5jwt鉴权方式：koa-jwt集成

1-6动态路由加载：routes入口优化require.context

第四天自动化&缺陷控制+多端展望

第1章场景五：自动化流程及缺陷管理

1-1四款文档管理工具介绍

1-2项目开发团队协作——版本管理

1-4缺陷控制概念&最佳实践

1-6什么是前端自动化？什么是cicd？

第2章场景六：多端、跨端应用该何去何从

2-1多端应用需求分析难点解析

2-2多应用场景应用技术栈考量

2-3课程后续服务及2020前端技术展望

第一天走进大前端世界，拒绝迷茫

第1章大前端课程导学

1-1课程导学

第2章前端进阶必知必会（少走弯路，事半功倍）

2-1前端全栈痛点全解析

2-2手把手搭建前端开发环境

第3章场景一：这么多框架怎么来学？

3-1ui框架选型

3-2js框架选型（主流框架react，vue，angular的对比）

源码git

mint-2-master

nuxt-demo-master

toimc-admin-master

toimc-api-master

toimc-front-master

toimc-webapp-master

toimc-wxapp-master

vue-mint-template-master

vue-server-render-demo-master

webpack4-img-html-example-master

websocket-master

大前端：前端全栈加强版！前端全栈全周期多端（升级vue3.0）-

直播课

4-12大前端直播录屏

4-12《前端组件化开发思想》直播录屏

组件化开发思想（问题记录+ppt）