免费线上讲习班：使用 vue3 开发扫雷游戏

【2022-09-03 更新】把游戏先做出来了，以后可以扫自己的雷了：meathill/minesweeper: yet another minesweeper game (github.com)。

不过也发现，一次 workshop 肯定讲不完，考虑到现场的情况、各位同学的状态，估计初版开发要两次课。于是我干脆把后面的 Workshop 也规划出来了。

---

好了伤疤忘了痛，我又想搞 Workshop 了。这次想做一次 Vue3 相关的，考虑了一下，觉得扫雷游戏比较合适：

1. 界面简单，操作简单
2. 覆盖全面，布局、JS、交互都有需求
3. 不需要前后端数据交互，控制学习范围和难度
4. 本身有一定可玩性

可以学到的知识技能

1. Vue3 开发应用
2. Vue3 组件式开发
3. CSS 高级用法
   1. CSS 布局
   2. CSS grid
   3. CSS 变量
4. vite 脚手架

难度

• 中低难度
• 逻辑较简单
• 纯前端，无后端，无数据交互
• 不需要开发环境，在浏览器里完成编码

预备知识

• HTML、CSS、JS 的基本语法
• Vue 的基本用法

开始时间

（暂定）2022-09-18（周日）下午 3～5点

报名方式

微信直接找我口头报名即可。未加我微信的同学，请扫码

参与方式

我会把所有报名的同学拉到一个群里。workshop 开始时，我会创建一个腾讯会议，然后把会议链接发到群里，大家通过链接进入参加。

事先准备

Workshop 强调参与，不建议大家只是看，所以最好提前做一些准备：

1. 一台支持浏览器的设备，最好是电脑
   • 可以的话，最好多准备一台设备，可以边看边敲
2. 现代化浏览器，推荐 Edge
3. 提前打开 sfc.vuejs.org
4. 自行熟悉扫雷游戏
5. 最好实现了解网页开发，HTML+CSS+JS

---

欢迎报名。达到两位或两位以上同学报名，就按时开始。已达到启动标准，我开始准备了。

我会同步开启直播，有兴趣但无法参加 workshop 的同学可以到我的直播间观看：https://live.bilibili.com/5126601。

---

什么是 Workshop（讲习班）

Workshop，中文叫讲习班，工作坊。大概方式是：

1. 由讲师讲解一些技术知识点
2. 其他参与者针对讲过的技术知识点做现场演练
3. 讲师及时答疑、讲解
4. 考虑到时间因素，一般针对一些小专题，非系统性的培训

与直播不同，直播是讲师一个人说+做，workshop 则强调给大家一个现场练习与答疑的机会。