微信小程序教学大纲.docx

微信小程序教学大纲引言：本教程适合对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 CSSHTML 链接HTML 图像HTML 表格HTML 列表HTML 块HTML 类HTML 布局HTML 响应式设计HTML 框架HTML 内联框架HTML 背景HTML 脚本HTML 头部HTML 实体HTML URLHTML URL 编码HTML Web 服务器HTML 颜色HTML 颜色名HTML 文档类型HTML 速查手册HTML XHTMLXHTML 简介XHTML 元素XHTML 属性HTML 表单HTML 表单HTML 表单元素HTML 输入类型HTML 输入属性HTML5HTML5 简介HTML5 支持HTML5 元素HTML5 语义HTML5 迁移HTML5 代码约定HTML 图形HTML5 画布HTML5 SVGHTML5 画布 vs SVGHTML 媒体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...ElseJS SwitchJS ForJS WhileJS BreakJS 错误JS 验证JS HTML DOMDOM 简介DOM HTMLDOM CSSDOM 事件DOM 节点JS 对象JS 对象JS 数字JS 字符串JS 日期JS 数组JS 逻辑JS 算数JS 正则表达式微信小程序框架简易教程(一节课)目录结构配置逻辑层注册程序注册页面模块化API视图层WXML数据绑定条件渲染列表渲染模板事件引用WXSS组件微信小程序组件简易教程（一节课）?视图容器viewscroll-viewswiper?基础内容icontextprogress?表单组件buttoncheckboxforminputlabelpickerradiosliderswitch?操作反馈action-sheetmodaltoastloading?导航navigator媒体组件audioimagevideo?地图map?画布canvas微信小程序api基础教程网络发起请求上传、下载wx.uploadFilewx.downloadFileWebSocketwx.connectSocketwx.onSocketOpenwx.onSocketErrorwx