HTML5移动前端开发基础与实战(微课版)电子书

内容提要

前言

第1章 开发环境及JavaScript准备

1.1 HTML5相关技术简介

1.1.1 HTML

1.1.2 CSS

1.1.3 JavaScript

1.2 Sublime Text 3及常用插件的安装、使用

1.2.1 安装Sublime Text

1.2.2 安装Package Control组件

1.2.3 安装Emmet插件

1.2.4 使用Sublime Text

1.2.5 Chrome浏览器调试入门

1.2.6 Sublime Text常用技巧

1.3 安装及使用HTML-CSS-JS Prettify插件

1.3.1 安装HTML-CSS-JS Prettify插件

1.3.2 安装Node.js

1.3.3 配置Node.js

1.3.4 使用HTML-CSS-JS Prettify插件

1.4 常用JavaScript

1.4.1 数据类型

1.4.2 流控语句

1.4.3 数组

1.4.4 document对象

1.4.5 函数和事件

1.4.6 立即执行函数

1.4.7 函数作为参数

1.4.8 定时相关函数

1.4.9 同步与异步

本章思考

第2章 HTML

2.1 HTML常用元素

2.1.1 label、input、button、radio、checkbox及ul

2.1.2 表单验证

2.2 HTML5新特性

2.2.1 多媒体

2.2.2 拖放

2.2.3 Web存储

2.2.4 使用canvas绘制图形

本章思考

第3章 CSS

3.1 常用CSS

3.1.1 CSS基本语法及使用CSS的几种方式

3.1.2 多列布局

3.1.3 display属性：block、inline、inline-block、none

3.1.4 BOX模型

3.1.5 position属性

3.1.6 Float布局

3.1.7 Flex布局

3.1.8 overflow属性

3.1.9 transparent属性

3.1.10 background相关属性

3.1.11 通过JavaScript操作CSS

3.2 CSS3新功能

3.2.1 圆角、阴影

3.2.2 渐变

3.2.3 2D变换：旋转、倾斜、缩放、位移

3.2.4 3D旋转

3.2.5 动画（transition）

3.2.6 viewport

3.2.7 Media Queries

本章思考

第4章 移动前端实战

4.1 登录页面

4.1.1 登录页面介绍

4.1.2 登录页面演练

4.2 设置页面

4.2.1 设置页面介绍

4.2.2 设置页面演练

4.3 客服页面

4.3.1 客服页面介绍

4.3.2 客服页面演练

4.4 商品详情页面

4.4.1 商品详情页面介绍

4.4.2 商品详情页面演练

4.5 购物车页面

4.5.1 购物车页面介绍

4.5.2 购物车页面演练

4.6 订单页面

4.6.1 订单页面介绍

4.6.2 订单页面演练

本章思考

第5章 Swiper插件

5.1 Swiper实现轮播

5.1.1 Swiper使用步骤

5.1.2 Swiper演练

5.2 Swiper Animate实现动画

5.2.1 Swiper Animate入门

5.2.2 Swiper Animate演练

本章思考

第6章 JSON数据

6.1 JSON入门

6.1.1 JSON概述

6.1.2 操作JSON数据

6.1.3 JSON和字符串类型相互转换

6.2 JSON实战

6.2.1 使用JSON在线解析工具

6.2.2 在Chrome调试器中观察JSON数据

6.2.3 根据JSON数据动态绑定页面

本章思考

第7章 jQuery框架

7.1 jQuery入门

7.1.1 jQuery简介

7.1.2 使用jQuery

7.1.3 常用jQuery操作

7.2 jQuery Ajax读取JSON格式数据文件

7.2.1 AJAX简介

7.2.2 jQuery Ajax演练

7.3 jQuery实战：翻牌游戏

7.3.1 翻牌游戏功能简介

7.3.2 实战分解

本章思考

第8章 移动App开发

8.1 HBuilder

8.1.1 HBuilder特点

8.1.2 HBuilder安装

8.2海马玩模拟器

8.2.1 海马玩模拟器特点

8.2.2 海马玩模拟器安装

8.3移动App开发流程

8.3.1 创建移动App模板项目

8.3.2 带底部导航、轮播图和新闻列表的App

本章思考