Free Online Workshop: Developing a Minesweeper Game with Vue3

Well, the scars are forgotten, and I want to start a workshop again. This time, I want to do a Vue3-related one. After thinking about it, I think the minesweeper game is more suitable:

1. Simple interface and easy operation
2. Comprehensive coverage, layout, JS, and interaction are all in demand
3. No need for front-end and back-end data interaction, control the scope and difficulty of learning
4. It has a certain playability

Knowledge and skills that can be learned

1. Vue3 development application
2. Vue3 component development

3. Advanced CSS usage

   1. CSS layout
   2. CSS grid
   3. CSS variables
4. Vite Scaffolding Configuration

difficulty

• Moderate to low difficulty
• Simpler logic
• Pure front-end, no back-end, no data interaction
• No development environment required, coding is done in the browser

Preliminary knowledge

• Basic syntax of HTML, CSS, JS
• Basic usage of Vue

Starting time

(Tentative) 2022-09-18 (Sunday) 3-5pm

ways of registration

Wechat can directly ask me to register orally. Students who have not added my WeChat, please scan the code

way of participation

I will pull all the registered students into a group. When the workshop starts, I will create a Tencent conference, and then send the conference link to the group, and everyone can enter and participate through the link.

prepare in advance

The workshop emphasizes participation. It is not recommended that you just watch it, so it is best to do some preparations in advance:

1. A browser-enabled device, preferably a computer

   2. If possible, it is best to prepare an extra device, you can watch and knock
2. A modern browser, Edge is recommended
3. Open sfc.vuejs.org in advance
4. Familiarize yourself with minesweeper
5. It is best to understand web development, HTML+CSS+JS

---

Welcome to apply, 9 students have signed up. I will start the live broadcast simultaneously. Students who are interested but unable to participate in the workshop can watch it in my live broadcast room: https://live.bilibili.com/5126601 .

---

What is a Workshop

Workshop, Chinese called workshop, workshop. Probably the way is:

1. Some technical knowledge points explained by the lecturer
2. Other participants do live drills on the technical knowledge points they have spoken
3. Lecturers answer questions and explain in a timely manner
4. Taking into account the time factor, generally for some small topics, non-systematic training

Different from the live broadcast, the lecturer speaks + does it alone, and the workshop emphasizes giving everyone an opportunity to practice and answer questions on the spot.