项目体验地址
免费视频教程 分别使用原生JS，Vue和React，手把手教你开发一个H5小游戏，快速上手Vue和React框架的使用。

项目截图

在线体验

在线体验

课程目标

我们使用原生JS，Vue和React三种开发方法，来开发一个集趣味性与技术性于一体的H5小游戏，通过这个小游戏的开发，我们在巩固常用的CSS和JS知识的同时，可以深刻地体会到Vue和React这种MVVM模式的框架的开发思想以及优于传统DOM操作的地方，并且可以快速上手Vue和React这两种当前最火热的前端框架的使用。

• 实践CSS的常用技术：盒子模型，定位，浮动，CSS3的Flex弹性盒模型，图片背景，CSS3选择器…
• 实践JS常用开发技巧：json，map，定时器，随机数，dom操作，模板字符串…
• 快速入门vue框架的应用
• 快速入门react框架的应用
• 对比原生js，vue框架和react框架开发的优缺点。

读者对象

学习本课程的同学，了解一点HTML/CSS/JS基础知识即可，我们会就地讲解项目中用到的css，js基础知识点，先举一些小的示例，来阐明知识点的用法，再说明如何在本项目中应用，应用在哪块功能的实现上。比如标准文档流，定位，浮动，盒子模型，CSS3弹性盒子，CSS3高级选择器，背景图片，json，map，定时器，随机数，dom操作，模板字符串，react程序框架搭建，react组件划分思想，vue程序框架搭建，计算属性，生命周期…，是消化所学前端基础知识的当前互联网上少见优秀综合案例。