当前位置:三小打字 > 打字赚钱--兼职打字网 > 正文

H5公开课:古堡密卷​--打字​通关游戏的设计开发

时间:2019-05-01 23:21:17

在当下前端开发工程师不仅仅是会写HTML、CSS、JS就行,也还需要会熟练使用时下非常流行的HTML5技术,打造炫酷的页面,或是制作炫酷的粒子特效等。

全栈工作能力越来越成为Web工程师的必备技能点,主要包含将UI表现层及与前后端交互的架构进行设计和开发,做到比美工懂技术,比技术懂交互,掌握Ajax技术,能够配合后台开发人员实现产品界面和功能。

该课程将传统的打字通游戏与CSS3提供的丰富交互动画效果相结合,并引入了玩家排名机制,打造一款云端在线游戏。通过游戏这种强表现力形式,希望能够帮助学员感受到Web编程的互动魅力所在。

学习目标

通过该公开课学习,首先希望带领学员充分感受到web前端编程的交互魅力与光明前景,课程中将讲解到:

1. HTML + CSS:实现WebUI(游戏界面 + 独立网页)的布局及美化;

2. JavaScript + CSS3-Animation技术:实现网页游戏的人机交互操作以及丰富多彩的富媒体动画效果;

3.Ajax技术:实现数据的前后端通讯。

课程大纲:

1. 产品及需求分析;

2. HTML + CSS实现页面布局 —— 游戏界面;

3. HTML + CSS实现页面布局 —— 排名网页;

4. JavaScript + jQuery实现游戏业务逻辑;

5. JavaScript + Ajax 实现玩家数据服务端存储;

6. JavaScript + Ajax 实现玩家数据网页客户端排名;

7. JavaScript + CSS3 优化交互 —— 实现动画效果;

8. JavaScript + H5 实现背景音乐及敲击音效;

9. 课程知识点回顾及总结;

10. 该课程需要使用到的设计类软件为Photoshop,编程类IED工具可任意选择,推荐Sublime或Hbuilder。

适合人群

该课程适合对前端交互及开发感兴趣,且具备一定Web编程基础的人群,最好是对HTML + CSS + JavaScript 有一定基础认识或实操经验。

授课老师

邢天博

17年绘画应用前端交互体验。

精熟HTML5script、jquery、php技术,善于强交互体验的小应用、小游戏制作。著有“BTX。

课程详情:

三小打字版权所有