微信小程序教学大纲

1、微信小程序教学大纲引言：本教程适合对web前端有所了解的同学学习，何为有所了解，我的定义就是知道什么叫网页，一张普通的网页由哪些元素组成。对html超文本标记语言有所掌握，最起码能用记事本手写代码，html就像是人的骨头，是最基本的最核心的代码其次人有了骨头之后，样子太难看了，甚至有点恐怖，这时候就需要用css来渲染，css中文名叫层叠样式表，可以这么理解，css是人的皮肤，我们可以通过css来给html增加各种皮肤。人的轮廓和外表通过html和css基本能描绘出来了，但是这个时候这个“人”不会动，没有交互效果，就是你他和交流，他不搭理你，这时候就需要JavaScript来给“人”赋予动能。J

2、avaScript就是“人”的血液和神经系统。JavaScript是2016年最火的一门语言，以后几年还会火下去，因为小程序将改变世界。好了，通过上面的简单介绍，我相信大家有了大概的学习方向。学习制作一款微信小程序，简而言之，你需要掌握Html 超文本标记语言Css 层叠样式表JavaScript 网路脚本语言第一天Html第二天Css第三天Javascript第四天小程序框架第五天组件第六天Api第七天实战Html基础教程（一节课）HTML 基础教程· HTML 教程· HTML 简介· HTML 编辑器· HTML 基础· HTML 元素&

3、#183; HTML 属性· HTML 标题· HTML 段落· HTML 样式· HTML 格式化· HTML 引用· HTML 计算机代码· HTML 注释· HTML CSS· HTML 链接· HTML 图像· HTML 表格· HTML 列表· HTML 块· HTML 类· HTML 布局· HTML 响应式设计· HTML 框架· HTML 内联框架· HTML 背景· HTML 脚

4、本· 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 支

5、持· HTML5 元素· HTML5 语义· HTML5 迁移· HTML5 代码约定HTML 图形· HTML5 画布· HTML5 SVG· HTML5 画布 vs SVGHTML 媒体· HTML 媒体· HTML 对象· HTML 音频· HTML 视频·Css基础教程（一节课）CSS 基础教程· CSS 教程· CSS 简介· CSS 基础语法· CSS 高级语法· CSS 派生选择器· CSS id 选择

6、器· CSS 类选择器· CSS 属性选择器· CSS 创建CSS 样式· CSS 背景· CSS 文本· CSS 字体· CSS 链接· CSS 列表· CSS 表格· CSS 轮廓CSS 框模型· CSS 框模型概述· CSS 内边距· CSS 边框· CSS 外边距· CSS 外边距合并CSS 定位· CSS 定位概述· CSS 相对定位· CSS 绝对定位· CSS 浮动CSS 选择器·

7、CSS 元素选择器· CSS 选择器分组· CSS 类选择器详解· CSS ID 选择器详解· CSS 属性选择器详解· CSS 后代选择器· CSS 子元素选择器· CSS 相邻兄弟选择器· CSS 伪类· CSS 伪元素CSS 高级· CSS 对齐· CSS 尺寸· CSS 分类· CSS 导航栏· CSS 图片库· CSS 图片透明· CSS 媒介类型· CSS 注意事项· CSS 总结JavaScript基础

8、教程（一节课）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&#

9、183; DOM CSS· DOM 事件· DOM 节点JS 对象· JS 对象· JS 数字· JS 字符串· JS 日期· JS 数组· JS 逻辑· JS 算数· JS 正则表达式微信小程序框架简易教程(一节课)· 目录结构· 配置· 逻辑层· 注册程序· 注册页面· 模块化· API· 视图层· WXML· 数据绑定· 条件渲染· 列表渲染· 模板·

10、 事件· 引用· WXSS· 组件微信小程序组件简易教程（一节课）1) 视图容器view2) scroll-view3) swiper基础内容4) icon5) text6) progress表单组件7) button8) checkbox9) form10) input11) label12) picker13) radio14) slider15) switch操作反馈16) action-sheet17) modal18) toast19) loading导航20) navigator媒体组件21) audio22) image23) video地图24)

11、map画布25) canvas微信小程序api基础教程网络发起请求上传、下载26) wx.uploadFile27) wx.downloadFileWebSocket28) wx.connectSocket29) wx.onSocketOpen30) wx.onSocketError31) wx.sendSocketMessage32) wx.onSocketMessage33) wx.closeSocket34) wx.onSocketClose媒体图片35) wx.chooseImage36) wx.previewImage录音37) wx.startRecord38) wx.stopRe

12、cord音频播放控制39) wx.playVoice40) wx.pauseVoice41) wx.stopVoice音乐播放控制42) wx.getBackgroundAudioPlayerState43) wx.playBackgroundAudio44) wx.pauseBackgroundAudio45) wx.seekBackgroundAudio46) wx.stopBackgroundAudio47) wx.onBackgroundAudioPlay48) wx.onBackgroundAudioPause49) wx.onBackgroundAudioStop50) 文件51) 视频数据52) 数据缓存53) wx.setStorage54) wx.setStorageSync55) wx.getStorage56) wx.getStorageSync57)