课程导学


# 课程导学

# 备课

同学们大家好,从今天开始我们一起来学习一门微信小程序云开发的课程,通过小程序打造全栈实战项目,实现单词PK小程序单词天天斗。首先我们先看一下项目演示,

在首页,显示的是当前用户的信息、提示卡数目和当前选择的单词书,点击单词书后可以进行选择修改。小程序包含两个核心功能,对战模式和挑战模式。对战模式又分为好友对战、随机匹配和人机对战。

因为是模拟器,没办法邀请真实好友,我们先进入随机匹配,配合另外一个手机进行演示。每个单词有四个选项,仅有一个为正确答案,越快越准确的选择正确将获得更高分数。测试一个选择正确的、选择错误的、超时选择、提示卡选择,选择错误的和提示卡选择的将加入到生词本中。结束对局分数越高的用户将获得胜利,结束后可以选择再来一局,相当于进入的了好友对战的交互形式。演示一个对战过程中,有用户退出的情况。

接下来我们演示词汇挑战模式,选择错误即挑战失败,第一次错误可以通过分享小程序来复活,第二次选择错误可以通过观看视频复活,同时也是支持提示卡的。在生词本中,将显示对战模式和挑战模式选择错误的单词,排行榜将根据用户词力值和挑战模式中的最高分数进行排行。设置页可以调整对战战模式每局的单词数目,背景音乐、震动等设置。

我们将根据需求说明和设计稿,陪大家从零到一开发该项目。学习该项目的话,需要有一定的前端基础,包括HTML、CSS、JS、ES6、小程序基础等。如果你对前端一无所知,建议先花两周时间快速学习上面提到的内容,然后,大概看一遍微信小程序官方文档,对小程序有一个广度上的认知,知道小程序提供了哪些能力。项目前端以组件化形式开发,后端使用微信小程序云开发实现。此课程不仅带大家完成前后端代码编写,还会带大家抓包爬虫获取单词数据,并且也会给大家安利一些工具的使用,比如git、npm、eslint、vscode、markdown等。通过本课程的学习,你将能开发类似的对战小程序,甚至是独立实现功能复杂的业务闭环小程序,快让我们来一起开始学习吧。

# 视频教程