基于 Websocket 的 IM 聊天工具实战－妙味新闻

视频作者的话：

亲爱的朋友们，自从 HTML5 新应用 websocket 诞生以来，市面上却极少看到相关的视频教程。即使有不少团队已经采用了新的技术实践，却也少有资料来分享和描述这些应用的使用场景和方法。由此，我萌生了录制本套视频的想法。

这套视频我们以 websocket 应用作为引子，详细讲解了 websocket 的基础知识和用法，同时在数据交互方面，通过视频向大多数初学者详细展示了从前台到后端的一整套数据交互过程。

不仅仅是数据交互的过程，其实在视频中我还给大家介绍了 websocket 的服务器搭建的一个框架，并且在使用层面上指导大家去使用和配置它，也就是说作为一个前端朋友的你，还可以在这里稍稍体验一下服务端代码的逻辑。

在本视频中，贯穿了整个 websocket 的知识，包括了前端、服务端的整个逻辑过程。在中后期，我还把 websocket 中最常用的案例：Web 版 IM 在线聊天小工具的开发过程给大家演示了一遍，最后在此基础上还进一步做了扩展。

考虑到初学 JS 的同学，大多难以理解所谓的面向对象。我在视频中用最通俗的讲法，给大家描述了面向对象的概念和具体的演示过程。学完这套 25 集视频，初学的朋友一定可以轻松的理解面向对象本质、以及基于 H5 的 websocket 应用实例，而在此之前，我希望大家积极完成每个阶段的课后练习，同时，如果遇到问题，请到妙味社区 - http://2017.miaov.com/bbs 平台上给我提问哦。

提问格式：[websocket] 这里是提问标题……

视频观看地址：

https://study.miaov.com/study/remote/chapter/308

本套视频全文讲解 Websoket 应用，同时分享了一个服务端 websoket 框架：workerman。总共 25 集，每一集在 15-20 分钟左右。以下是视频清单：

基础篇

1、网络环境的讲解
2、服务器的搭建
3、事件、方法、请求状态
4、布置练习

简单IM案例

1、开发前的准备
2、模拟登录
3、消息发送-1
4、消息发送-2
5、布置练习

面向对象的IM案例

1、前言-1
2、前言-2
3、划分模块
4、用户模块-1
5、用户模块-2
6、用户模块-3
7、用户模块-4
8、登录模块
9、模块整合（登录和用户模块）
10、面向对象的小练习-1
11、聊天模块-1
12、聊天模块-2
13、在线统计模块-1
14、在线统计模块-2
15、在线统计模块-3
16、面向对象小练习-2