妙味移动端“事件交互篇-远程实战开发课程”开班在即!


 
今天一定要对苦苦等待的亲们说声:“抱歉,让你们久等了!”
妙味远程移动端课程姗姗来迟!!!
正因为你们的长久等待,使得我们有更多时间打磨课程,从而酝酿出满满价值!


本次远程课核心内容包括:

各类移动端常见bug及兼容性解决方案如:固定定位拖拽晃动、事件点透、transform变化残影、安卓页面上下滑动时的卡顿……
各种移动端项目开发的常见交互效果如:移动端折叠菜单、无缝滑屏幻灯片、带缓冲和回弹动画的滑屏导航、下拉刷新上滑加载……
各式移动端性能提升解决方案如:安卓延时卡顿优化、transform优化与transition3D硬件加速、加载图片性能损耗及canvas优化……
除此以外,还有各种移动端整站实例开发全过程演示,诸如课程中使用了 “音悦台” 项目,为大家现场演示 “移动端布局rem适配问题、百分比适配问题” 及 “真实项目中诸多事件交互” 的实战细节,再配合丰富的案例:“移动端3D系统切换实例、移动端多指操作实例、移动端相册开发” ……等一系列重磅猛料,使得本套课程内容成为本季当之无愧的移动端开发最强悍课程!


 

课程详情介绍:


- 第1步 -
工欲善其事,必先利其器,想学好移动端,必从最基础的移动端事件开始,例如:基础事件、touchstart、touchmove、touchend,event对象、取消默认阻止冒泡、防止文字选中和阻止默认菜单、事件延迟问题、事件点透问题、touchEvent、touches、changedTouches、targetTouches……这些知识虽然不复杂,但也要掌握扎实,只有打下坚实基础,才能大显身手;

- 第2步 -
在踏入实战征途之前,一切从滑屏开始:上滑、下滑、左滑、右滑…我的滑板鞋#¥%……&*()…呃……滑屏交互究竟要如何处理?妙味课堂用实例告诉你每一处知识点细节:滑屏-拖拽原理分析、滑屏幻灯片实例演示……

- 第3步 -
在面对不同的移动端功能开发时,能实现的方法往往有很多,到底哪种解决方案性能最优?只有通晓如下知识点,才能提炼出性能最优之道:transform2D 变换:rotate()、scale()、skew()、translate()、left和top引起的回流问题及优化、处理transform中不能通过计算后样式获取的问题、transition 动画基本知识点、贝赛尔曲线、transitionend事件、transition 安卓下卡顿和闪屏的BUG……详尽掌握这些知识点之后,我们方能理解 transform与transition的性能解决方案。

- 第4步 -
说一千道一万,要想掌握 “硬功夫” 不玩虚的,就得拿整站项目进行现场开发!!移动端音悦台开发实战:rem方式整站适配、横竖屏切换适配、fixed定位的BUG及替代方案、折叠菜单、带缓冲回弹动画的导航、“改良版”无缝滚动式音悦台滑屏幻灯片、移动端滑屏式选项卡……唯有汇聚以上所学知识、整合在实战中,方能不辜负自己的努力!

- 第5步 -
我们认知的世界是三维的,我们熟悉的一切也是3D的,纵然在移动端方寸之地,亦是如此。当我们熟知以下知识过后,即能构建一个真正的三维世界:transform3D:滑动旋转的方块、3d多边体、正n边形的外角计算与正n边形的中心点计算……就在我们的移动开发技艺逐渐精进之时,我们依然需要用实例去探索,试试这套知识体系在实际开发之中如何运用:3D桌面切换实例、百分比方式配合怪异盒模型布局的适配方案、animation的loading动画、立体三棱柱制作、页面绝对坐标获取、IOS下3D变换的兼容问题及解决方案……

- 第6步 -
移动端开发之中,有一个很不起眼却又异常重要的功能:自定义滚动条!它的应用范围几乎涉及到每一个移动端项目。因此我们需要好好聊聊它、以及伴随着滚动条的操作进行各种加载数据 的那些事:自定义滚动条原理、滚动条比例计算、图片随滚动条的按需加载、渲染优化-canvas(GPU渲染加速)、transition安卓卡顿BUG、3D硬件加速……在此篇章中,涉及到“上拉刷新下拉加载” 和 “性能问题、各种小bug修复解决方案” 层出不穷,我们会在本次远程课中向大家如数家珍般娓娓道来……

- 第7步 -
想象PC端屏幕中有两个鼠标?三个鼠标??甚至多个鼠标同时操作???……天呐,乱成一锅粥!但是,移动端中的多指操作,却是IOS生态必备。然而在安卓端,我们不得不自己动手,去做出一些努力才能解决兼容性问题。那么究竟有多少细节与技巧需要掌握呢?详见以下内容:移动端多指事件、双指操作图片缩放和旋转、安卓多指事件的兼容解决、勾股定理与Math.atan2(与X轴的绝对夹角)、transform执行时的残影问题解决……

- 第8步 -
移动端事件综合实例驾到!!“学以致用”——这永远是编程学习中最强悍的道理!因此在这个阶段,我们选择了一个大家耳熟能详的应用案例:移动端相册功能开发。我们需要模拟的相册功能有:相册的上下滑动且带动画回弹功能、相册标题顶部吸附功能、更多照片的加载功能、滑屏滚动条功能、单击照片从中心放大功能、多指操作照片旋转缩放功能……细心的你会发现,这些功能已经涵盖了以上大部分知识体系!你如果能将这些功能顺利的开发出来,并且适配各个屏幕尺寸手机,在流畅度、顺滑度上令人满意,在代码组织、性能优化上令人欣喜,从而达到最佳用户体验——这或许是时下移动端开发中最重要的技术需求了!



课程大纲:

  1. 1.基础事件
  2.     1)touchstart
  3.     2)touchmove
  4.     3)touchend
  5. 2.event对象
  6.     1)取消默认事件 
  7.     2)阻止冒泡
  8.     3)防止文字选中和阻止默认菜单
  9.     4)鼠标事件延迟
  10.     5)事件点透问题
  11. 3.touchEvent
  12.     1)touches
  13.     2)changedTouches
  14.     3)targetTouches
  15. 4.滑屏处理
  16.     1)拖拽原理分析
  17.     2)滑屏幻灯片简版 
  18. 5.transform2D 变换
  19.     1)rotate()、scale()、skew()、translate()
  20.     2)left和top引起的回流问题及优化
  21.     3)处理transform中不能通过计算后样式获取的问题
  22. 6.transition 动画
  23.     1) transition基本知识点
  24.     2) 贝赛尔曲线运动
  25.     3) transitionend事件
  26.     4) transition 不执行的BUG
  27. 7.实例:移动端版音悦台首页制作
  28.     1) rem布局适配
  29.     2) 横竖屏切换适配
  30.     3) fixed定位的BUG及替代方案
  31.     4) 滑屏导航缓冲回弹动画的实现
  32.     5) 完整版无缝滚动的滑屏幻灯片
  33.     6) 滑屏选项卡
  34. 8.transform3D
  35.     1) 滑动旋转的方块
  36.     2) 3d多边体制作
  37.     3) 正n边形的外角计算与正n边形的中心点计算
  38. 9. 3D桌面切换
  39.     1) 百分比配合怪异盒模型布局适配
  40.     2) animation的loading动画
  41.     3) 立体三棱柱制作
  42.     4) 页面绝对坐标获取
  43.     5) IOS下3D变换的兼容问题及解决方案
  44. 10.自定义滚动条
  45.     1) 滚动条比例计算
  46.     2) 图片随滚动条的按需加载        
  47.     3) 渲染优化-canvas(GPU渲染加速)
  48.     4) transition安卓卡顿BUG--3D硬件加速        
  49. 11.多指事件
  50.     1) 双指操作图片缩放和旋转
  51.     2) 安卓多指事件的兼容解决
  52.     3) 勾股定理与Math.atan2(与X轴的绝对夹角)
  53.     3) transform执行时的残影问题解决
  54. 12.实例:完整版的移动端相册
复制代码



哪些人会报名该课程:

1、符合学前要求的学员;
2、工作中遭遇各种问题的在职开发者;
3、面试中屡屡碰壁,正打算沉下心来学习移动端开发,再战IT江山的少年;
4、对WEB移动端开发不了解,感到好奇、想提前一窥究竟的IT爱好者;
5、妙味视频助我提升技能,即使已经会了,但仍然要报名的妙味支持者;
6、其他IT培训机构的偷师者(拿来主义比自己原创课程要简单啊)、广大盗版商或IT知识二道贩子;
7、有钱任性,不知道为啥要报名的富豪们 ^_^;
8、想加入妙味做讲师、却不知自身技术水平是否足够?因此来听听课、对比一下自己技术实力是否吻合;
9、以上情况都不是!如果有万中无一的特例,请把报名原因发送至:leo@miaov.com

——无论如何,世界美好!有你们相伴,才有妙味的步步成长!


课前预习知识(学前基础)
1、JS基础知识;
2、简单的移动端的基本概念:viewport和rem;
——建议报名的亲们,再看看VIP视频中的【JavaScript基础部分】以及【移动端开发那点事儿】作为课前预习。
——点击查看 >>VIP视频下载目录

开班形式:
讲师通过YY远程课讲解,没有YY软件? >>点击下载
YY直播支持PC端(mac系统、windows系统)观看,不支持手机观看



开班时间
  



第一次课:2016年8月20日-周六 晚上18:00~20:00
第二次课:2016年8月24日-周三 晚上19:30~21:30
第三次课:2016年8月26日-周五 晚上19:30~21:30
第四次课:2016年8月27日-周六 晚上18:00~20:00
第五次课:2016年8月31日-周三 晚上19:30~21:30
第六次课:2016年9月02日-周五 晚上19:30~21:30
第七次课:2016年9月03日-周六 晚上18:00~20:00
第八次课:2016年9月07日-周三 晚上19:30~21:30
第九次课:2016年9月09日-周五 晚上19:30~21:30

课程价格:999元/人
优惠信息:报名之前如果转发该页面到 微博、微信、QQ空间、QQ群 等,并截图发给妙味客服,报名立即减免66元,即:933元/人!
注意:QQ群发消息,该群人数至少在100人以上(含100人),在线人数至少在50人以上。


课程服务:
1、课后可获得课上全套视频;
2、课后第一时间获取课上资料;
注意:为保证大家权利,远程课的课件和录制视频不会发到VIP群。

报名须知:
1、远程班报名须在开班前交纳报名费;
2、开班后不可退费,开班前可申请全额退费;
3、远程班满30人以上即可开班;

——在这个夏天,面对这样一套实用价值极高的移动端远程课,你准备好学习了么?






报名方式:
1)支付宝账号:13141414820
    支付时 付款说明 需标注:姓名+手机
    PS:请勾选“免费短信通知收款人”,
收款人的手机号码是 : 13141414820     
验证姓名:刘伟


    支付宝扫码支付:
       
    付款成功后必须与

QQ:3349734318  
   QQ:3315116152
(妙味VIP会员售前妹纸) 联系办理报名手续

    
2)银行转帐账号:622202 02000 8644 1231
    户名:刘伟
    开户行:工商银行 - 北京花园东路支行
    付款成功后必须与
QQ:
3349734318      QQ:3315116152
(妙味VIP会员售前妹纸) 联系办理报名手续




课程咨询QQ:3349734318、3315116152
课程咨询电话:010-57269690

客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00
地址:北京海淀区西二旗辉煌国际大厦(西6号楼)319室

妙味网友
请登录后留言,请登录注册