第9周
全栈开发—首页模块
从数据库、接口设计到组件拆分,再到首页核心功能实现,提高对前置流程理解与工具使用的熟练度。本周通过原型图到实现首页交互(复杂筛选)及接口,综合运用前置知识,学习项目开发的实战内容。
课程安排:
1、Npm依赖升级方案,@vue/cli升级V4版本
2、PC端项目全局需求分析、原型设计、项目重难点介绍
3、掌握首页、发帖、用户中心数据库设计、接口设计、文档更新
4、首页多级列表、筛选、排序功能开发
5、路由监听/路由守卫/子路由ActiveClass灵活应用开发交互效果
6、Axios请求封装/拦截器/取消用户重复请求
7、侧栏:统计、签到、周热议 功能开发
8、首页Mock数据调试长列表加载、接口开发、前后端接口联调
9、版本控制建立Git仓库,熟悉Git相关操作
10、缺陷控制实战:代码Prettier格式化、ESLint自动修复实践、配置Standart规则
第10周
全栈开发—用户中心
开发个人中心核心业务,丰富的Vue-router、Vuex进阶应用和自定义组件,完成周榜、签到榜、热评榜的功能,实现签到积分系统,完善个人中心设置。
课程安排:
1、优化登录路由,本地缓存登录状态(介绍localStorage&SessionStorage区别)
2、自制Iconfont图标库
3、实战核心依赖升级,升级LayUI基础库版本
4、Sass进阶学习@for/@Mixin/@Map的用法
5、帖子详情、采纳、点赞功能开发
6、个人中心收藏列表、发贴列表功能开发
7、签到系统,积分体系的设计
第11周
全栈开发—发贴/回帖模块
继续开发发帖/回帖核心业务之后,形成PC端社区业务闭环,配置自动化流程,完成PC端项目自动化部署。进一步巩固前置技能,综合应用效率平台与工具,完成开发与测试,培养技术栈综合应用能力。
课程安排:
1、优化登录路由,本地缓存登录状态(介绍localStorage&SessionStorage区别)
2、自定义富文本编辑器开发(插入链接|图片、引用|代码样式、预览)
3、帖子详情、采纳、点赞功能开发
4、个人中心收藏列表、发贴列表功能开发
5、签到系统,积分体系的设计
6、发贴权限效验
7、Vue自定义directive/filters妙用
8、改造入口文件routes,后端路由按模块动态引入
9、调试账号修改邮件通知功能
10、Nodejs静态资源处理、文件上传后台、路径相关进阶操作
11、自制Iconfont图标库
12、Sass进阶学习@for/@Mixin/@Map的用法
第12周
消息中间件开发(WebSocket通信)
websocket是长连接的最优解决方案,升级全解析:ws分组消息、断线重连、心跳检测、离线消息缓存、历史消息,开发通用消息中间件。
课程安排:
1、WebSocket基础,WebSocket与Socket.io进行对比
2、Socket.io开发简单的消息应用
3、进阶认识WebSocket事件、属性
4、使用ws开发多人聊天 室应用(统计在线人数、加入&离开广播通知)
5、WebSocket消息应用进阶(鉴权、心跳检测、断线重连)
6、离线消息缓存之Redis缓存解决方案(多房间、多用户、多条信息缓存)
7、封装WebSocket客户端、服务端通用模块
8、PC端项目个人中心我的消息功能开发(实时、历史消息)
第13周
性能优化--服务端渲染
性能是评判项目好坏标准之一,本周带着大家进入性能优化环节,学习配置服务器端渲染思想及Nuxt.js使用,并对前面项目进行改造,让项目的性能更优。
课程安排:
1、了解SEO优化方法
2、前端性能优化思想
3、前端性能优化之服务端渲染(SSR)
4、SSR基础及工作原理
5、配置SSR及Webpack进阶:服务端渲染开发热重载
6、SSR中的路由与代码分割方案
7、Nuxt.js框架介绍(工程目录、Universal Mode、自动生成路由)
8、Nuxt.js Auth登录鉴权模块介绍与对接
9、Nuxt.js集成:改造前端项目首页功能模块