HTML5移动端布局实战开发课程 妙味课堂

show0p

HTML5移动端布局实战开发课程 妙味课堂
价值：340 附带课件

游客，如果您要查看本帖隐藏内容请回复

课程介绍

本次远程课从移动端环境配置、模拟器、搭建本地虚拟服务器入手，为大家详细分析多机型适配、横竖屏切换、物理像素、移动端1px、图片发虛等一系列移动端细节问题与移动端兼容性问题，并通过各种移动端实战布局案例，带领大家探寻移动端各类布局结构的核心关键点。

学习目标

在轻松制作出移动端各种类型的页面后，还需要灵活开发移动端常见的交互效果，因此必不可少的需要掌握touch系列事件（touchstart、touchmove、touchend、transitionend），以及打造移动端基础交互不可或缺的transform-2D系列知识点，配合这些相关知识点，移动端基础交互效果即轻而易举、不在话下。

课程详情

练就移动端布局十八般武艺，彻底掌控移动端适配终极奥秘！

课程介绍：

本次远程课从移动端环境配置、模拟器、搭建本地虚拟服务器入手，为大家详细分析多机型适配、横竖屏切换、物理像素、移动端1px、图片发虛等一系列移动端细节问题与移动端兼容性问题，并通过各种移动端实战布局案例，带领大家探寻移动端各类布局结构的核心关键点。

在响应式开发章节中，我们为大家详尽介绍媒体查询相关技术、弹性盒模型特征与实战应用场景，并辅以bootstrap为大家演示栅格化系统，彻底掌握响应式工具的使用。

在面对移动端的表单及场景美化需求上，我们为大家准备了多样化的自定义字体图标，再配合css3的绚丽样式美化技巧、多背景图设置、以及滤镜相关的辅助，为移动端网页增添UI展示乐趣的同时、优化移动端性能、提升访问速度。

在轻松制作出移动端各种类型的页面后，还需要灵活开发移动端常见的交互效果，因此必不可少的需要掌握touch系列事件（touchstart、touchmove、touchend、transitionend），以及打造移动端基础交互不可或缺的transform-2D系列知识点（translate、scale、skew、rotate、transform-origin……），配合这些相关知识点，移动端基础交互效果即轻而易举、不在话下。

授课内容：

移动端开发环境搭建、服务器相关、单位选择、多机型横竖屏适配、移动端框架搭建、系统兼容、浏览器兼容……

授课内容：

现场开发移动端苏宁电器首页静态页面：框架搭建、头部广告、导航模块、菜单模块、商品列表样式组、特惠商品模块……

授课内容：

响应式开发相关知识点：媒体查询、子元素选择、弹性盒模型、bootstrap、现场用JQ官网整站布局演示响应式开发过程……

授课内容：

现场开发uehtml官网响应式静态页面：整站布局、头部菜单响应式设置、最新消息模块变化、内容模块四三二响应式变化……

授课内容：

CSS3美化样式、自定义字体图标、滤镜设置、CSS3选择器、transform 2D转换、新增表单控件、valid表单验证、表单样式美化……

授课内容：

touch事件讲解、移动端弹窗模糊效果、移动端JS效果演示：图片轮播、导航吸附、下拉菜单、总结回顾……

针对人群：

如果你完全不熟悉移动端布局、只做过PC端的页面，JS也没太多基础……这套课程就是为你们量身定做的！讲师在课程中会特别细致入微的讲解 移动端布局 要注意的所有 适配问题，框架搭建、样式编写……手把手教会大家如何 从零开始写移动端项目、直至完整做出移动端的页面、适配所有手机屏幕为止！

小测试：

如果能独立完成 淘宝首页 其中一处小结构，即可报名该课程（浮动、定位、简单的布局一定要非常熟悉）


课程目录
1HTML5移动端布局实战开发课程
1-移动端布局、适配
2-移动端苏宁案例
3-响应式、弹性盒模型
4-伪类选择器、bootstrap栅格化及响应式工具
5-属性选择器、滤镜、transform
6-移动端JS入门及案例
7-练习解答

z13035341

学习学习学习学习

lonelyboy568

[『编程开发』] HTML5移动端布局实战开发课程 移动端环境配置、模拟器、搭建本地虚拟服务器入手，为大家详细分析多机型适配、横竖屏切换、物理像素、移动端1px、图片发虛

xiange

这个可以噢

qq45566393

楼主雷锋啊，谢谢分享

xx0203

祝资源共享吧越来越火！

mohui66688

s

q23869320

祝资源共享吧越来越火！

sange520

aaaa

Bedtime

看看,谢谢楼主分享