头图

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

    1. 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.


翟路佳
前端为主,包括但不限于 HTML,CSS,JavaScript,移动端,微信开发。偶尔会有 PHP 和服务器相关内容。 ...

爱编程,爱旅游,爱吐槽。

18.1k 声望
5.5k 粉丝
0 条评论
推荐阅读
一起努力吧,2023
2019 年年底的时候,一毛不拔大师说,未来你们会怀念 2019 年,因为这会是未来十年中最好的一年。从后往前看,我觉得他说的有道理;同时,我也希望 2022 年,会是前后十年里,最惨的一年,实在实在很难顶。

Meathill10阅读 1.6k评论 2

封面图
从零搭建 Node.js 企业级 Web 服务器(零):静态服务
过去 5 年,我前后在菜鸟网络和蚂蚁金服做开发工作,一方面支撑业务团队开发各类业务系统,另一方面在自己的技术团队做基础技术建设。期间借着 Node.js 的锋芒做了不少 Web 系统,有的至今生气蓬勃、有的早已夭折...

乌柏木140阅读 11.9k评论 10

从零搭建 Node.js 企业级 Web 服务器(十五):总结与展望
总结截止到本章 “从零搭建 Node.js 企业级 Web 服务器” 主题共计 16 章内容就更新完毕了,回顾第零章曾写道:搭建一个 Node.js 企业级 Web 服务器并非难事,只是必须做好几个关键事项这几件必须做好的关键事项就...

乌柏木60阅读 5.9k评论 16

再也不学AJAX了!(二)使用AJAX ① XMLHttpRequest
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章,希望读者通过阅读本系列文章,能够对 AJAX 技术有更加深入的认识和理解,从此能够再也不用专门学习 AJAX。本篇文章为该系列的第二篇,最近更新于 2023 年 1...

libinfs39阅读 6.1k评论 12

封面图
从零搭建 Node.js 企业级 Web 服务器(一):接口与分层
分层规范从本章起,正式进入企业级 Web 服务器核心内容。通常,一块完整的业务逻辑是由视图层、控制层、服务层、模型层共同定义与实现的,如下图:从上至下,抽象层次逐渐加深。从下至上,业务细节逐渐清晰。视图...

乌柏木39阅读 7k评论 6

【关于Javascript】--- 正则表达式篇
基础知识一、元字符 {代码...} 二、量词 {代码...} 三、集合 字符类 {代码...} 四、分支 {代码...} 五、边界 开始结束 {代码...} 六、修饰符 {代码...} 七、贪婪模式和非贪婪模式js默认贪婪模式即最大可能的匹配...

Jerry35阅读 2.9k

从零搭建 Node.js 企业级 Web 服务器(二):校验
校验就是对输入条件的约束,避免无效的输入引起异常。Web 系统的用户输入主要为编辑与提交各类表单,一方面校验要做在编辑表单字段与提交的时候,另一方面接收表单的接口也要做足校验行为,通过前后端共同控制输...

乌柏木32阅读 6k评论 9

爱编程,爱旅游,爱吐槽。

18.1k 声望
5.5k 粉丝
宣传栏