IC培训
  IC培训
 
 

      HTML5高级开发及游戏开发班

  班级规模及环境
       为了保证培训效果,增加互动环节,我们坚持小班授课,每期报名人数限3到5人,多余人员安排到下一期进行。
   时间地点
上课地点:【上海】:同济大学(沪西)/新城金郡商务楼(11号线白银路站) 【深圳分部】:电影大厦(地铁一号线大剧院站)/深圳大学成教院 【北京分部】:北京中山学院/福鑫大楼 【南京分部】:金港大厦(和燕路) 【武汉分部】:佳源大厦(高新二路) 【成都分部】:领馆区1号(中和大道) 【沈阳分部】:沈阳理工大学/六宅臻品 【郑州分部】:郑州大学/锦华大厦 【石家庄分部】:河北科技大学/瑞景大厦 【广州分部】:广粮大厦 【西安分部】:云峰大厦
最近开课时间:
Html5培训班:2018年10月1日
   学时和费用
        ★课时: 4个月

        ◆外地学员:代理安排食宿(需提前预定)
        ☆注重质量
        ☆边讲边练

        ☆合格学员免费推荐工作

        ☆合格学员免费颁发相关工程师等资格证书,提升您的职业资质

        专注高端培训12年,曙海提供的证书得到本行业的广泛认可,学员的能力
        得到大家的认同,受到用人单位的广泛赞誉。

        ★实验设备请点击这儿查看★
   最新优惠
       ◆团体报名优惠措施:两人95折优惠,三人或三人以上9折优惠 。注意:在读学生凭学生证,即使一个人也优惠500元。
   质量保障

        1、培训过程中,如有部分内容理解不透或消化不好,可免费在以后培训班中重听;
        2、培训结束后,培训老师留给学员手机和Email,免费提供半年的技术支持,充分保证培训后出效果;
        3、培训合格学员可享受免费推荐就业机会。 ☆合格学员免费颁发相关工程师等资格证书,提升您的职业资质。专注高端培训13年,曙海提供的证书得到本行业的广泛认可,学员的能力得到大家的认同,受到用人单位的广泛赞誉。

   课程大纲:

 HTML5框架开发实战培训(含手机开发)

第一阶段 HTML5实战开发
课程特点:
- 本课程从HTML 5基础的功能讲起,起点低,容易入手和掌握。
- 理论与实例完整结合,每一个概念都精选了一个完整的实例,增强学员动手能力。
- HTML 5知识完整全面,每一块知识点都包含了HTML 5的全部内容和最前沿技术。

课程中要逐一解决的问题
- 学习HTML5全部的新功能。
- 学会如何在Web页面开发中运用HTML5标签开发页面。
- 掌握在页面中使用HTML 5实现视频与音频的显示与功能开发。
- 了解通过HTML5 中的Canvas基本使用功能。
- 理解HTML 5中本地数据存储的方法与技巧。
课程内容:
Topic 1
HTML5简介
1.1 一个简单的HTML 5页面
1.1.1 搭建浏览环境
1.1.2 使用新的HTML 5结构化元素
1.1.3 编写基础HTML 5代码

1.2 HTML 5页面的特征
1.2.1 应用全新的HTML5元素结构化元素
1.2.2 使用CSS文件美化页面元素
1.2.3 HTML 5 与HTML 4的区别
Topic 2
HTML 5中的文件
2.1.选择文件
2.1.1 选择单个文件
2.1.2 选择多个文件
2.1.3 使用blob对象获取文件的类型与大小

2.2.读取与拖放文件
2.2.1 FileReader 接口
2.2.2 使用FileReader方法预览图片文件
2.2.3 使用FileReader方法读取文本文件
Topic 3
HTML 5的视频与音频
3.1多媒体元素基本属性
3.1.1 元素格式
3.1.2 width与height属性
3.1.3 controls 属性
3.1.4 poster属性
3.1.5 networkState 属性

3.2多媒体元素常用方法
3.2.1 媒体播放时的方法
3.2.2 canPlayType 方法
Topic 4
HTML 绘画基础
4.1画布的基础知识
4.1.1Canvas元素的基本用法
4.1.2 Canvas元素绘制矩形
4.1.3 Canvas元素渐变矩形

4.2 画布中的图像
4.2.1 绘制图像
4.2.2平铺图像
4.2.3切割图像
4.2.4处理像素

4.3 画布的其他应用
4.3.1 绘制文字
4.3.2 保存与还原及输出图形
4.3.3 制作简单动画
Topic 5
HTML 5中的数据存储
5.1 Web Storage的基本概念
5.1.1 sessionStorage对象
5.1.2 localStorage对象
5.1.3清空localStorage数据

5.2.Web Storage API
5.2.1遍历localStorage数据
5.2.2使用 JSON对象存取数据
5.2.3 管理localStorage数据
Topic 6
其它应用API
6.1 Web Sockets API
6.1.1 postMessage方法
6.1.2 使用WebSocket 传送数据
6.1.3 使用WebSocket 传送JSON对象

6.2 Web Workers API
6.2.1 Worker对象处理线程的简单示例
6.2.2 使用线程传递JSON对象
6.2.3 多线程处理数据的方法

 

第二阶段 HTML5游戏开发设计
培训目标:
掌握全新的HTML5 Web游戏开发技能

额外的话:
本课程是是HTML5的方向之一Web游戏方面的课程;
HTML5的软硬整合技术和HTML5云开发技术是另外两个非常重要的方向,有需要的话,可以自由选学;
培训内容:
第1个主题:HTML5技术和商业思考
1,1 HTML5的目标
1,2 无法拒绝使用HTML5的原因
1,3 可以放心使用HTML5的原因
第2个主题:基本的HTML5模板
2,1 Doctype
2,2 html元素
2.3 head元素
第3个主题:HTML5页面结构
3,1 header元素
3,2 section元素
3.3 article元素
3.4 nav元素
3.5 aside元素
3.6 footer元素
第4个主题:HTML5中游戏开发中的JavaScript(初级)
4.1 JavaScript概述 
4.2 jQuery 
4.2.1 jQuery是什么 
4.2.2 为什么要使用它 
4.2.3 这是在误导你吗 
4.2.4 是否不需要理解纯JavaScript 
4.2.5 如何使用jQuery 
4.3 在HTML页面上添加JavaScript 
4.4 在页面加载之后运行JavaScript 
4.4.1 错误的方法(window.onload事件) 
4.4.2 冗长的方法(DOM) 
4.4.3 简单的方法(jQuery方法) 
4.5 变量与数据类型 
4.5.1 变量 
4.5.2 数据类型 
4.6 条件语句 
4.6.1 if语句 
4.6.2 比较运算符 
4.6.3 在if语句中进行多重布尔值检查 
4.6.4 else和else if语句 
第5个主题:HTML5中游戏开发中的JavaScript(中级)
5.1 函数 
5.1.1 创建函数 
5.1.2 调用函数 
5.2 对象 
5.2.1 什么是对象 
5.2.2 创建和使用对象 
5.3 数组 
5.3.1 创建数组 
5.3.2 访问和修改数组 
5.4 循环 
5.5 定时器 
5.5.1 设置一次性定时器 
5.5.2 取消一次性定时器 
5.5.3 设置重复定时器 
5.5.4 取消重复定时器 
第6个主题:HTML5中游戏开发中的JavaScript(高级)
6.1 DOM 
6.1.1 HTML网页示例 
6.1.2 使用纯JavaScript访问DOM 
6.1.3 使用jQuery访问DOM 
6.1.4 操作DOM 
第7个主题: HTML5中的Canvas
7.1 认识canvas元素 
7.2 2D渲染上下文 
7.2.1 坐标系统 
7.2.2 访问2D渲染上下文 
7.3 绘制基本图形和线条 
7.3.1 线条 
7.3.2 圆形 
7.4 样式 
7.5 绘制文本 
7.6 擦除Canvas 
7.7 使Canvas填满浏览器窗口 
第8个主题: Canvas高级开发
8.1 保存和恢复绘图状态 
8.1.1 画布绘图状态是什么 
8.1.2 保存绘图状态 
8.1.3 恢复绘图状态 
8.1.4 保存和恢复多个绘图状态 
8.2 变形 
8.2.1 平移 
8.2.2 缩放 
8.2.3 旋转 
8.2.4 变换矩阵 
8.3 合成 
8.3.1 全局阿尔法值 
8.3.2 合成操作 
8.4 阴影 
8.5 渐变 
8.6 复杂路径 
8.7 将画布导出为图像
第9个主题:html 5页面中视频和音频
9.1发展历程
9.2 目前状况
9.2.1 视频容器格式
9.2.2 视频编解码器
9.2.3 音频编解码器
9.2.4 当前浏览器使用哪种组合
9.3 标记
9.3.1 启用本机控件
9.3.2 autoplay属性
9.3.3 loop属性
9.3.4 preload属性
9.3.5 poster属性
9.3.6 audio属性
9.3.7 添加对多种视频格式的支持
9.3.8 资源顺序
9.3.9 关于Internet Explorer 6~8
9.3.10 MIME类型
9.4 用于网络的视频文件解码
9.5 创建自定义控件
9.5.1 让我们从一些标记和设计开始
9.5.2 介绍媒体元素API
9.5.3 播放和暂停视频
9.5.4 视频音轨的静音与取消静音
9.5.5 视频结束播放的响应
9.5.6 更新视频播放的时间
9.5.7 媒体元素API的其他一些功能
9.6 关于音频
9.7 可访问的媒体
第10个主题:HTML5中的图像处理
10.1 加载图像 
10.2 调整和裁剪图像 
10.2.1 调整图像大小 
10.2.2 裁剪图像 
10.2.3 阴影 
10.3 图像变形 
10.3.1 平移 
10.3.2 旋转 
10.3.3 缩放与翻转 
10.4 访问像素值 
10.5 从零绘制图像 
10.5.1 随机绘制像素 
10.5.2 创建马赛克效果 
10.6 基本图像效果 
10.6.1 反转颜色 
10.6.2 灰度 
10.6.3 像素化 
第11个主题:制作动画 
11.1 画布中的动画 
11.2 创建动画循环 
11.2.1 循环 
11.2.2 更新、清除、绘制
11.3 记忆要绘制的形状
11.3.1 错误的方法
11.3.2 正确的方法
11.3.3 随机产生形状
11.4 改变方向
11.5 圆周运动
11.5.1 三角函数
11.5.2 综合运用
11.6 反弹 
第12个主题:实现高级动画
12.1 物理常识
12.1.1 什么是物理学
12.1.2 物理学对创建动画有何作用
12.1.3 基本概念 
12.1.4 牛顿运动定律 
12.2 运用物理知识创建动画 
12.2.1 准备工作 
12.2.2 速度 
12.2.3 添加边界 
12.2.4 加速度 
12.2.5 摩擦力 
12.3 碰撞检测 
12.3.1 碰撞检测 
12.3.2 弹开物体 
12.3.3 动量守恒 
第13个主题:注意力游戏 
13.1 思路 
13.2 关键需求 
13.3 HTML5、CSS和JavaScript特性
13.3.1 表示扑克牌 
13.3.2 使用Date 确定时间 
13.3.3 提供暂停 
13.3.4 绘制文本 
13.3.5 绘制多边形 
13.3.6 洗牌 
13.3.7 单击牌的实现 
13.3.8 防止某些作弊行为 
13.4 构建自己的应用 
13.5 测试和上传应用 
第14个主题:小行星游戏 
14.1 游戏概述 
14.2 核心功能 
14.2.1 创建HTML 代码 
14.2.2 美化界面 
14.2.3 编写JavaScript代码 
14.3 创建游戏对象 
14.3.1 创建小行星 
14.3.2 创建玩家使用的火箭 
14.4 检测键盘输入 
14.4.1 键值 
14.4.2 键盘事件 
14.5 让对象运动起来 
14.6 假造横向卷轴效果 
14.6.1 循环利用小行星 
14.6.2 添加边界 
14.6.3 让玩家保持连续移动 
14.7 添加声音 
14.8 结束游戏 
14.8.1 计分系统 
14.8.2 杀死玩家 
14.9 增加游戏难度
第三阶段 企业级RIA技术

课程描述
介绍Web2.0技术和当今流行的RIA(Rich Internet Application)开发技术,以及下一代Web开发技术-HTML5.
以及当今RIA技术在企业及应用中的案例分析

授课对象
对Web开发有一定了解的学员

授课内容:
1. Web开发简介以及开发趋势
2. 传统Web开发简介
3. Web2.0及Ajax开发技术
4. RIA开发技术介绍
5. Flex技术开发
6. Dojo技术开发
7. Mashup技术应用
8. HTML5技术开发
- HTML5 Features
- New semantic elements
- Canvas
- Video & Audio
- Geolocation
- Improvements to HTML web forms
- Local storage
- Web Workers
9. Web离线应用技术
10. RIA技术在企业及应用中的案例分析

第四阶段 项目实战-大型商业网站项目实战

 

1.WEB前端开发

 

2.美工设计

 

3.功能规划

 

4.网站布局

 

5.BANNER设计

 

6.栏目设计

 

7.Javascript设计

 

8.div设计

 

9.CSS设计

 

10.后台设计

 

11.数据库设计

 

 
  合作伙伴与授权机构



Altera全球合作培训机构



诺基亚Symbian公司授权培训中心


Atmel公司全球战略合作伙伴


微软全球嵌入式培训合作伙伴


英国ARM公司授权培训中心


ARM工具关键合作单位
  我们培训过的企业客户评价:
    曙海的andriod 系统与应用培训完全符合了我公司的要求,达到了我公司培训的目的。 特别值得一提的是授课讲师针对我们公司的开发的项目专门提供了一些很好程序的源代码, 基本满足了我们的项目要求。
——上海贝尔,李工
    曙海培训DSP2000的老师,上课思路清晰,口齿清楚,由浅入深,重点突出,培训效果是不错的,
达到了我们想要的效果,希望继续合作下去。
——中国电子科技集团技术部主任 马工
    曙海的FPGA 培训很好地填补了高校FPGA培训空白,不错。总之,有利于学生的发展, 有利于教师的发展,有利于课程的发展,有利于社会的发展。
——上海电子学院,冯老师
    曙海给我们公司提供的Dsp6000培训,符合我们项目的开发要求,解决了很多困惑我 们很久的问题,与曙海的合作非常愉快。
——公安部第三研究所,项目部负责人李先生
    MTK培训-我在网上找了很久,就是找不到。在曙海居然有MTK驱动的培训,老师经验 很丰富,知识面很广。下一个还想培训IPHONE苹果手机。跟他们合作很愉快,老师很有人情味,态度很和蔼。
——台湾双扬科技,研发处经理,杨先生
    曙海对我们公司的iPhone培训,实验项目很多,确实学到了东西。受益无穷 啊!特别是对于那种正在开发项目的,确实是物超所值。
——台湾欧泽科技,张工
    通过参加Symbian培训,再做Symbian相关的项目感觉更加得心应手了,理 论加实践的授课方式,很有针对性,非常的适合我们。学完之后,很轻松的就完成了我们的项目。
——IBM公司,沈经理
    有曙海这样的DSP开发培训单位,是教育行业的财富,听了他们的课,茅塞顿开。
——上海医疗器械高等学校,罗老师
  我们最新培训过的企业客户以及培训的主要内容:
 

一汽海马汽车 DSP培训
苏州金属研究院 DSP培训
南京南瑞集团技术 FPGA培训
西安爱生技术集团 FPGA培训,DSP培训
成都熊谷加世电气 DSP培训
福斯赛诺分析仪器(苏州) FPGA培训
南京国电工程 FPGA培训
北京环境特性研究所 达芬奇培训
中国科学院微系统与信息技术研究所 FPGA高级培训
重庆网视只能流技术开发 达芬奇培训
无锡力芯微电子股份 IC电磁兼容
河北科学院研究所 FPGA培训
上海微小卫星工程中心 DSP培训
广州航天航空 POWERPC培训
桂林航天工学院 DSP培训
江苏五维电子科技 达芬奇培训
无锡步进电机自动控制技术 DSP培训
江门市安利电源工程 DSP培训
长江力伟股份 CADENCE 培训
爱普生科技(无锡 ) 数字模拟电路
河南平高 电气 DSP培训
中国航天员科研训练中心 A/D仿真
常州易控汽车电子 WINDOWS驱动培训
南通大学 DSP培训
上海集成电路研发中心 达芬奇培训
北京瑞志合众科技 WINDOWS驱动培训
江苏金智科技股份 FPGA高级培训
中国重工第710研究所 FPGA高级培训
芜湖伯特利汽车安全系统 DSP培训
厦门中智能软件技术 Android培训
上海科慢车辆部件系统EMC培训
中国电子科技集团第五十研究所,软件无线电培训
苏州浩克系统科技 FPGA培训
上海申达自动防范系统 FPGA培训
四川长虹佳华信息 MTK培训
公安部第三研究所--FPGA初中高技术开发培训以及DSP达芬奇芯片视频、图像处理技术培训
上海电子信息职业技术学院--FPGA高级开发技术培训
上海点逸网络科技有限公司--3G手机ANDROID应用和系统开发技术培训
格科微电子有限公司--MTK应用(MMI)和驱动开发技术培训
南昌航空大学--fpga 高级开发技术培训
IBM 公司--3G手机ANDROID系统和应用技术开发培训
上海贝尔--3G手机ANDROID系统和应用技术开发培训
中国双飞--Vxworks 应用和BSP开发技术培训

 

上海水务建设工程有限公司--Alter/Xilinx FPGA应用开发技术培训
恩法半导体科技--Allegro Candence PCB 仿真和信号完整性技术培训
中国计量学院--3G手机ANDROID应用和系统开发技术培训
冠捷科技--FPGA芯片设计技术培训
芬尼克兹节能设备--FPGA高级技术开发培训
川奇光电--3G手机ANDROID系统和应用技术开发培训
东华大学--Dsp6000系统开发技术培训
上海理工大学--FPGA高级开发技术培训
同济大学--Dsp6000图像/视频处理技术培训
上海医疗器械高等专科学校--Dsp6000图像/视频处理技术培训
中航工业无线电电子研究所--Vxworks 应用和BSP开发技术培训
北京交通大学--Powerpc开发技术培训
浙江理工大学--Dsp6000图像/视频处理技术培训
台湾双阳科技股份有限公司--MTK应用(MMI)和驱动开发技术培训
滚石移动--MTK应用(MMI)和驱动开发技术培训
冠捷半导体--Linux系统开发技术培训
奥波--CortexM3+uC/OS开发技术培训
迅时通信--WinCE应用与驱动开发技术培训
海鹰医疗电子系统--DSP6000图像处理技术培训
博耀科技--Linux系统开发技术培训
华路时代信息技术--VxWorks BSP开发技术培训
台湾欧泽科技--iPhone开发技术培训
宝康电子--Allegro Candence PCB 仿真和信号完整性技术培训
上海天能电子有限公司--Allegro Candence PCB 仿真和信号完整性技术培训
上海亨通光电科技有限公司--andriod应用和系统移植技术培训
上海智搜文化传播有限公司--Symbian开发培训
先先信息科技有限公司--brew 手机开发技术培训
鼎捷集团--MTK应用(MMI)和驱动开发技术培训
傲然科技--MTK应用(MMI)和驱动开发技术培训
中软国际--Linux系统开发技术培训
龙旗控股集团--MTK应用(MMI)和驱动开发技术培训
研祥智能股份有限公司--MTK应用(MMI)和驱动开发技术培训
罗氏诊断--Linux应用开发技术培训
西东控制集团--DSP2000应用技术及DSP2000在光伏并网发电中的应用与开发
科大讯飞--MTK应用(MMI)和驱动开发技术培训
东北农业大学--IPHONE 苹果应用开发技术培训
中国电子科技集团--Dsp2000系统和应用开发技术培训
中国船舶重工集团--Dsp2000系统开发技术培训
晶方半导体--FPGA初中高技术培训
肯特智能仪器有限公司--FPGA初中高技术培训
哈尔滨大学--IPHONE 苹果应用开发技术培训
昆明电器科学研究所--Dsp2000系统开发技术
奇瑞汽车股份--单片机应用开发技术培训


 
 
  曙海企业学院  
在线客服