微信小程序设计与基础开发课程

课程目标

1. 学习微信小程序的搭建流程
2. 微信小程序页面设计
3. 微信小程序地图与导航
4. 微信小程序调用三方组件
5. 微信小程序Http数据请求
6. 微信小程序拍照上传
7. 微信小程序二维扫码

目标界面

准备课程

0. Git命令以及Gitee代码仓库（基础）（主课程01之前）（参见lesson-gitee）
1. HTML基础（主课程02之前）（参见lesson-html lesson-01）
2. CSS基础（主课程02之前）（参见lesson-html lesson-02）
3. JS基础（主课程03之前）（参见lesson-javascript lesson-01&02&03&04）

课程内容

1. 首个小程序及微信小程序示例及如何调试（基础）(分支lesson-01)
2. 小程序页面设计（基础）(分支lesson-02)
3. 小程序地图导航（基础）(分支lesson-03)
4. 小程序地图及要素加载（基础）(分支lesson-04)
5. 实时监测及Chart（基础）(分支lesson-05)
6. 小程序Http请求及数据API（基础）(分支lesson-06)
7. 小程序绑定平台用户的前端实现（进阶）(分支lesson-07)
8. 小程序工单流程LIST-DETAIL（进阶）(分支lesson-08)
9. 小程序拍照及上传照片（进阶）(分支lesson-09)
10. 小程序扫码及二维码生成（进阶）(分支lesson-10)

课外进阶

1. MongoDB非关系数据库（基础）（主课程07之前）（参见lesson-express lesson-01）
2. Nodejs+Express后端Restful API设计（进阶）（主课程07之前）（参见lesson-express lesson-02&03）
3. 小程序绑定平台用户的后端实现（进阶）（主课程07之前）（参见lesson-express lesson-06）

PS: 注意获取对应分支，准备课程以及课外进阶可以参考其它相关课程

分支clone命令(他人仓库，只读，请clone)
git clone -b lesson-01 https://gitee.com/greengis/lesson-wechat.git "lesson-01"

分支获取流程(自己或合作者仓库，读写，请pull+checkout)

1. git init
2. git remote add origin https://gitee.com/greengis/lesson-wechat.git
3. 获取master: git pull origin master
4. 获取指定分支: git pull --all
5. 获取指定分支: git checkout -b lesson-01 origin/lesson-01

实例效果