移动端开发利器 jQuery Mobile开发实录视频课程

9.26-9.28 7折

独家

下载课程

下载学院APP

缓存视频离线看

收藏(227)

移动端开发利器 jQuery Mobile开发实录视频课程

适用人群: 有HTML基础或零基础,对网站开发感兴趣,准备深入学习网站开发的同学,本课程是您的必修课!

共38课时 共10小时47分钟 更新时间:2016-08-15

价  格

¥36

优惠活动

会员95折

2424小时内答疑

课时永久观看

相关专题

微职位学习

    课程介绍

    课程大纲

    学习资料

    学员评价

    课程目标
    立足移动端开发实例项目,系统全面的掌握jQuery mobile的学习使用,穿插html5以及常规前端布局知识详细解析,更快的适应企业开发要求,从事前端工程师的工作岗位。
    适用人群
    有HTML基础或零基础,对网站开发感兴趣,准备深入学习网站开发的同学,本课程是您的必修课!
    课程简介
    • jquery mobile学习线路

      主要讲解本章课程的学习路线图,了解jQuery Mobile的框架结构以及安装。

    • 简单布局及jquery mobile css类库修改

      使用DW进行简单的div+css布局,更加深入的了解jquery mobile框架的使用与布局。

    • jquery mobile的单页过渡效果

      jquery mobile的过渡标签,能够更好的实现移动端开发效果,提高用户体验度。

    • jquery mobile按钮工具及效果实现(一)

      在项目开大中,jquery mobile的框架按钮,被用的的时候并不多,大多时候还是需要我们自己去编写想要的按钮形势,本节课着重讲解了div+css布局的按钮效果,以及运用超链接、js和jquery来实现按钮效果。

    • jquery mobile按钮工具及效果实现(二)

      使用jquery mobile框架按钮,能够快速的完成按钮功能布局,此处一定要记住,如何去修改它的样式,将固定默认格式的按钮样式,修改成自己想要的效果。

    • jquery mobile按钮工具及效果实现(三)

      jquery mobile框架按钮效果的多样变化与使用,对于构建丰富多彩的wap项目交互功能具有十分便捷的作用。

    • jquery mobile按钮工具及效果实现(四)

      jquery mobile开发框架自带很多小图标素材,开发者可以直接根据相应的css类进行使用和调取,非常方便快捷,但是我还是要提醒大家,实际开发中,最好自己去处理一些东西,那样会显得更加流畅自然。

    • jquery mobile弹窗效果的实现(一)

      创建一个弹窗,需要使用 和 元素。在 元素上添加 data-rel="popup" 属性, 元素添加 data-role="popup" 属性。

    • jquery mobile弹窗效果的实现(二)

      jquery mobile框架的 弹窗与点击的 链接必须在同一个页面上。

    • jquery mobile弹窗效果的实现(三)

      默认情况下,弹窗会直接显示在点击元素的上方,如果需要控制弹窗的位置,可以在用于打开弹窗的点击链接上使用 data-position-to 属性。

    • jquery mobile弹窗效果的实现(四)

      你可以使用 data-overlay-theme 属性在弹窗后添加背景颜色。默认情况下覆盖的背景色的透明的。使用 data-overlay-theme="a" 添加浅色背景,使用 data-overlay-theme="b" 添加深色的覆盖背景。

    • jquery mobile工具栏、导航栏效果使用

      工具栏元素通常位于头部和尾部内 - 让导航易于访问;导航栏是由一组水平排列的链接组成,通常包含在头部或尾部内。

    • jquery mobile基础布局(一)

      过向指定 id 的 元素添加 data-role="panel" 属性来创建面板。在 中添加 HTML 标记来显示你的面板内容。

    • jquery mobile基础布局(二)

      有时候依托框架知识,不如退而结网,亲自去实现自己想要的效果,多多掌握jquery的知识,灵活熟练的运用布局知识。

    • jquery mobile基础布局(三)

      通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,其属性中可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

    • jquery mobile基础布局(四)

      如需创建一个可折叠的内容块,需要为容器添加 data-role="collapsible" 属性。在容器(div)内,添加一个标题元素(H1-H6),后跟您想要进行扩展的 HTML 标记。

    • jquery mobile基础布局(五)

      响应式表格让页面内容在移动端和桌面设备上能够很好的适配,响应式表格有两种类型: reflow(回流) 与 列切换。

    • jquery mobile基础布局(六)

      想要将较小的元素(如按钮或导航标签)并排地排列在一起,就像是在一个表格中一样。这种情况下,推荐使用分列布局。网格中的列是等宽的(合计是 100%),没有边框、背景、margin 或 padding。

    • jquery mobile列表框架(一)

      列表视图是jQuery Mobile中功能强大的一个特性,它会使标准的无序或有序列表应用更广泛,应用方法就是在ul或ol标签中添加data-role="listview"属性。

    • jquery mobile列表框架(二)

      默认情况下每个列表项都会包含一个箭头图标 "carat-r" (右箭头)。如果要修改这个图标可以使用 data-icon 属性。

    • jquery mobile表单效果应用(一)

      当使用 jQuery Mobile 表单时, 元素必须有一个 method 和一个 action 属性。

    • jquery mobile表单效果应用(二)

      输入字段是通过标准的 HTML 元素编码的,jQuery Mobile 将为它们添加样式使其看起来更具吸引力,在移动设备上更易使用,您也能使用新的 HTML5 的 类型。

    • jquery mobile表单效果应用(三)

      波动开关通常用于 on/off 或 true/false 按钮,我们可以使用 元素并指定 data-role 为 "flipswitch" 来创建开关。

    • jquery mobile自带主题简介

      jQuery Mobile 提供了 2 种不同的主题样式, 从 "a" 到 "b" - 每一种主题的按钮,工具条,内容块等等颜色都不一致,每个主题的视觉效果也不一样。

    • jquery mobile CSS类简介

      jQuery Mobile CSS 类来设置不同元素的样式。善于运用这些已经封装好的类,可以大大的节省开发时间,并可以更好的美化我们web端的界面。

    • WAP端简历创建系统开发(一)

      做任何系统时,都要做好E-R功能图,为整个系统功能指定流程。

    • WAP端简历创建系统开发(二)

      系统开发前,一定做好架构布局,想好各种预留接口以及升级接口。

    • WAP端简历创建系统开发(三)

      页面布局是个十分简单却又十分繁琐的工作,细心耐心,缺一不可。

    • WAP端简历创建系统开发(四)

      自适应屏幕的设定,对于移动端的项目来说十分重要,可以让项目界面自主适应移动端不同屏幕的分辨率,达到舒适的预览效果。

    • WAP端简历创建系统开发(五)

      创建 元素并指定 id,元素上加上 data-type="search" 属性。这样就能创建基本的搜索字段。将 元素放置于一个表单中,表单 元素使用 "ui-filterable" 类 - 该类会调整搜索字段与过滤元素的外边距。

    • WAP端简历创建系统开发(六)

      通过向指定 id 的 元素添加 data-role="panel" 属性来创建面板。

    • WAP端简历创建系统开发(七)

      制作页面之前,必须清晰的明白相关的属性知识,这样可以将页面设计的更加完美。

    • WAP端简历创建系统开发(八)

      元素创建带有若干选项的下拉列表, 元素内的 元素定义了列表中的可用选项。

    • WAP端简历创建系统开发(九)

      Input 类型- Date Pickers(数据检出器),HTML5 拥有多个可供选取日期和时间的新输入类型。

    • WAP端简历创建系统开发(十)

      无论如何使用框架,对于基础知识的掌握必不可少,对于代码掌握的越是熟练,越能对各种框架运用的得心应手。

    • 进阶部分(一)

      MySQL 软件采用了双授权政策,它分为社区版和商业版,由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,一般中小型网站的开发都选择 MySQL 作为网站数据库。

    • 进阶部分(二)

      jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。

    • 进阶部分(三)

      PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。

    加载中
    所属章节 资料名称 文件大小 下载
    相关资料推荐

    暂时还没有学习资料~

    综合评分

    0人评价

    好于0%的课程

    暂无

    课程与描述相符 5 非常满意

    老师的讲解表达 5 非常满意

    老师的答疑服务 5 非常满意

    全部

    好评 0

    中评 0

    差评 0

    加载中
    没有了哦~
    你可能还感兴趣的课程

      讲师介绍

      赵甲迪

      赵甲迪

      好评率:85%

      互联网公司技术总监,医疗外包项目网络架构师,PHP工程师,培训讲师

      官方交流群

      51CTO学院微信H5交流群(526549386)

      立即加入

      8915人学习过

      推荐图书

      7日学霸榜 有8915人与你一起学习

      课程介绍

      课程大纲

      学习资料

      学员评价

      ¥36

      课程评价

      综合评价在4颗星及以上最高可获得35分奖励

      移动端开发利器 jQuery Mobile开发实录视频课程

      该课程已有 人评价

      课程与描述相符

      老师的讲解表达

      老师的答疑服务

      匿名

      可以开发票么?

      可以的,购买课程或者充值余额后都是可以开具发票的,具体详情点击:我要开发票

      购买的课程可以下载么?

      目前PC端暂不支持下载课程视频,请手机或者平板电脑下载“51CTO学院”APP后再下载视频哦!

      优惠券如何使用?

      非折扣课程(不包含1元课程/套餐)可使用,一个订单(可包含多个课程)只可使用一张;优惠券一经使用,不再返还;若被冻结请在PC端删除订单即可返还。

      更多问题查询点击 帮助中心

      欢迎您提供宝贵意见,对于您的意见我们都会认真、慎重的讨论,每一个意见都是我们更好为您服务的鞭策和激励,感谢您帮助学院成长,我要反馈意见