原标题:H5公开课:古堡密卷--打字通关游戏设计及开发

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

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

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

学习目标

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

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

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

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

课程大纲:

1. 产品及需求分析;

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

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

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

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

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

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

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

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

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

适合人群

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

授课老师

邢天博

17年绘画功底、7年设计履历、4年程序开发经验,擅长“ 将富有表现力的视觉及交互设计完美融入互联网产品 ”。个人侧重于前端UI架构设计以及富媒体交互领域的研究,致力于实现流畅、优雅、简洁的互联网应用前端交互体验。

精熟HTML5与CSS3富媒体交互特性,熟练掌握 java、jquery、php技术,善于强交互体验的小应用、小游戏制作。著有“BTX系列”前端UI框架和后台PHP MVC框架。

课程详情:

http://www.itsource.cn/special/20170725163035903/index.html

责任编辑:

计算机公开课打字游戏,H5公开课:古堡密卷--打字通关游戏设计及开发相关推荐

  1. c语言xb 3,2015年计算机二级《C语言》考前押题密卷(3)

    一.选择题 1执行下列程序后,变量a,b,e的值分别是( ). int x=5,Y=4; int a,b,e; a=(--x==y++)?x;++y; b=++x; c=y; A.a=5,b=5,c= ...

  2. 公开课计算机原理,《计算机的基本工作原理》公开课材料

    <<计算机的基本工作原理>公开课材料>由会员分享,可在线阅读,更多相关<<计算机的基本工作原理>公开课材料(11页珍藏版)>请在人人文库网上搜索. 1. ...

  3. 一节计算机课日记,一节公开课日记500字,公开课日记

    一节公开课日记500字,公开课日记 相关内容: 今天上午第三节是一节公开课,不是我们班的语文老师上的.我们排好队边走边猜测:老师会长什么样呢?长得又高又瘦?又矮又胖?还是英俊潇洒?还是古灵精怪很快我们 ...

  4. 游戏环境公示及处罚名单9月18日

    亲爱的召唤师: 游戏环境与竞技公平一直是英雄联盟对局体验的基石,也是产品一路走来恪守不渝的承诺.这些年来,我们很高兴看到,保持良好游戏行为.维护峡谷环境已经成为越来越多召唤师的共同选择,但另一方面,口 ...

  5. 石油大学计算机学院宏利,【计算机·任前公示】2019-2020计算机与信息技术学院学生干部公示名单...

    原标题:[计算机·任前公示]2019-2020计算机与信息技术学院学生干部公示名单 Enjoy your life 计算机与信息技术学院 换届结果公示 你听说换届结果出来了嘛? 是嘛,那我们快来看看吧 ...

  6. 全国计算机设计大赛音乐组作品,计算机音乐创作作品决赛入围作品公示

    计算机音乐类作品参赛包括省级赛上推.国赛平台直报两个渠道.根据竞赛规程,计算机音乐类作品无论是否参加省级赛,均需通过国赛专家组的审核后方可进入国赛决赛. 经对所有有效报名作品评审.公示.复审,现确定计 ...

  7. 焦作计算机绘图招聘信息,全电大系统计算机绘图技能竞赛获奖情况公示.DOC

    全省电大系统计算机绘图技能竞赛获奖情况公示 各市.县级电大: 为进一步深化高等教育教学改革,加强学生技能培养,提高学生实践能力,促进电大系统实践教学,河南广播电视大学机电工程学院于2018年12月24 ...

  8. php 游戏开发swoole,《基于 Swoole 的对战游戏实践》开课啦

    项目由来 在三月份的时候就开始编写这个项目,原本只是觉得自己对 Swoole 不太熟练,当作练手来写着玩的.写着写着发现还挺好玩的,代码量也不多,捉迷藏游戏的趣味性不错. 如果只写完代码就扔在 Git ...

  9. 网页设计作业——电影网H5(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

    HTML5期末大作业:影视在线网站设计--电影网H5(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题 ...

  10. 开课吧python好吗-开课吧9.9元学Python课程适合哪些人?开课吧靠谱吗?

    哪些人适合学Python? 上班族:可以用Python,提高效率.早下班 学生党:可以用Python,积攒经验.赚外快 毕业生:可以用Python,爬资料写论文.找工作 互联网人:可以用Python, ...

最新文章

  1. 并发的HashMap为什么会引起死循环?(转)
  2. 编写更好的CSS代码
  3. Android MagicIndicator系列之一 —— 使用MagicIndicator打造千变万化的ViewPager指示器...
  4. helm部署hadoop并指定namespace和名称的命令
  5. 彰显城市等级的最典型代表,商业综合体城市PSD海报素材
  6. Lua中的协同程序 coroutine
  7. 手机如何看python文件大小_如何安全地检查上传文件的大小?(How to check size of uploaded file safely in bottlepy?)...
  8. mysql data目录 恢复_利用mysql data文件夹恢复数据
  9. matlab变道超车_你们对新能源汽车怎么看?
  10. 淘宝省市区获取,淘宝国家省市区数据获取 2018-01-09更新
  11. 文字检测识别系统SDK
  12. XYNUOJ-2139 德莱联盟
  13. 少儿编程到底学什么?
  14. 传世单机版怎么建立服务端?
  15. 【绝对干货】kafka偏移量设置
  16. html 文件常用格式
  17. 离散数学:关系的性质
  18. python 题目是idle的文件模式是什么_python的idle如何使用
  19. 深入浅出C++ ——初识C++
  20. java integer long 转换_long(Long)与int(Integer)之间的转换

热门文章

  1. 用c语言库函数进行排序
  2. matlab生成点的坐标,根据点的发展坐标,将点的轨迹画出来
  3. Python-变分模态分解(VMD)python代码及其测试用例
  4. 好书推荐:浪潮之巅(第四版)
  5. CCNA(高级实验)
  6. up能不能应急启动计算机,启动盘 提升电脑的性能
  7. python输出unicode字符_如何在Python中打印Unicode字符?
  8. [学习笔记]2020年win10最常用dos命令以及win+R即可运行的命令(使用命令打开自己想要的内容,总比找不到更好,赶快收藏)
  9. Win7-64bit下MapX的安装和使用
  10. 解决java环境变量配置不生效