班级规模及环境--热线:4008699035 手机:15921673576( 微信同号) |
坚持小班授课,为保证培训效果,增加互动环节,每期人数限3到5人。 |
上课时间和地点 |
上课地点:【上海】:同济大学(沪西)/新城金郡商务楼(11号线白银路站) 【深圳分部】:电影大厦(地铁一号线大剧院站)/深圳大学成教院 【北京分部】:北京中山/福鑫大楼 【南京分部】:金港大厦(和燕路) 【武汉分部】:佳源大厦(高新二路) 【成都分部】:领馆区1号(中和大道) 【沈阳分部】:沈阳理工大学/六宅臻品 【郑州分部】:郑州大学/锦华大厦 【石家庄分部】:河北科技大学/瑞景大厦 【广州分部】:广粮大厦 【西安分部】:协同大厦
近开课时间(周末班/连续班/晚班):2020年12月28日(请尽快联系提前报名) |
实验设备 |
☆资深工程师授课
☆注重质量
☆边讲边练
☆合格学员免费推荐工作
★实验设备请点击这儿查看★ |
质量保障 |
1、培训过程中,如有部分内容理解不透或消化不好,可免费在以后培训班中重听;
2、课程完成后,授课老师留给学员手机和Email,保障培训效果,免费提供半年的技术支持。
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、个人辅导与集中辅导相结合
|