Vue.js 3 + Node.js 实现线上聊天室

训练营

198 人学过 18 次评价作者: JulyMeteor 难度: 中级综合评分: 9.4

本次课程将基于 Vue 3、Node.js、MongoDB 及 Socket.io 实现一个聊天室包含整个项目的前后端以及部署知识。课程前期以讲解 Vue 3 在项目中的使用，自定义属于自己的 Vue 组件库、Vue 3 开发避坑。后期将涉及 Node.js 后端开发、websocket 、MongoDB 的使用、以及如何搭建后端脚手架，同时会讲解如何在云服务中部署项目等。

你将学到的

Vue2 到 Vue3 的转变
MongoDB 数据库的使用
websocket 开发

使用 Vue3 进行复杂组件库编写
使用 Node.js 进行全栈开发
Nginx、PM2、Tomcat 等轻量级服务器

课程介绍
课程内容

课程中介绍了 Vue 项目开发知识和开发经验，其中也有一些思维引导，以及 Vue2 过度 Vue3 需要注意的地方，学习本课程需要有一定 Vue.js 基础。

图片描述

从一定程度来说，本课程是给想要深入 Vue.js 和 Node.js 的初学者提供一些经验和思路，特别是 Node.js 现在能做的事情太多了很值得学习。但是技术的迭代太快，人的精力又是有限的怎么都追不上，好在编程思维和开发习惯等一些意识形态的东西是共通的。所以课程除了技术外会更多的讲解这些共通的点如：设计模式，思维导图。

1-1

代码运行没有错误，功能符合需求，这是编程的基础。但是这并不意味着这份代码就合格了。

实验二到实验四，将以场景对话的形式，指出一些初学者常犯的错误，及编程细节，会主要结合开发模式及设计思维进行讲解。

组件化构建思维导图

实验五到实验七，主要介绍如何使用 Vue3 实现自定义的组件库，并且会介绍一些前端常用的工具，逐步实现聊天室组件编写。

5-1

5-2

从实验八开始，就是 Node.js 后端开发相关的部分了。在本节中，会先介绍了解云服务器相关的知识，然后主要针对项目部署相关如 Nginx、反向代理、项目部署 等运维及架构方面的知识进行讲解。
实验九主要介绍 Mongodb 数据库，课程中主要介绍 Mongodb 的搭建特点以及如何使用 JavaScript 库对 Mongodb 进行操作。
实验十主要学习网络编程相关的内容，网络编程是 Web 开发中相当重要的概念，通过对网络编程相关知识的铺垫后，进而学习 Websocket 的使用。
实验十一需要使用前几章所学知识搭建 Node.js 服务手脚架，并完成课程目标，完整实现在线聊天室这一项目。

11-16

6-2

适合人群

在职人群：刚刚接触 Vue 需要使用其实现更复杂的组件，甚至想学习 Node.js 或者后端知识。
在校学生：对前端开发有兴趣的。

先学课程

了解蓝桥云课的基本操作，推荐学习新手入门指南
了解 Vue 基础，推荐学习 Vue.js3 基础入门

课程信息

学习周期：课程有效期 2 个月，2 个月后无法进行在线实验，但可查看文档内容。高级会员有效期内可一直学习，到期后课程失效，且无法查看文档。部分云主机实验环境因成本较高，存在开启次数限制。关于课程退款等相关注意事项说明，请阅读用户付费协议。
版权说明：课程内容为蓝桥云课原创或蓝桥云课在原作者授权下制作。未经书面同意，擅自爬取、转载和再分发课程内容，均将受到严肃追责。
企业团报：企业购买，请点击企业用户咨询。

课程教师