资源详情
HTML5移动端布局实战开发
课程(
远程班
练就移动端布局十八般武艺,彻底掌控移动端适配终极奥秘!
课程介绍:
本次远程课从移动端环境配置、模拟器、搭建本地虚拟服务器入手,为大家详细分析多机型适配、横竖屏切换、物理像素、移动端1px、图片发虛等一系列移动端细节问题与移动端兼容忄生问题,并通过各种移动端实战布局案例,带领大家探寻移动端各类布局结构的核心关键点。
在响应式开发章节中,我们为大家详尽介绍媒体查询相关技术、弹忄生盒模型特征与实战应用场景,并辅以bootstrap为大家演示栅格化系统,彻底掌握响应式工具的使用。
在面对移动端的表单及场景美化需求上,我们为大家准备了多样化的自定义字体图标,再配合css3的绚丽样式美化技巧、多背景图设置、以及滤镜相关的辅助,为移动端网页增添UI展示乐趣的同时、优化移动端忄生能、提升访问速度。
在轻松制作出移动端各种类型的页面后,还需要灵活开发移动端常见的交互效果,因此必不可少的需要掌握touch系列事件(touchstart、touchmove、touchend、transitionend),以及打造移动端基础交互不可或缺的transform-2D系列知识点(translate、scale、skew、rotate、transform-origin……),配合这些相关知识点,移动端基础交互效果即轻而易举、不在话下。
开班形式:
讲师通过YY远程课讲解,
还
没有YY软件?
>>点击下载
开班时间:
第一次课:
2016年4月22日-周五 晚上19:30~21:30
授课内容:
移动端开发环境搭建、服务器相关、单位选择、多机型横竖屏适配、移动端框架搭建、系统兼容、浏览器兼容……
第二次
课
2016年4月23日-周六 晚上19:30~21:30
授课内容:
现场开发移动端苏宁电器首页静态页面:框架搭建、头部广告、导航模块、菜单模块、商品列表样式组、特惠商品模块……
第三次
课
2016年4月27日-周三 晚上19:30~21:30
授课内容:
响应式开发相关知识点:媒体查询、子元素选择、弹忄生盒模型、bootstrap、现场用JQ官网整站布局演示响应式开发过程……
第四次
课
2016年4月28日-周x08四 晚上19:30~21:30
授课内容:xa0
现场开发uehtml官网响应式静态页面:整站布局、头部菜单响应式设置、最新消息模块变化、内容模块四三二响应式变化……
第五次
课
2016年5月06日-周五 晚上19:30~21:30
授课内容:
CSS3美化样式、自定义字体图标、滤镜设置、CSS3选择器、transform 2D转换、新增表单控件、valid表单验证、表单样式美化……
第六次
课
2016年5月07日 周x08六 晚上19:30~21:30
授课内容:
touch事件讲解、移动端弹窗模糊效果、移动端JS效果演示:图片轮播、导航吸附、下拉菜单、总结回顾……
练习x08解答:
2016年5月13日 周五 晚上
授课内容:
解答大家做练习中遇到的问题与知识点疑惑,讲解课后练习……
课程价格:
680元/人
优惠信息:报名之前如果转发该页面到xa0
微博、微信、QQ空间、QQ群xa0
等,并截图发给妙味客服,
报名立即减免60元,即:620元/人!
注意:QQ群发消息,该群人数至少在100人以上(含100人),在线人数至少在50人以上。
注:远程课开班后不可退费。
针对人群:
如果你完全不熟悉x08移动端布局、只做过PC端的页面,
JS也没太多基础……
这套课程就是为你们量身定做的!
讲师在课程中会特别细致入微的讲解xa0
移动端布局
xa0要注意的所有xa0
适配问题,框架搭建、样式编写
手把手教会大家如何xa0
从零开始写移动端项目
、直至完整做出移动端的页面、适配所有手机屏幕为止!
小测试:
如果能独立完成xa0
淘宝首页
xa0其中一处小结构,即可报名该课程(浮动、定位、简单的布局一定要非常熟悉):