查看“微信小程序开发实战”的源代码

==准备工作==
*[[谷歌创新冲刺工作坊]]
*[[微信小程序案例集锦]]

==微信小程序介绍(2课时）==

微信公众平台：https://mp.weixin.qq.com/

微信官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/

*[[小程序介绍及安装]]
*[[微信小程序与其他技术的贯通]]
*[[小程序框架及文件介绍]]
*[[小程序：配置文件和顶部导航栏]]
*[[小程序：底部菜单栏]]
*[[小程序：团队开发与项目上线]]
*[[小程序：添加新的编译模式]]（这里可以先不讲）
*[[跨境小助手：设计我的主页]]
*案例:[[小程序案例：Hello World]]



==小程序开发基础==

*[[小程序：添加新的编译模式]]
*[[小程序WXML基本用法]]
*[[小程序:常用组件]]、
*[[小程序:常用wxss样式]]
*[[小程序WXSS样式选择器]]、[[小程序：详情页面的开发]]

===实践案例===
*[[小程序:盒子模型]]

[[小程序案例：比较数字大小]]

==小程序页面布局==

*[[小程序弹性布局]]、[[小程序：商城首页的开发]]
*小程序生命周期函数：https://blog.csdn.net/hsany330/article/details/103391397
*拓展：[[小程序：导航组件]]、[[小程序:编写按钮]]


===实践小案例===
[[小程序：商城首页的开发]]
*[[小程序案例：计算器]]

==小程序组件==
*[[小程序：组件简介]]
*[[小程序：基础内容组件]]
*[[小程序：视图组件]]
*[[小程序：图片和轮播组件]]
*[[小程序：导航组件]]
*[[小程序：表单组件]]  [https://blog.csdn.net/gao_xu_520/article/details/72301823 微信小程序开发—(十四)表单组件1]
*[[小程序：媒体组件]]
*[[小程序：地图组件]]
*[[小程序：画布组件]]
*[["婚礼邀请函"小程序：照片页面]]
*[["婚礼邀请函"小程序：美好时光页面]]

===实践小案例===

*[["音乐"小程序：音乐推荐]]、
*[[Node.js、npm的介绍和安装]]

==JavaScript基础===
*[[JS基础语法]]、[[JS数据类型]]
*[[JS运算符]]、[[JS条件分支]]
*[[JS循环]]、[[JS流程控制]]
*[[练习：循环和流程控制]]
*[[JS函数]]、[[JS面向对象]]

==小程序数据绑定==
*[[小程序逻辑层介绍]]
*[[小程序逻辑层数据]]
*[[小程序逻辑层函数]]
*[[小程序：数据绑定]]
*[[微信小程序案例：商城首页（数据绑定版）]]

==小程序页面渲染==
*[[小程序WXML条件渲染]]
*[[小程序WXML列表渲染]]、[[小程序案例：商城首页(列表渲染版）]]
*[[小程序读取数据文件并渲染]]
*[[小程序定义自定义属性]]
*[[小程序页面参数的传递与获取]]
*[[小程序加载详情页面并填充数据]]

*导航 -> 参数传递 -> 动态渲染

===实践小案例===
*[[音乐小程序：列表渲染音乐表单]]
*[[小程序案例：调查问卷]]
*[["婚礼邀请函"小程序：照片页面]]、[[拜年小程序]]

===参数传递===
*[[小程序：组件的自定义属性data]]
*[[小程序：页面参数的传递与获取]]
*[[小程序：加载详情数据并填充页面]]

==补充：条件渲染与列表渲染==
*[[Node.js、npm的介绍和安装]]
*[[小程序：LinUI组件库]]
*[[小程序：添加新的编译模式]]
*[[小程序：数据流向与页面组织]]
*[[小程序：数据绑定与setData函数]]
*[[小程序：数据绑定的实战应用]]
*[[小程序：条件渲染]]
*[[小程序：列表渲染]]、[https://www.cnblogs.com/luguankun/p/10895200.html 微信小程序的for循环]]
*[[小程序WXML列表渲染、条件渲染]]、[https://www.cnblogs.com/jiqing9006/p/9379070.html 微信小程序的if语句]
*[https://blog.csdn.net/henryhu712/article/details/100117480 微信小程序 wx:if 多条件判断及逻辑运算]

== API应用案例（上）（8课时）==
*[[微信小程序：API综述]]
*[[微信小程序：API调用及补充]]
*[[微信小程序：结合回调函数操作API]]
*[[微信小程序：音频API]]、[["音乐"小程序：播放器]]\ [["音乐"小程序：播放器2]]
*[[微信小程序：位置API]]、[[微信小程序：网络API]]
*[[微信小程序：前后端通信]]\[https://blog.csdn.net/OliveLao/article/details/78136121 微信小程序将图片数据流添加到image标签中]
*[[微信小程序：文件API]]、[[微信小程序：文件API]]、[[微信小程序：开放接口]]、[https://blog.csdn.net/weixin_40629244/article/details/102798522 微信小程序上传多张图片]
*[["个人中心"小程序：用户登录]]、[https://shentuzhigang.blog.csdn.net/article/details/104412875 微信小程序"http://127.0.0.1 不在以下 request 合法域名列表中"解决方案]
*[["个人中心"小程序：个人资料展示]]

== API应用案例（下）（8课时）==

==微信小程序云开发==
*[https://www.jianshu.com/p/eced0176b9c3 微信小程序云开发(一)]
*[[什么是微信云开发]]
*[[开通微信云开发]]
*[[微信云开发：数据库的增删改查]]
*[[微信云开发：数据库数据渲染到页面]]

==小程序开发框架（8课时）==
*[[小程序WeUI组件库: 简介]]
*[[小程序基础样式库-WeUI的安装]]
*[https://blog.csdn.net/qq_37704442/article/details/103500904 小程序WeUI官方项目的导入]]
*[[小程序WeUI组件库：电影信息展示]]

参考文档：https://www.w3cschool.cn/weixinapp/weixinapp-kcyb38p8.html

===Panal===
*[[小程序WeUI组件库：图文组合列表]]
*[[小程序WeUI组件库：文字组合列表]]
*[[小程序WeUI组件库：小图文组合列表]]

===九宫格===
*[[小程序WeUI组件库：九宫格]]

===表单===
*[[小程序WeUI组件库：列表]]
*[[小程序WeUI组件库：表单]]
*[[小程序WeUI组件库：搜索]]
*[[小程序WeUI组件库：文章]]

===操作反馈===
*[[小程序WeUI组件库：提示页]]

==案例： “音乐”小程序项目（10课时）==
掌握swiper组件的使用

scroll-view组件

image组件的使用

slider组件

音频API


*[["音乐"小程序：开发前准备]]

*[["音乐"小程序：音乐推荐]]、[[音乐小程序：列表渲染音乐表单]]

*[["音乐"小程序：播放列表]]

*[["音乐"小程序：播放器]]

*[["音乐"小程序：标签页切换]]、[[小程序：事件函数]]

*[["音乐"小程序：小程序的整合]]

*[[小程序：弹窗的实现]]

==案例： “婚礼邀请函”小程序（10课时）==
小程序API的使用：视频播放、地图定位、发送消息等
*[[小程序运行机制及声明周期函数]]
*[["婚礼邀请函"小程序：开放前准备]]
*[["婚礼邀请函"小程序：邀请函页面]]
*[["婚礼邀请函"小程序：照片页面]]
*[["婚礼邀请函"小程序：美好时光页面]]
*[["婚礼邀请函"小程序：婚礼地点页面]]
*[["婚礼邀请函"小程序：宾客信息页面]]

==案例：综合点餐（10课时）==


==案例：跨境小助手==
*[[跨境小助手：设计我的主页]]
*[[跨境小助手：勾勒小程序结构]]

干货：外贸英文信函模版大集合（一）:https://www.tradesns.com/cn/theme/detail/xL9mXB7L

24种外贸基本信函: https://wenku.baidu.com/view/4d1a1115bf1e650e52ea551810a6f524ccbfcb3c.html

美国海运散货包裹到门: https://www.pfcexpress.com/dianshangfuwu/meiguozhuanxian.html

小程序实现流程进度：[https://blog.csdn.net/mingyunxiaohai/article/details/79072897 微信小程序实现流程进度功能]

外贸步骤：[https://www.amz123.com/thread-758914.htm 外贸出口操作流程]

==经验技巧分享==

*[https://zhuanlan.zhihu.com/p/146274520 解决微信小程序button设置宽高无效问题]
*[[微信小程序中使用阿里（iconfont）字体图标]]
*[https://jingyan.baidu.com/article/d8072ac4a389c6ec95cefd91.html 微信小程序体验版怎么生成]
*[https://blog.csdn.net/weixin_43970743/article/details/105271005 微信小程序-textarea文本域限制最大字数问题【每天一个上分小技巧】]
*[https://blog.csdn.net/u012927188/article/details/74005963 商品详情页]
*[https://blog.csdn.net/wangzai888/article/details/88852116 小程序分包]
API查询：https://www.pfcexpress.com/webservice/APIDoc.html
*[https://www.jianshu.com/p/27a8f5609768 小程序wx-charts的项目实用]
*[https://blog.csdn.net/sinat_17775997/article/details/53859914 小程序wx-charts绘制饼图]

汇总9款优秀的开源小程序UI框架: https://zhuanlan.zhihu.com/p/204245080

API大全：https://www.showapi.com/api/apiList