【干货】45G微信小程序开发合集 （视频教程+源码）

▲点击图片领取思维导图PPT

公众号后台回复：“导图”，获取思维导图

公众号后台回复：“社群”，进入知识分享社群

热文推荐：

最近微信小程序的发展势头很火，各大公司开始重视这一块，很多新手看文档可能觉得不是特别容易理解。给大家分享了25个小程序视频教程，附加源码和工具插件，公众号后台回复：“小程序”，获取小程序资料。

1 视频教程

01、微信小程序视频教程合集 附带源码+PPT

02、WXopen开发免费视频课程系列共十部+源码

03、8天微信小程序视频

04、如何注册微信小程序，获取appid，增加开发者等

05、极客学院小程序视频教程

06、基础视频资源：某鹏网入门视频八部

07、微信小程pages页面启动顺序配置

08、微信小程序demo真机演示视频集锦

09、15节微信小程序视频

10、小程序实战开发6集视频

11、微信小程序开发视频教程

12、蓝鸥实战系列：贪吃蛇，豆瓣电影等15个实战视频

13、微信小程序五部入门+实战视频

14、小码哥Android学院从“零”带你制作“微信小程序”

15、微信小程序App实战开发视频教程

16、蓝欧手把手教你小程序

17、教0基础妹子做微信小程序

18、微信小程序开发视频199教程

19、掘金直播课程

20、微信小程序实战案例讲解

21、千锋HTML5开发培训基础视频教程

22、小木微信小程序开发视频教程

23、传播智客小程序实战

24、全网首个微信小程序开发视频教程

2  案例源码

• 微信小程序-省市县三级联动，带有自定义地区码
  

• 微信小程序demo：知乎日报
  

• 精品demo：商城：界面设计基本完善
  

• 微信小程序学习用demo：小程智能
  

• 优质demo推荐：二维码生成器
  

• 微信小程序demo：好动健身
  

• 微信小程序demo：豆瓣
  

• 微信小程序精品demo：大转盘，仿天猫超市抽奖
  

• 微信小程序demo：图书管理系统
  

• 微信小程序学习用精品demo：易购售卖机
  

• 微信小程序学习用demo推荐：审批流
  

• 微信小程序学习用demo：练习页面跳转
  

• 微信小程序学习用demo推荐：flex布局
  

• 微信小程序学习用demo：12306
  

• 微信小程序控件练习demo：text、icon
  

• 微信小程序学习用demo：音乐播放控制
  

• 微信小程序学习用demo推荐：图片自适应
  

• 微信小程序demo：requestURL的连通性测试
  

• 微信小程序demo：新闻阅读器：富文本解析
  

• 微信小程序完整demo：jspapa：包含前后台
  

• 微信小程序学习demo推荐：侧边栏滑动特效

• 微信小程序练习demo：练习demo
  

• 微信小程序完整demo：新浪读书
  

• 微信小程序学习demo推荐：练手试坑
  

• 微信小程序学习用demo：手机银行
  

• 微信小程序学习用demo：蔬菜列表
  

• 微信小程序学习用demo：微信小程序示例教程
  

• 微信小程序学习用demo：装逼生成器
  

• 微信小程序学习用demo推荐：B站首页
  

• 微信小程序学习用demo推荐：设备列表
  

• 微信小程序学习用demo推荐：易打卡
  

• 微信小程序学习用demo：康爱多微商城
  

• 微信小程序demo：柏拉图测试
  

• 微信小程序学习用demo：豆瓣及新闻列表
  

• 微信小程序demo：简易聊天室
  

• 微信小程序demo：百思不得姐
  

• 微信小程序学习用demo：雪球
  

• HotApp云笔记 - 精品开源demo
  

• 微信小程序demo：新颜征信
  

• 微信小程序开发之视频播放 弹幕
  

• 微信小程序学习用demo推荐：美容商城
  

• 微信小程序学习用demo：简易微信小程序
  

• 微信小程序游戏类demo：识色
  

• 微信小程序学习demo推荐：外卖
  

• 微信小程序精品demo：仿网易云音乐
  

• 微信小程序学习用demo：一元夺宝
  

• 微信小程序学习demo推荐：卡卡汽车
  

• 微信小程序demo：仿商城
  

• 微信小程序学习用demo：微信小闹钟：对话实现
  

• 微信小程序demo：百度翻译
  

• 微信小程序学习用实用demo：简单的左滑操作
  

• 微信小程序学习用demo：LOOK
  

• 微信小程序demo：乐助
  

• 微信小程序练习demo：数据绑定条件渲染练习
  

• 微信小程序学习用demo：轮播图变换
  

• 微信小程序demo：阳淘
  

• 微信小程序自定义组件：带未读数目
  

• 微信小程序学习用demo推荐：聊天室
  

• 微信小程序demo：知乎日报
  

• 微信小程序demo：装逼神器
  

• 微信小程序demo：果库更新版
  

• 微信小程序demo：计算器
  

• 微信小程序开发之录音机 音频播放 
  

• 微信小程序demo：人脸识别
  

• 微信小程序demo：cnode练习版
  

• 微信小程序demo：知乎日报练习版
  

• 微信小程序学习用demo：豆瓣电影
  

• 微信小程序学习用精品demo：航空订票
  

• 微信小程序精品学习demo：瀑布流布局
  

• 微信小程序demo：今日头条
  

• 微信小程序学习用demo推荐：蜂融网
  

• 学习用精品demo：电影推荐
  

• 微信小程序demo：名片盒子
  

• 剪刀石头布小游戏，来和小五猜拳吧
  

• 微信小程序学习用demo
  

• 微信小程序demo：宝宝起名
  

• 微信小程序demo：今日头条
  

• 小程序实现简单的倒计时
  

• 微信小程序demo：奔跑果果
  

• 微信小程序demo：聊天
  

• 微信小程序精品demo：创客+
  

• 微信小程序学习demo：视图控件

• 微信小程序练习demo：tab实现选中时文字
  

• 微信小程序demo：canvas时钟
  

• 微信小程序demo组件：canvas股票分时图
  

• 微信小程序开发之下拉刷新 上拉加载
  

• 微信小程序学习用demo推荐：家具在线
  

• 微信小程序demo：知亦行
  

• 微信小程序学习demo：豆瓣电影
  

• 精品学习demo：仿IOS计算器

• 微信小程序学习用demo：小商店
  

• 微信小程序demo：ihobby
  

• 微信小程序学习用精品组件：登录注册效果
  

• 微信小程序demo：会议精灵
  

• 微信小程序demo：精品天气预报
  

• demo推荐：aehyok；列表，图片排布
  

• 微信小程序demo：拾旧
  

• 微信小程序demo：组件练习！
  

• 微信小程序推荐demo：全球购
  

• 微信小程序学习demo：笑话大全
  

• 微信小程序学习demo：小说：flex布局
  

• 微信小程序学习用demo：V2EX
  

• 微信小程序demo：商城
  

• 微信小程序精品学习demo：娱票
  

• 微信小程序学习用demo：掘金收藏集
  

• 微信小程序推荐demo：豆瓣电影修订版

• 微信小程序学习用demo：天气预报
  

• 微信小程序demo：学习框架
  

• 微信小程序学习用demo：工具大全
  

• 微信小程序demo：页面框架
  

• 微信小程序demo：鲜时达
  

• 福利demo：妹子图：分类标签
  

• 微信小程序demo：计算器：真机可用
  

• 微信小程序demo：天气查询及快递查询
  

• 微信小程序学习用demo：知乎日报简易版
  

• V2EX社区：获取最新文章，最热文章，所有节点.
  

• 微信小程序后端demo：仿微信：基于node
  

• 微信小程序学习用demo：时尚购：ajax获取数据
  

• 微信小程序学习用demo：头条
  

• 微信小程序demo：github：调用githubAPI
  

• 微信小程序精品demo推荐：电影
  

• 学习demo：新词：列表，调用数据
  

• 微信小程序学习用demo：积分商城
  

• 微信小程序学习用demo：基础练习
  

• 微信小程序学习用demo：极客学院
  

• 微信小程序学习用demo：基础demo
  

• 微信小程序demo推荐：petty妈咪：顶部导航
  

• 微信小程序学习用demo：todo
  

• 微信小程序demo：基础商城
  

• 微信小程序学习用demo推荐：午饭
  

• 微信小程序学习用demo：tabbar设计
  

• 微信小程序学习用demo：图书搜索，打开效果

• 精品demo推荐：事项助手；引入兼容库Bluebird
  

• 微信小程序学习用demo：XBOX账号绑定
  

• 基于labrador构建微信小程序
  

• 精品demo推荐：爱拼宝宝
  

• 微信小程序学习用demo：我的淘宝
  

• 微信小程序学习用demo：行者
  

• 微信小程序实现--列表的上拉刷新和上拉加载
  

• 学习用dmeo推荐：车源宝微信版
  

• 微信小程序精品demo：和风天气：天气API
  

• 微信小程序学习用demo：cnode
  

• 精品demo：妹纸图
  

• 微信小程序学习用demo：又是豆瓣电影！
  

• 微信小程序学习用完整demo：对wx接口
  

• 微信小程序学习demo：从服务器获取数据

• 微信小程序demo：技能图谱
  

• 微信小程序学习用demo：高仿苹果计算器
  

• 微信小程序源代码_HiApp聊天工具
  

• 微信小程序_微信移动商城源代码
  

• 微信小程序服务端开发demo
  

• 微信小程序学习用精品demo：博客网站
  

• 微信小程序学习用demo：豆瓣电影
  

• 微信小程序_模仿拉钩招聘APP源代码
  

• 微信小程序学习用demo：播放音乐，天气预报
  

• 微信小程序推荐demo：githubfeed
  

• 微信小程序学习用demo：功能练习
  

• 微信小程序学习用demo：调用github API
  

• 微信小程序推荐demo：仿微信
  

• 微信小程序demo：跟读
  

• 微信小程序demo：百思不得姐

• 学习demo：汇率计算
  

• 微信小程序demo：豆瓣电影：使用API
  

• 微信小程序demo：淘票
  

• 微信小程序demo：todo

• 微信小程序学习用demo：2048小游戏
  

• 微信小程序游戏类demo：贪吃蛇
  

• 微信小程序demo：Railay：整体框架
  

• 微信小程序学习用demo：美美的一天
  

• 微信小程序实用demo：swiper个性化定制
  

• 微信小程序学习用demo：阿里云控制台
  

• 微信小程序学习用demo：XX周期
  

• 微信小程序学习用精品demo：京东白条
  

• 微信小程序学习用精品demo：每日高尔夫
  

• 微信小程序demo：随机数小游戏
  

• 微信小程序优质demo推荐：探趣
  

• 微信小程序学习用demo：协奏曲
  

• 微信小程序学习用demo：借款申请
  

• 微信小程序完整demo：头条；
  

• 微信小程序demo：花店
  

• 微信小程序后台demo：基于springboot
  

• 知乎日报：内容html格式解析
  

• 微信小程序学习demo推荐：微赞社区

• 微信小程序精品demo：车源货源
  

• 微信小程序demo：商城分销系统
  

• 微信小程序精品demo推荐：你画我猜

• 微信小程序demo：逗乐
  

• 推荐demo：悦跑圈：计时器与地理位置结合
  

• 微信小程序学习用demo：修改长连接
  

• JAVA后端demo：服务端接口
  

• 微信小程序demo'推荐：天气预报；百度地图
  

• 微信小程序学习用demo：相册
  

• 微信小程序学习用精品demo：仿音乐播放器
  

• 微信小程序学习用demo：音乐播放器
  

• 微信小程序demo：乐空空
  

• 微信小程序推荐demo：科学计算器
  

• 微信小程序学习用精品demo：简易计算器
  

• 精品demo：级联筛选，下拉刷新上拉加载
  

• 微信小程序学习用demo：滑动选项卡标签
  

• 微信小程序学习用demo：git-book

• 微信小程序学习用demo：新闻
  

• 优质demo推荐：QQ音乐：可用于研究播放音乐
  

• 微信小程序demo：归谷
  

• 微信小程序学习用demo：canvas倒计时
  

• 微信小程序学习用精品demo：全屏动画滚动
  

• 微信小程序demo：V2EX
  

• 微信小程序推荐学习demo：字体，选择
  

• 微信小程序学习用demo：找歌词
  

• 微信小程序优质demo推荐：仿站酷
  

• demo推荐：卡车之家GB1589
  

• 微信小程序优质demo推荐：小豆瓣图书
  

• 微信小程序优质demo：知乎日报
  

• 微信小程序demo：2048小游戏
  

• 微信小程序学习用demo：微信朋友圈
  

• demo推荐：万方知识数据
  

• 微信小程序学习用demo：封装数据请求
  

• 微信小程序demo：小胖看车团
  

• 微信小程序优质商城demo：投资收益
  

• 微信小程序demo：简易计算器
  

• 微信小程序demo：在线聊天功能
  

• 微信小程序demo：小厨房
  

• 一个小DEMO,HTTP访问斗鱼开放API
  

• 微信小程序学习用demo：自动滚动视图
  

• 微信小程序学习demo推荐：卡卡汽车
  

• 微信小程序demo：豆瓣科幻小说
  

• 微信小程序学习用demo：登录及动画效果
  

• 微信小程序学习用demo：跳转页面
  

• 微信小程序学习用demo：知乎专栏
  

• 微信小程序学习用demo：音乐在线
  

• 微信小程序学习用demo：图片滚动+图片排版
  

• 微信小程序精品demo推荐：仿ONE
  

• 微信小程序练习用demo：TDD
  

• 微信小程序demo：五月天
  

• 微信小程序学习用demo：共计五个初级demo
  

• 微信小程序学习用demo：BUTTON按钮
  

• 微信小程序demo：食物选择
  

• 推荐研究demo：豆瓣电影

• 微信小程序demo：titans
  

• 微信小程序demo：需要安装NPM依赖

3 设计软件

• 可视化小程序UI设计工具layout

• 微信小程序后台内容管理程序laravelPCMS

• 小程序脚手架及html编译工具

• 微信小程序开发者工具v0.11 Win版

• 微信小程序开发者工具v0.11 Mac版

本文资料获取方式

长按下方二维码

回复： 小程序 

45G小程序干货

案例源码+视频+工具插件

——推荐阅读——

公众号后台回复关键词“PPT”

获取年终PPT汇总

进入知识星球——智识梦工厂

  公众号所有内容都会同步更新到这啦  

科技丨互联网丨职场丨商业

优质内容，每日更新

海量知识，一键领取

1000+份大数据热门报告  500+人工智能热门书籍 

500+互联网优质软件+PPT  100+区块链高分书籍

2000本kindle高分书籍，45G小程序资料……

麦肯锡、高盛、波士顿等机构研究报告

经济学人杂志、职场简历模板

为读者找知识，为知识找读者 

原价50，优惠后只要30

名额仅限100位，限时领取

▼

干货▶

阅读▶

科技▶

美国斯坦福大学发布2025计划, 创立"开环大学

职场▶

互联网▶

其他▶

5G

区块链▶

扫码进入知识分享社群

分享优质内容，让阅读有价值

  愿行者智，并智者行  

公众号后台回复“社群”, 加入社群