微信小程序教学大纲
引言：
本教程适合对web前端有所了解的同学学习，何为有所了解，我的定义就是知道什么叫网页，一张普通的网页由哪些元素组成。
对html超文本标记语言有所掌握，最起码能用记事本手写代码，html就像是人的骨头，是最基本的最核心的代码
其次人有了骨头之后，样子太难看了，甚至有点恐怖，这时候就需要用css来渲染，css中文名叫层叠样式表，可以这么理解，css是人的皮肤，我们可以通过css来给html增加各种皮肤。
人的轮廓和外表通过html和css基本能描绘出来了，但是这个时候这个“人”不会动，没有交互效果，就是你他和交流，他不搭理你，这时候就需要JavaScript来给“人”赋予动能。
JavaScript就是“人”的血液和神经系统。
JavaScript是2016年最火的一门语言，以后几年还会火下去，因为小程序将改变世界。
好了，通过上面的简单介绍，我相信大家有了大概的学习方向。
学习制作一款微信小程序，简而言之，你需要掌握
Html 超文本标记语言
Css层叠样式表
JavaScript网路脚本语言
第一天Html
第二天Css
第三天Javascript 第四天小程序框架第五天组件
第六天Api
第七天实战
Html基础教程（一节课）
HTML 基础教程
•HTML 教程
•HTML 简介
•HTML 编辑器
•HTML 基础
•HTML 元素
•HTML 属性
•HTML 标题
•HTML 段落
•HTML 样式
•HTML 格式化
•HTML 引用
•HTML 计算机代码
•HTML 注释
•HTML CSS
•HTML 链接
•HTML 图像
•HTML 表格
•HTML 列表
•HTML 块
•HTML 类
•HTML 布局
•HTML 响应式设计
•HTML 框架
•HTML 内联框架
•HTML 背景
•HTML 脚本
•HTML 头部
•HTML 实体
•HTML URL
•HTML URL 编码
•HTML Web 服务器
•HTML 颜色
•HTML 颜色名
•HTML 文档类型
•HTML 速查手册
HTML XHTML
•XHTML 简介
•XHTML 元素
•XHTML 属性
HTML 表单
•HTML 表单
•HTML 表单元素
•HTML 输入类型
•HTML 输入属性
HTML5
•HTML5 简介
•HTML5 支持
•HTML5 元素
•HTML5 语义
•HTML5 迁移
•HTML5 代码约定
HTML 图形
•HTML5 画布
•HTML5 SVG
•HTML5 画布vs SVG
HTML 媒体
•HTML 媒体
•HTML 对象
•HTML 音频
•HTML 视频
•
Css基础教程（一节课）
CSS 基础教程
•CSS 教程
•CSS 简介
•CSS 基础语法
•CSS 高级语法
•CSS 派生选择器
•CSS id 选择器
•CSS 类选择器
•CSS 属性选择器
•CSS 创建
CSS 样式
•CSS 背景
•CSS 文本
•CSS 字体
•CSS 链接
•CSS 列表
•CSS 表格
•CSS 轮廓
CSS 框模型
•CSS 框模型概述•CSS 内边距•CSS 边框
•CSS 外边距•CSS 外边距合并
CSS 定位
•CSS 定位概述•CSS 相对定位•CSS 绝对定位•CSS 浮动
CSS 选择器
•CSS 元素选择器•CSS 选择器分组•CSS 类选择器详解•CSS ID 选择器详解•CSS 属性选择器详解•CSS 后代选择器•CSS 子元素选择器•CSS 相邻兄弟选择器•CSS 伪类
•CSS 伪元素
CSS 高级
•CSS 对齐
•CSS 尺寸
•CSS 分类
•CSS 导航栏•CSS 图片库•CSS 图片透明•CSS 媒介类型•CSS 注意事项•CSS 总结
JavaScript基础教程（一节课）
JS 教程
•JS 教程
•JS 简介
•JS 实现
•JS 输出
•JS 语句
•JS 注释
•JS 变量
•JS 数据类型
•JS 对象
•JS 函数
•JS 运算符
•JS 比较
•JS If...Else
•JS Switch
•JS For
•JS While
•JS Break
•JS 错误
•JS 验证
JS HTML DOM
•DOM 简介
•DOM HTML
•DOM CSS
•DOM 事件
•DOM 节点
JS 对象
•JS 对象
•JS 数字
•JS 字符串
•JS 日期
•JS 数组
•JS 逻辑
•JS 算数
•JS 正则表达式
微信小程序框架简易教程(一节课)
•目录结构
•配置
•逻辑层
•注册程序
•注册页面
•模块化
•API
•视图层
•WXML
•数据绑定
•条件渲染
•列表渲染
•模板
•事件
•引用
•WXSS
•组件
微信小程序组件简易教程（一节课）
1)视图容器
view
2)scroll-view
3)swiper
基础内容
4)icon
5)text
6)progress
表单组件
7)button
8)checkbox
9)form
10)input
11)label
12)picker
13)radio
14)slider
15)switch
操作反馈
16)action-sheet
17)modal
18)toast
19)loading
导航
20)navigator
媒体组件
21)audio
22)image
23)video
地图
24)map
画布
25)canvas
微信小程序api基础教程网络
发起请求
上传、下载
26)wx.uploadFile
27)wx.downloadFile
WebSocket
28)wx.connectSocket
29)wx.onSocketOpen
30)wx.onSocketError
31)wx.sendSocketMessage
32)wx.onSocketMessage
33)wx.closeSocket
34)wx.onSocketClose
媒体
图片
35)wx.chooseImage
36)wx.previewImage
录音
37)wx.startRecord
38)wx.stopRecord
音频播放控制
39)wx.playVoice
40)wx.pauseVoice
41)wx.stopVoice
音乐播放控制
42)wx.getBackgroundAudioPlayerState
43)wx.playBackgroundAudio
44)wx.pauseBackgroundAudio
45)wx.seekBackgroundAudio
46)wx.stopBackgroundAudio
47)wx.onBackgroundAudioPlay
48)wx.onBackgroundAudioPause
49)wx.onBackgroundAudioStop
50)文件
51)视频
数据
52)数据缓存
53)wx.setStorage
54)wx.setStorageSync
55)wx.getStorage
56)wx.getStorageSync
57)wx.clearStorage
58)wx.clearStorageSync
位置
59)获取位置
60)查看位置
设备
61)网络状态
62)系统信息
63)重力感应
64)罗盘
界面
65)设置导航条
66)导航
67)动画
68)绘图
69)其他
开放接口
70)登录
71)签名加密
72)用户信息
73)微信支付
74)模板消息
75)使用说明
76)接口说明
微信小程序实战篇（一节课）。