课程介绍

注意0：欲购买此课程，获取安全购买链接，索要正版授权学习平台账号，务必加咨询QQ：2536379620
注意1：由于编码原因，试听课程视频画面清晰度不如最终购买的视频。最终购买视频的画面清晰度可参见以下两张图。图1   图2
注意2：正版良心视频，购买后有机会和原作者直接短暂技术交流。

注意3：感觉课程太难？没有信心？还在犹豫自己学的会学不会？我们的师傅带徒弟模式（5倍下单）会给您信心。我们承诺， 商品详情，教学大纲，视频内容，所涉及技术，可获得原创作者老师微信或QQ和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达，视频之外相关技术内容，行业内信息人脉，企业内推(如有)，原创作者老师会竭诚帮助。

以上所示价格，只能自行学习视频和获取少量解答。师傅带徒弟课程（5倍下单左右，可以先和客服联系，可获得老师的联系方法和针对视频范围的精心指导。线上一对一师带徒辅导问答，针对视频内代码调试，使命必达。）

该课程是延续上一个微信朋友圈课程的, 在本课程中, 我们实现了微信聊天功能, 使用了前端最新的websocket, 具备聊天信息提醒, 实时通信, 以及好友列表等功能!
在这个课程中,后端展示部分使用的nodexjs、express、mongodb，大家可以直接使用我们上传的接口，代码也会分享给大家,通讯部分使用websorket搭建即时通讯服务;前端部分主要实现即时通讯的业务功能，包括通讯录、联系人搜索、聊天等知识点。

主要内容
Websorket服务，在线聊天，联系人通讯录，聊天消息提醒。

学习要求
这是一套专门为有Vue基础的同学精心准备的视频课程，通过本课程，快速掌握websorket实现即时通讯。
1.有一定程度的vue开发经验。
2.了解Node.js。

学习目标
加入个人简历中的技能点
1.websorket开发经验。2.通讯录功能。 3 组件封装。

 

课程大纲

01 VueCli3.x实战项目-项目最终成果展示

【录播】VueCli3.x实战项目-项目最终成果展示(5分钟)  免费试看

【录播】如果你遇到问题?(3分钟)

02 VueCli3.x实战项目-后端代码下载及前后端连载

【录播】VueCli3.x实战项目-配置前后端连载(9分钟)

【资料】后端接口代码(zip，32.0KB)

03 VueCli3.x实战项目-前端准备工作

【录播】VueCli3.x实战项目-前端准备工作(9分钟)

04 VueCli3.x实战项目-注册登录页面设计

【录播】VueCli3.x实战项目-注册登录页面设计(16分钟)

05 VueCli3.x实战项目-封装input和label组件

【录播】VueCli3.x实战项目-封装input和label组件(14分钟)
 
06 VueCli3.x实战项目-封装button按钮及使用

【录播】VueCli3.x实战项目-封装button按钮及使用(18分钟)

07 VueCli3.x实战项目-实现注册功能

【录播】VueCli3.x实战项目-实现注册功能(14分钟)

08 VueCli3.x实战项目-实现登录功能

【录播】VueCli3.x实战项目-实现登录功能(14分钟)

09 VueCli3.x实战项目-解析token存储到vuex中

【录播】VueCli3.x实战项目-解析token存储到vuex中(14分钟)

10 VueCli3.x实战项目-实现底部tabbar展示

【录播】VueCli3.x实战项目-实现底部tabbar展示(8分钟)

11 VueCli3.x实战项目-优化tabbar组件

【录播】VueCli3.x实战项目-优化tabbar组件(13分钟)

12 VueCli3.x实战项目-封装Header头部组件

【录播】VueCli3.x实战项目-封装Header头部组件(12分钟)

13 VueCli3.x实战项目-个人信息和退出登录

【录播】VueCli3.x实战项目-个人信息和退出登录(11分钟)

14 VueCli3.x实战项目-获取所有用户列表

【录播】VueCli3.x实战项目-获取所有用户列表(9分钟)

15 VueCli3.x实战项目-通讯录搜索功能

【录播】VueCli3.x实战项目-通讯录搜索功能(7分钟)

16 VueCli3.x实战项目-查看详细资料

【录播】VueCli3.x实战项目-查看详细资料(15分钟)

17 VueCli3.x实战项目-进入聊天页面

【录播】VueCli3.x实战项目-进入聊天页面(11分钟)

18 VueCli3.x实战项目-添加输入框

【录播】VueCli3.x实战项目-添加输入框(5分钟)

19 VueCli3.x实战项目-显示聊天记录

【录播】VueCli3.x实战项目-显示聊天记录(17分钟)

20 VueCli3.x实战项目-封装WebSocket

【录播】VueCli3.x实战项目-封装WebSocket(17分钟)

21 VueCli3.x实战项目-使用WebSorket进行即时通讯

【录播】VueCli3.x实战项目-WebSorket进行即时通讯(19分钟)

22 VueCli3.x实战项目-显示聊天列表

【录播】VueCli3.x实战项目-显示聊天列表(12分钟)

23 VueCli3.x实战项目-聊天消息提醒

【录播】VueCli3.x实战项目-聊天消息提醒(23分钟)

24 课程完整代码

【资料】课程完整代码(zip，145.1KB)

25 课程总结及预告

【录播】课程总结及预告(10分钟)