课程概述

移动电商应用开发技术包括：手机网站开发、手机APP开发、微信小程序/公众号开发等诸多内容。由于微信小程序具备“触手可及、用完即走”的特点，而且其简易性给企业提供了更简便、高效的营销渠道，所以本课程选取微信小程序开发作为授课重点，由浅入深地分析与讲解小程序开发所需的相关知识与技能，内容涉及微信小程序的开发背景与基础知识，重点介绍了小程序组件和API。


本课程根据主讲教师近年来《微信小程序开发》和其他相关课程的教学经验，设计了近60个教学案例，把课程知识要点融入到每个教学案例之中，通过：案例描述→实现效果→案例实现→知识要点→案例总结的讲解步骤，由浅入深、循序渐进，使大家在轻松愉悦中掌握小程序界面设计和逻辑设计的方法和技巧。课程共分6部分：


第1部分：初识微信小程序。首先介绍了注册小程序账号、查看小程序AppID、设置小程序信息、下载并安装小程序开发环境以及创建和打开小程序的方法，最后通过1个案例演示了小程序开发过程和方法。

第2部分：小程序编程基础。设计了14个案例，演示了小程序开发的基础知识，包括HTML、CSS和JavaScript中的基础知识，为小程序开发奠定基础。

第3部分：小程序框架。设计了10个案例，演示了小程序的基本架构、执行顺序、数据及事件绑定、模块化、条件渲染、列表渲染、模板以及引用文件等知识。

第4部分：小程序组件。设计了10个案例，演示了小程序组件的各种功能和使用方法。使用的组件包括：视图容器、基础内容、表单组件、导航组件、媒体组件、地图、画布等内容。

第5部分：小程序API。设计了20个案例，演示了小程序API函数的各种功能和使用方法。使用的API函数包括：基础中的系统信息和定时器、路由、界面、数据缓存、媒体、位置、画布、文件等内容。

第6部分：云开发。设计了4个案例，演示了小程序云开发的方法和技巧，包括：获取OpenID、文件上传下载、数据库操作、云函数应用的方法和技巧。


本课程配有主讲老师编写的教材：《微信小程序开发案例教程》（ISBN:978-7-113-25940-2），中国铁道出版社出版。


本课程适合微信小程序开发初学者进行学习。通过对本课程的学习，能够掌握小程序开发的基本方法和技巧，为小程序高级开发奠定坚实基础。


证书要求

单元测验占40%，课程讨论占20%，考试成绩占40%。总分60-84为合格，85分及以上为优秀，学习者可自愿申请认证证书。为了保障证书权威性，平台不再支持免费电子证书，只提供认证证书。

预备知识

    学习本课程之前，应该了解网页设计方面的一些基础知识，包括：

    1. HTML语言

    2. CSS

    3. JavaScrip脚本语言

授课大纲

第1周 初识微信小程序

1.4 案例EX202-文本样式设置

1.5 案例EX203-图片与声音

1.3 案例EX201-字体样式的设置

1.2 案例EX101-第一个微信小程序

1.1 注册小程序账号

第1周 单元测验

第2周 盒模型与页面布局

2.2 案例EX205-flex页面布局

2.1 案例EX204-盒模型

2.5 案例EX208-摄氏温度转华氏温度

2.4 案例EX207-Float页面布局

2.3 案例EX206-导航与布局

第2周 单元测验

第3周 流程控制结构和函数

3.2 案例EX210-学生成绩计算器

3.3 案例EX211-循环求和计算器

3.6 案例EX214-自动随机变化的三色旗

3.1 案例EX209-条件结构和数学函数

3.5 案例EX213-计时器

3.4 案例EX212-随机数求和

第3周 单元测验

第4周 小程序基本架构

4.1 案例EX301-小程序的基本架构

4.4 案例EX304-变量和函数的作用域及模块化

4.3 案例EX303-数据及事件绑定

4.5 案例EX305-条件渲染

4.2 案例EX302-小程序的执行顺序

第4周 单元测验

第5周 渲染与引用

5.4 案例EX309-模板的定义及引用

5.5 案例EX310-利用include引用文件

5.1 案例EX306-成绩等级计算器

5.3 案例EX308-九九乘法表

5.2 案例EX307-列表渲染

第5周 单元测验

第6周 小程序组件-1

6.1 案例EX401-货币兑换

6.4 案例EX404-滑动条和颜色

6.5 案例EX405-轮播图和开关选择器

6.3 案例EX403-设置字体样式和大小

6.2 案例EX402-三角形面积计算器

第6周 单元测验

第7周 小程序组件-2

7.1 案例EX406-个人信息填写

7.5 案例EX410-考试场次选择

7.3 案例EX408-音频演示

7.4 案例EX409-视频演示

7.2 案例EX407-图片显示模式

第7周 单元测验

第8周 小程序API-1

8.2 案例EX502-阶乘计算器

8.5 案例EX505-改变图形

8.3 案例EX503-基本绘图

8.4 案例EX504-参数绘图

8.1 案例EX501-变脸游戏

第8周 单元测验

第9周 小程序API-2

9.1 案例EX506-绘制正弦曲线

9.4 案例EX509-照相和摄像

9.5 案例EX510-位置和地图

9.3 案例EX508-动画

9.2 案例EX507-自由绘图

第9周 单元测验

第10周 小程序API-3

10.5 案例EX515-扫码与打电话

10.2 案例EX512-数据缓存

10.3 案例EX513-网络状态

10.1 案例EX511-文件操作

10.4 案例EX514-传感器

第10周 单元测验

第11周 小程序API-4

11.2 案例EX517-设备系统信息

11.4 案例EX519-标签栏

11.5 案例EX520-操作菜单

11.3 案例EX518-导航栏

11.1 案例EX516-屏幕亮度、剪贴板和手机振动

第11周 单元测验

第12周 云开发

12.1 案例EX601-获取OpenID

12.4 案例EX604-云函数应用

12.3 案例EX603-数据库操作

12.2 案例EX602-文件上传下载

第12周单元测验

参考资料

  1. 《微信小程序开发实战》，黑马程序员编著，人民邮电出版社（制定教材）

  2. 《微信小程序开发案例教程》，杜春涛, 付瑞平编著，中国铁道出版社出版

  3. https://developers.weixin.qq.com/miniprogram/dev/component/slider.html （微信小程序开发官方文档）

  4. https://www.w3school.com.cn （HTML、CSS、JavaScript等知识参考此网站）

  5. 《微信小程序开发零基础入门》，周文洁编著，清华大学出版社（2019.1）

常见问题

Q :  学习《微信小程序开发》需要具备哪些预备知识？

A :  最好具备网页设计方面的一些基本知识，包括：HTML、CSS、JavaScript等。

Q :  没有计算机方面的基础知识，能学习《微信小程序开发》这门课程吗？

A :  也可以，课程中的第2章对《微信小程序开发》所需的一些编程基础进行了介绍。

Q :  学习《微信小程序开发》这门MOOC课程的最佳方法是什么？

A :  边看MOOC视频边上机练习，最后自己编写出每个案例的代码并能正确运行。

Q :  学习这门MOOC课程时，需要查阅哪些相关资料？

A :  这门MOOC课程只是给出了一些典型案例的实现方法和相关的知识要点，要全面掌握小程序开发的方法和技巧，要经常查阅《微信小程序开发官方文档》，里面内容既全面又权威。