基于Vue3 script-setup 语法糖的俄罗斯方块项目实践

客官°小女子只卖身不卖艺 2022-08-29 14:50 1阅读 0赞

一个前端程序员，说起Vue 3肯定不会陌生，作为时下最火的前端框架之一，很多人将它作为入门框架。

但是尽管Vue 3很久之前就已经开始投入使用，也不免会有人抱怨**Vue 3的知识点太多太杂，更新太快**。这不，最近Vue 3又定稿了一项新技术：**script-setup** **语法糖**。

![6dafac0f35e81d63c6f52cbd6d893900.png][]

既然是新技术面试中就难免会被问到，如果你回答不上来岂不是会被定义为不关心前沿技术？

而由于目前网上靠谱的教程不多，自学又会有一定难度。所以我给大家推荐一个应用级实战项目**《撸个双人联机版俄罗斯方块》**，以**用户故事**驱动开发，小步骤迭代开发思想， **单元测试**提高开发效率，**重构技巧**， **V****ue 3** **script-setup** 语法糖的应用，来从0 到 1 的搭建整个项目。

不仅仅会涉及到新技术的使用，这个项目中还会应用到很多**基础知识及前后端技术**，帮助大家顺利**串联起前后端零散的知识点**，**理解前后端的关系以及它们是如何联系起来的**，解决因知识点太杂而理不清学习路线的问题。

我给大家争取到了一些优惠名额，现在扫描二维码，**0.99元**即可报名！

**上课时间：7月20日-22日 每晚8点**

赶快扫码报名吧

![168052cb43e263379bbd18f87e5f63f4.png][]

**Ps.报名后一定记得添加助教老师微信，以便发送上课链接及相应学习资料，完课之后还有福利送给你哦！**

**你将学到：**

![1c43d2ea834664a1a03ab5fb359d926d.png][] 用户故事驱动开发和小步骤的开发思想；

![175a8dcbe939daf5d1460a10372711f1.png][] Tasking 的方式来管理你的开发进度；

![ab4f740b71324d851efb491efa8461e0.png][] vue3 最新的 script-setup 语法糖的应用；

![101168ea445dc11bb7f3915d9bcdb78d.png][] 功能核心，命令式外壳模式在 vue3 中的应用。

**1**

**主讲老师介绍**

这次训练营的主讲老师崔效瑞， 是资深前端工程师，element3 技术负责人，mini-vue 作者，作为测试驱动学习实践者，**对如何快速学习有一定的经验技巧**。

崔老师也曾就职于好未来、白鹭时代，在教育行业，游戏行业等行业深耕多年，在**H5游戏开发，重度前端架构设计、TDD和重构方向具备丰富的实践经验**。

老师在**B站**及**Github**上也有不少技术知识分享，朋友们可以先去了解一下哦！（分别搜索**阿崔cxr**及 **春去春又来**就可以找到老师啦）

![67dbb78955ac3ffb4e6d092d04fa06e6.png][]

![4280a77f2f7d99fff0fc6adcddeac4b0.png][]

**2**

**3天课程安排**

本次训练营采用**迭代式教学**的方式，从具体的问题出发，驱动知识点，教给你**从流程到实现如何设计一个程序**，包括数据结构的选择，算法的实现等知识。

第一天，以「**用户故事**」为切入点，利用script-setup语法糖等技术点开始搭建俄罗斯方块游戏。你将学到**功能核心，命令式外壳模式在Vue3 中的应用**。

![1194e6998340292803cd3fef8e849b58.gif][]

第二天，你将会学习到**单元测试在 vue3 中的实战使用技巧**，老师会教给你如何用它调试程序，提高效率。

同时，这一天老师还会带领大家**对比3份简历**，以面试官的角度带你了解**让hr一眼看中的简历应该是什么样子**。有面试需求的朋友们千万不要错过哦！

第三天：通过**webstock**实现双人联机版俄罗斯方块游戏，同时带你了解前后端是如何联通的。

**3**

**社群答疑，保障学习效果**

为了避免大家在学习过程中的“懒惰”心理，除了课程本身，训练营还提供了**社群答疑**的服务，带领大家巩固所学知识，有效吸收课程内容，有任何问题都可以询问助教老师。

**4**

**课程惊喜福利**

除了上课学习之外，3天训练营课程每天都会有**学习资料**领取，帮助你快速进阶，有效学习！

![461641d0cc43d673c442151969f8b3ff.png][]

现在扫描二维码，**0.99元**即可报名！

**上课时间：7月20日-22日 每晚8点**

赶快扫码报名吧

![fa73a1ec5dd077a389122509aade9960.png][]

**Ps.报名后一定记得添加助教老师微信，以便发送上课链接及相应学习资料，完课之后还有福利送给你哦！**

[6dafac0f35e81d63c6f52cbd6d893900.png]: /images/20220829/333e0ed3670c4e5f81590a2e3f3db406.png
[168052cb43e263379bbd18f87e5f63f4.png]: /images/20220829/92e39b6643d24aad950f55181346e570.png
[1c43d2ea834664a1a03ab5fb359d926d.png]: /images/20220829/2d1f3e07026f4e2c9a238a09cde91eeb.png
[175a8dcbe939daf5d1460a10372711f1.png]: /images/20220829/9f3de854d3064caea086fbf96092f1c3.png
[ab4f740b71324d851efb491efa8461e0.png]: /images/20220829/d0489be7d9a64fb2b0ce44c56b521697.png
[101168ea445dc11bb7f3915d9bcdb78d.png]: /images/20220829/2ccda0682a9745cba29c379a8d0b5f60.png
[67dbb78955ac3ffb4e6d092d04fa06e6.png]: /images/20220829/fa1ce4ed1db14201ab72e8e21eb5c597.png
[4280a77f2f7d99fff0fc6adcddeac4b0.png]: /images/20220829/2d45f71774e141c881682946e5f8e8d9.png
[1194e6998340292803cd3fef8e849b58.gif]: /images/20220829/1f1c9715fe8c4a269c668853513573cd.png
[461641d0cc43d673c442151969f8b3ff.png]: /images/20220829/450272238a6b40708c35f8ff3adef7c0.png
[fa73a1ec5dd077a389122509aade9960.png]: /images/20220829/32f47faa6beb4ecb8165b8bb5dad0651.png