发展方向:
网页游戏开发工程师
HTML5开发工程师
适合人群:
对游戏开发感兴趣;
打算从事IT行业的在读学生或往届生
只要你有信心、有毅力,愿意花时间去学习、理解,就一定可以符合我们的要求。
教学目标:
1. 了解CSS样式对图形和效果的处理,能实现CSS3旋转,淡入淡出效果,文字模糊效果,CSS3进度条的绘制
2. 了解Html标签和JS代码,表单的熟练使用,能实现基于ajax的简易excel,纯HTML5表单验证下拉选择框,search和datalist
3. 用js对媒体播放进行控制,编写自己的播放器,并显示视频加载进度,同时处理数据缓冲和错误提醒
4. 用Canvas实现html动画控制,创建自定义绘图板,实现人物行走功能,制作吃豆子小游戏
5. 掌握桌面和离线应用基础,实现弹出桌面通知,点击通知后定位到指定消息,可离线使用的记事本,服务器、本地缓存同步
6. 能熟练使用WebWorker,开启和终止线程,掌握数据库的使用方式,创建数据库,并创建数据表,插入数据、获取数据
7. 了解3D方面的知识,3D渲染引擎原理,运用webGL创建全3D网页程序,制作3D赛车游戏
课程概要:
标题 内容 目标
CSS3基础 1.css3与css2的区别,CSS3的兼容性,浏览器前缀
2.不需要前缀的样式JS设置CSS3样式,setStyle3()的封装,IE前缀的问题
3.rgba的使用,rgba和opacity的区别,rgba的应用,rgba和渐变
4.线性渐变的使用,最简形式,渐变方向的控制,多点渐变和rgba的结合 了解CSS样式对图形和效果的处理,能实现CSS3旋转,淡入淡出效果,文字模糊效果,CSS3进度条的绘制
HTML5特性、表单 15表单特性,placeholder的使用,autoplete和autofocus
25表单验证,required属性的使用,pattern属性的使用
3.JS配合HTML5表单校验,checkValidity()方法的使用 了解Html标签和JS代码,表单的熟练使用,能实现基于ajax的简易excel,纯HTML5表单验证下拉选择框,search和datalist
Video、Audio应用 1.video、audio基础,支持和兼容性
2.文件格式支持,source标签的使用,各浏览器下的工具样式
3.播放、暂停和停止媒体数据
4.canplay、canplaythrough事件的使用,loadeddata事件error和emptied事件的区别,加载错误处理 用js对媒体播放进行控制,编写自己的播放器,并显示视频加载进度,同时处理数据缓冲和错误提醒
Canvas 1.Z0bject类,基本属性:位置、父级、子级,方法
2.ZRect类、ZImg类,图片裁切,设置各种样式
3.ZCanvas类,封装原始canvas,构造自己的document对象 用Canvas实现html动画控制,创建自定义绘图板,实现人物行走功能,制作吃豆子小游戏
桌面通知、离线应用 1.桌面通知基础,webkitNotifications对象的使用,弹出HTML通知
2.离线应用基础,缓存离线资源,在线状态检测,本地数据存储和同步
3.manifest文件的编写,manifest文件的引入,W0RK段、CACHE段、FALLBACK段的使用
4.缓存更新的两种方法和策略,applicationCache对象的使用UPDATEREADY状态 掌握桌面和离线应用基础,实现弹出桌面通知,点击通知后定位到指定消息,可离线使用的记事本,服务器、本地缓存同步
webWorker和webSql 1.WebWorker基本使用,多线程的概念
2.数据库的基本使用:CREATE语句、SELECT语句、INSERT语句、DELETE语句、UPDATE语句 能熟练使WebWorker,开启和终止线程,掌握数据库的使用方式,创建数据库,并创建数据表,插入数据、获取数据
webGL 1.webGL的基本组成:场景、渲染器、光源、摄像机、物体场景:创建、添加
2.渲染器:SVG、canvas、webGL三种渲染器的使用和区别
3.光源:平行光、点光源、环境光的区别和使用,制定光源的颜色、强度、照射距离
4.摄像机:矩形摄像机、景深摄像机的区别,摄像机的远点、近点、宽高比等属性的设置
5.物体的位置、旋转、缩放属性的设置 了解3D方面的知识,3D渲染引擎原理,运用webGL创建全3D网页程序,制作3D赛车游戏