1、css 动画
使用 animation 相关属性，让右边的图片动起来～
2、flex 布局
通过设置 flex 布局相关属性，把小青蛙移动到指定的位置
3、grid 布局
通过设置 grid 布局相关属性，合理的分配空间，用河水浇灌小萝卜（不能浪费水哦），如果有杂草也需要消除掉，不要让杂草丛生
4、CSS 选择器
使用 css 选择器，选中画面中跳动的元素，比如第一关的 盘子
5、JS 逻辑
开始需要一些逻辑思考咯，我们的目标是：让 robot(机器人) 吃掉每一个金币。 在第一关会先介绍一下如何简单使用控制台，以及这个机器人有哪些 info 信息和 API，我们可以根据它提供的 API 完成挑战。
6、操作 Git 分支
从提交 commit 开始，熟悉 git 指令，也会根据输入正确的指令有相应的动画效果，帮助我们熟悉 git 操作
以上都是袁老师推荐的一些小游戏，感兴趣的话可以去体验一下～
