Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

创建移动Web应用程序的初学者指南

学会如何创建能够在多个移动设备操作系统上运行的移动Web应用程序

Created byfei ye

Last updated 9/2020

Chinese (Simplified)

What you'll learn

学会移动web站点的布局，viewport相关知识，网站首页布局
学会JS代码的使用等相关知识
学会响应式开发及bootstrap相关知识
了解less等相关知识
学会less-bootstrap源码的组成等，zepto相关知识

Course content

6 sections • 119 lectures • 27h 46m total length

02-课程介绍8:08
03-移动web-现状13:49
04-移动web-适配问题6:48
05-移动web-流式布局6:18
06-移动web-viewport14:33
07-移动web-标准适配方案推导34:35
08-移动web-非主流适配方案10:55
09-移动web-分析非主流适配方案22:38
10-移动web-浏览器现状9:37
11-移动web-box-sizing11:41
12-移动web-点击高亮效果7:44
13-移动web-base.css基本内容11:39
14-移动web-顶部搜索分析5:22
15-移动web-顶部搜索布局17:38
16-移动web-二倍图解决失真问题13:12
17-移动web-轮播图18:04
18-移动web-导航栏8:06
19-移动web-产品盒子12:42
20-移动web-秒杀头部9:10
21-移动web-秒杀内容7:41
22-移动web-组合样式8:04

01-课程反馈19:02
02 课程内容4:44
03-移动web-首页搜索效果13:50
04-移动web-触摸事件touch37:35
05-移动web-轮播图需求分析8:17
06-移动web-轮播图-自动轮播&无缝功能&优化27:05
07-移动web-轮播图-点的设置7:43
08-移动web-轮播图-滑动效果16:58
09-移动web-轮播图-吸附&切换&补充15:16
10-移动web-移动端滑动的手势17:52
11-移动web-tap事件23:22
12-移动web-fastclick9:00
13-移动web-倒计时6:25
14-移动web-分类-顶部通栏27:33
15-移动web-分类-两栏自适应12:07
16-移动web-分类-左侧栏5:05
17-移动web-分类-右侧栏9:05
18-移动web-分类-iscroll的使用13:24

01 课程反馈31:19
02 课程内容11:34
03 响应式开发-概念11:35
04 响应式开发-设备的划分13:01
05 响应式开发-媒体查询&响应式开发原理22:13
06 响应式开发-描述bootstrap20:37
07 响应式开发-文档-起步14:26
08 响应式开发-基本模版20:51
09 响应式开发-normalize12:18
10 响应式开发-container5:44
11 响应式开发-栅格系统-基本使用22:40
12 响应式开发-栅格系统-开发应用8:39
13 响应式开发-栅格系统-扩展17:26
14 响应式开发-响应式工具14:32
15 响应式开发-快速过文档16:49
16 微金所-项目架子9:21
17 微金所-顶部通栏的布局和内容19:15
18 微金所-字体图标的使用15:58
19 微金所-按钮的重置响应式工具使用8:37

01 课程反馈13:46
02 课程内容5:14
03 导航条组件-分析结构38:26
04 导航条组件-样式覆盖25:42
05 导航条组件-响应功能3:26
06 轮播图-分析组件结构13:20
07 轮播图-PC端19:47
08 轮播图-M端5:14
09 轮播图-静态响应式3:53
10 轮播图-动态轮播图需求分析13:57
11 轮播图-技术分析12:31
12 轮播图-ajax数据获取&模版引擎的使用32:47
13 轮播图-模版动态渲染13:58
14 轮播图-测试功能17:58
15 轮播图-手势切换20:33
16 信息区块17:47
17 媒体查询的写法5:57
18 预约区块9:32
19 node安装5:37

01 课程反馈22:44
02 课程内容3:04
03 产品区块-标签页-结构分析13:15
04 产品区块-标签页-样式重置10:58
05 产品区块-标签页-响应式&js初始化页签21:41
06 产品区块-内容布局5:33
07 产品区块-右边区域10:39
08 产品区块-左边区域4:24
09 产品区块-体验&优惠券的线17:48
10 产品区块-工具提示（类型选择器&工具提示js组件）19:33
11 新闻区块-布局&新闻标题9:18
12 新闻区块-标签页16:19
13 新闻区块-响应式7:48
14 合作伙伴4:52
15 固定导航6:10
16 less-安装13:43
17 less-编译6:52
18 less-ws的less自动编译5:01
19 less-介绍12:44
20 less-基本语法-变量12:28
21 less-基本语法-mixin22:00
22 less-基本语法-嵌套13:04
23 less-基本语法-导入4:13
24 less-基本语法-运算函数10:01

01 课程反馈8:16
02 课程内容2:41
03 less-bootstrap定制（o2o）19:55
04 less-浏览器端使用（补充）2:41
04 less-浏览器端使用15:22
05 rem-认识8:54
06 rem-适配33:48
07 rem-less适配42:17
08 苏宁-架子13:43
09 苏宁-顶部通栏19:35
10 苏宁-轮播图10:38
11 苏宁-导航栏5:55
12 苏宁-底部页签16:07
13 zepto-介绍23:08
14 zepto-使用26:48
15 swiper-使用24:51
总结1:08
小知识点-变量7:11

Requirements

编程经验是有用的，但不是必须的
基本的HTML, CSS和JavaScript技能
一个代码编辑器
一个web浏览器

Description

在这篇关于构建移动Web应用程序的入门指南中，我们将教你如何创建能够在多个移动设备操作系统上运行的移动Web应用程序。

本教程共6大章节，第1章节主要讲述移动web站点的布局，viewport相关知识，网站首页布局等。

第2章节主要讲述JS代码的使用等相关知识，

第3章节主要讲述响应式开发及bootstrap相关知识，

第4章节主要讲述网站导航条、轮播图等，

第5章节主要讲述了产品优惠券，less等相关知识，

第6章节技术讲述了less-bootstrap源码的组成等，zepto相关知识

一旦你完成了这个基于计算机的培训课程，你将完全有能力创建你自己的移动web应用程序

Who this course is for:

任何想学习移动应用开发的人
移动开发学生/初学者
移动开发顾问
手机项目经理
移动架构师