 班级规模及环境--热线:4008699035 手机:15921673576( 微信同号) |
|
每期人数限3到5人。 |
| 上课时间和地点 |
上课地点：【上海】：同济大学(沪西)/新城金郡商务楼(11号线白银路站) 【深圳分部】：电影大厦(地铁一号线大剧院站)/深圳大学成教院 【北京分部】：北京中山学院/福鑫大楼 【南京分部】：金港大厦(和燕路) 【武汉分部】：佳源大厦（高新二路） 【成都分部】：领馆区1号（中和大道） 【沈阳分部】：沈阳理工大学/六宅臻品 【郑州分部】：郑州大学/锦华大厦 【石家庄分部】：河北科技大学/瑞景大厦 【广州分部】：广粮大厦 【西安分部】：协同大厦
最近开课时间(周末班/连续班/晚班）：2020年3月16日 |
| 实验设备 |
☆资深工程师授课
☆注重质量
☆边讲边练
☆合格学员免费推荐工作
★实验设备请点击这儿查看★ |
| 质量保障 |
1、培训过程中，如有部分内容理解不透或消化不好，可免费在以后培训班中重听；
2、培训结束后,授课老师留给学员联系方式,保障培训效果,免费提供课后技术支持。
3、培训合格学员可享受免费推荐就业机会。 |
大纲 |
| |
HTML5破枪式：破解移动前端在HTML5的一切应用
1、区分WEB前端与HTML5移动前端的异同点
2、掌握HTML5移动前端设计的核心要素
1、基于H5的移动前端网页布局设计与移动端布局常见的问题解决方案 （标签布局：Article、 Section nav、aside、 header等）
2、移动网页界面样式 测试环境Emulation
3、viewport
4、window.devicePixelRatio
5、物理分辨率
6、Media Queries
7、rem
8、window.screen
9、window.deviceorientationevent
10、横竖屏判断
11、移动网页界面样式
涉及课程独创细节，保密…
HTML5破鞭式1： 破解多媒体音频在HTML5的一切应用
1、多媒体应用整体思路
2、学习HTML5新增核心应用之音频播放
1、移动前端的多媒体控制与PC前端多媒体控制的区别
2、HTML5新增的音频标签audio及音频播放器
3、实现移动前端的音频播放、暂停、加载等
4、音频编码标准的问题
HTML5破鞭式2： 破解多媒体视频在HTML5的一切应用
学习HTML5核心开发之视频播放
1、HTML5的视频标签video及视频播放器
2、实现移动前端的音频播放、暂停、加载等综述
3、视频重要属性应用：controls、src、autoplay、poster、preload、width、height、loop
4、一个常见疑惑：视频格式与浏览器版本的冲突？
5、如何处理不同格式的视频？如何更具体地指定视频格式？
6、实现移动前端视频的音量控制
7、视频特效
8、难点：视频缓冲（用后续知识点画布实现，此处暂不安排课时）
实战专题课系列
个性课程：技术实操（用HTML5创建电影院）
显示预告片：观众须知或播放你侬我侬的小广告
显示正片：张艺谋版《你若不离不弃，我必生死相依》
显示出品方尾片：锐智出品，必属精品，演职人员滚动播出
HTML5破索式：破解本地存储在HTML5的一切应用
1、核心内容：传统UI页面存储在实现手机页面时的缺点和HTML5的优化技巧
2、区分不同类型的存储
3、HTML5的本地存储实现方式
1、重要：H5的本地存储，安全性、容量、和cookie区别
2、小甜饼cookie（HTML时代的存储方式），又名“即时贴”系统的工作原理
3、实操：cookie的完整开发流程
4、使用H5的Web Storage API来改进HTML时代的“即时贴”系统
5、问：web存储与本地存储是一回事吗？
6、比较与实操：localStorage、sessionStorage、离线缓存三种存储
HTML5破掌式：破解画布canvas在HTML5的一切应用
HTML5新增高级应用 （canvas画布功能）
秀出你的艺术天分：canvas画布让你具备亲手创建、管理和消灭像素的能力
知其所以然：为什么鼎鼎大名的flash技术进入了职业生涯的尾声？
在canvas画布上绘制线段（用javascript获取canvas对象后js绘制线段）
在canvas画布上绘制空心圆（arc）、实心圆（填充fill）
经验：如何封闭canvas画布的路径
在canvas画布上绘制三角形（重点：深入掌握闭合路径的作用）
在canvas画布上添加文本效果
在canvas画布上绘制图片
如何在画布上旋转线段
如何在画布上旋转图片
HTML5破箭式：破解游戏动画功能在HTML5的一切应用
利用HTML5开发激动人心的游戏动画
基于canvas画布技术的游戏动画开发原理
与游戏动画开发相关的canvas API详解与实际操作
原理剖析：2D游戏绘图原理
游戏动画实训2：使用CANVAS制作2D游戏
原理剖析：游戏绘图引擎原理
游戏动画实训3：使用CANVAS开发游戏绘图引擎
游戏动画实战：你也可以进行手机版的游戏动画开发了！
专业工具系列
学习数个有助于提升前端开发流程化的开发工具
1、前端加载、预处理、打包类工具 （Webpack、Grunt、Gulp三种工具对比与使用原理）
2、前端开发工程类工具（使用yeoman前端自动化脚手架）
HTML5的用户交互技巧
特色课程：HTML5工程师如何站在用户角度设计产品
傻瓜扫盲：用户交互是产品与用户交互，而不是不是产品经理与用户交互，这是设计者考虑怎么样能让所开发的产品更容易赢得用户眼球，恰恰是一线资深工程师的授课精华所在
专家经验：用户对产品体验的几个最核心要素及解决技巧
HTML5的交互设计应用
特色：移动端框架原型在各类手机操作系统的应用经验
1、移动端框架原型设计
2、移动端UI设计之ios设计规范
3、移动端UI设计之Android设计规范
4、移动端UI设计之微软设计规范
项目实战
1、HTML移动前端产品的设计分析
2、项目需求讲解
3、讲师演示项目最终效果
4、个人辅导与集中辅导相结合
|
首页 课程表 在线聊 报名 讲师 品牌 QQ聊 活动 就业
合作伙伴与授权机构