微信小程序开发视频教程

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序开发视频教程相关的知识,希望对你有一定的参考价值。

课程:拜师学艺,微信小程序从入门到大神必经之路(第一季,共四季)
课程观看地址:http://www.xuetuwuyou.com/course/172/lesson/list
课程出自学途无忧网:http://www.xuetuwuyou.com
讲师:风舞烟


课时列表:

第一部_诞生 - 天降大任:名门贵族,互联网开发新宠——小程序横空出世

第1章 : 忽如一夜春风来——小程序的前世今生

课时1:课程开场
课时2:本章目标及任务
课时3:第一回合_小王子出世—微信小程序_小程序为什么这么火
课时4:第一回合_小王子出世—微信小程序_小程序典型应用场景
课时5:第一回合_小王子出世—微信小程序_小程序给哪些人带来机会 
课时6:第一回合_小王子出世—微信小程序_小程序会取代移动开发么
课时7:第一回合_小王子出世—微信小程序_如何获取小程序
课时8:第一回合_小王子出世—微信小程序_随堂练习(wx_1_1) 
课时9:第二回合_先利其器—小程序开发准备(1)_技术准备
课时10:第二回合_先利其器—小程序开发准备(2)_如何注册帐号
课时11:第二回合_先利其器—小程序开发准备(3)_如何阅读开发文档
课时12:第二回合_先利其器—小程序开发准备(4)_开发工具下载
课时13:第二回合_先利其器—小程序开发准备_随堂练习(wx-1-2)
课时14:第三回合、骨格清奇—认识微信小程序_小程序开发工具简介 
课时15:第四回合_班门弄斧—快速体验小程序_快速上手体验小程序开发 
课时16:第四回合_班门弄斧—快速体验小程序__随堂练习(wx-1-3) 
课时17:本章总结
课时18:课后作业 (wx-job-1-1) 
课时19:课程结尾 
补充:截止到20170418小程序新增功能

第2章 : 犹报琵琶半遮面——拨开小程序的神密面纱
课时20:上章回顾 
课时21:本章目标及任务
课时22:第一回合_拨云见日—理解小程序_详解目录代码结构 
课时23:第一回合_拨云见日—理解小程序_随堂练习(wx-2-1) 
课时24:第二回合_再获利器—工具调试功能_小程序七大调试工具简介 
课时25:第二回合_再获利器—工具调试功能_调试工具01-演示Wxml Panel的使用
课时26:第二回合_再获利器—工具调试功能_调试工具02-演示Source Panel的使用 
课时27:第二回合_再获利器—工具调试功能_调试工具03-演示Network Panel的使用 
课时28:第二回合_再获利器—工具调试功能_调试工具04-演示Appdata Panel的使用 
课时29:第二回合_再获利器—工具调试功能_调试工具05-演示Storage Panel的使用 
课时30:第二回合_再获利器—工具调试功能_调试工具06-演示Console Panel的使用 
课时31:第二回合_再获利器—工具调试功能_调试工具07-演示Sensor Panel的使用 
课时32:第二回合_再获利器—工具调试功能_随堂练习(wx-2-2)
课时33:第三回合_学以致用—小程序的发布与使用
课时34:第四回合_再谈小程序—小程序与H5的差异
课时35:本章总结
课时36:课后作业(wx-job-2-1)
课时37:课程结尾

第3章 : 这个小子不简单-MINA框架剖析
课时38:上章回顾 
课时39:本章目标及任务 
课时40:第一回合_小程序线程架构之代码结构及Page页面生命周期 
课时41:第一回合_小程序线程架构之小程序加载运行示意图详解
课时42:随堂练习(wx-3-1) 
课时43:第二回合_小程序开发步骤 
课时44:第三回合_实操-为HelloMyWx添加新页面功能01
课时45:第三回合_实操-为HelloMyWx添加新页面功能02 
课时46:随堂练习(wx-3-2) 
课时47:第四回合_小程序MINA架构_View 
课时48:第四回合_小程序MINA架构_App Service 
课时49:随堂练习(wx-3-3) 
课时50:本章总结
课时51:课后作业 
课时52:课程结尾 

第2部_入门 - 拜师学艺:欲练神功,先打基本功——小程序开发基础

第4章 : 基本功01-扎马步——视图层WXML详解
课时53:上章回顾
课时54:本章目标及任务 
课时55:第一回合-数据绑定_简单数据绑定 
课时56:第一回合-数据绑定_组件属性绑定
课时57:第一回合-数据绑定_控制属性绑定
课时58:第一回合-数据绑定_关健字绑定 
课时59:第一回合-数据绑定_其他绑定
课时60:第一回合-数据绑定_路径运算绑定 
课时61:第一回合-数据绑定_随堂练习(wx-4-1)
课时62:第二回合-列表条件渲染_条件渲染_wx:if 基本用法 
课时63:第二回合-列表条件渲染_条件渲染_block wx:if 高级用法 
课时64:第二回合-列表条件渲染_列表渲染_基本用法
课时65:第二回合-列表条件渲染_列表渲染_wx:for-index与wx:for-item 
课时66:第二回合-列表条件渲染_列表渲染_wx:for嵌套 
课时67:第二回合-列表条件渲染_列表渲染_block wx:for 
课时68:第二回合-列表条件渲染_列表渲染_wx:key高级渲染 
课时69:第二回合-列表条件渲染_列表渲染_实战_墨迹天气(页面视图)
课时70:第二回合-列表条件渲染_随堂练习(wx-4-2) 
课时71:第三回合-模板应用_模板(template)基本用法 
课时72:第三回合-模板应用_模板(template)注意事项
课时73:第三回合-模板应用_运行期间动态指定模板(template)
课时74:第三回合-模板应用_实战_利用模板重构墨迹天气(页面视图) 
课时74:第三回合-模板应用_随堂练习(wx-4-3) 
课时76:第四回合-事件&引用_事件(event)基本用法
课时77:第四回合-事件&引用_事件(event)代码演示 
课时78:第四回合-事件&引用_冒泡事件与非冒泡事件 
课时79:第四回合-事件&引用_事件对象详解
课时80:第四回合-事件&引用_引用(import)详解 
课时81:第四回合-事件&引用_引用(include)基本用法 
课时82:第四回合-事件&引用_引用(include)代码复用测试 
课时83:本章总结
课时84:课后作业 
课时85:课程结尾 

第5章 : 基本功02-手眼身法——样式WXSS详解
课时86:上章回顾 
课时87:本章目标及任务 
课时88:第一回合-WXSS尺寸单位&样式导入 
课时89:第二回合-内嵌样式&选择器_内嵌样式的定义与注意事项 
课时90:第二回合-内嵌样式&选择器_小程序支持的选择器 
课时91:第二回合-内嵌样式&选择器_全局样式与局部样式 
课时92:第三回合-WXSS Flex布局详解_什么是Flex布局 
课时93:第三回合-WXSS Flex布局详解_Flex伸缩容器(flex-direction) 
课时94:第三回合-WXSS Flex布局详解_Flex伸缩容器主轴与侧轴的配置 
课时95:第三回合-WXSS Flex布局详解_Flex主轴对齐方式(justify-content) 
课时96:第三回合-WXSS Flex布局详解_Flex侧轴对齐方式(align-items)
课时97:第三回合-WXSS Flex布局详解_随堂练习(wx-train-5-1) 
课时98:第四回合-综合示例_墨迹天气01_项目初始化&业务逻辑层数据模拟 
课时99:第四回合-综合示例_墨迹天气02_页面WXML静态结构构建 
课时100:第四回合-综合示例_墨迹天气03_样式WXSS美化静态页面 
课时101:第四回合-综合示例_墨迹天气04_利用后台动态数据绑定视图 
课时102:第四回合-综合示例_墨迹天气05_利用模板技术重构页面视图 
课时103:第四回合-综合示例_仿淘宝花店App首页01_框架搭建 
课时104:第四回合-综合示例_仿淘宝花店App首页02_后台业务逻辑数据模拟 
课时105:第四回合-综合示例_仿淘宝花店App首页03_视图View静态界面构建 
课时106:第四回合-综合示例_仿淘宝花店App首页04_利用样式WXSS美化界面效果 
课时107:第四回合-综合示例_仿淘宝花店App首页05_重构实现后台数据动态绑定
课时108:本章总结 
课时109:课后作业(wx-job-5-1)
课时110:课程结尾 

第6章 : 基本功03-气息吐纳——小程序的javascript 模块化机制&全局配置
课时111:上章回顾 
课时112:本章目标及任务 
课时113:第一回合-逻辑层-注册程序&注册页面_注册程序(App函数)详解 
课时114:第一回合-逻辑层-注册程序&注册页面_注册页面(Page函数)详解 
课时115:第二回合-Page页面实例生命周期详解_图解Page生命周期 
课时116:第二回合-Page页面实例生命周日期详解_路由导航 
课时117:第二回合-Page页面实例生命周日期详解_TabBar切换对应的生命周期 
课时119:第二回合-Page页面实例生命周日期详解_实例演示
课时119:第三回合-小程序JS模块化机制_CommonJS规范
课时120:第三回合-小程序JS模块化机制_CommonJS规范代码演示 
课时121:第三回合-小程序JS模块化机制_模块运行CMD规范 
课时122:第三回合-小程序JS模块化机制_随堂练习(wx-6-1) 
课时123:第四回合-小程序全局及页面配置_App.json简介 
课时124:第四回合-小程序全局及页面配置_全局配置(app.json)详解 
课时125:第四回合-小程序全局及页面配置_页面配置(page.json)详解 
课时126:本章总结 
课时127:课后作业 
课时128:课程结尾 

第3部_习术 - 勤学苦练:十八般武艺,样样精通——视图、样式、数据、组件一个都不能少

第7章 : 长生剑——视图容器组件(猫眼影院APP贯穿)
课时129:上章回顾 
课时130:本章目标及任务 
课时131:第一回合-视图容器组件(View)_属性实例详解 
课时132:第二回合-视图容器组件(Scroll-View)_属性详解 
课时133:第二回合-视图容器组件(Scroll-View)_官方代码示例剖析 
课时134:第二回合-视图容器组件(Scroll-View)_官方代码示例扩展 
课时135:第三回合-滑块视图容器组件(Swiper)_属性详解 
课时136:第三回合-滑块视图容器组件(Swiper)_官方代码示例剖析
课时137:第三回合-滑块视图容器组件(Swiper)_自定义Swiper面板指示点 
课时138:第四回合-贯穿案例:猫眼电影App登录界面(01)_功能需求分析及效果演示 
课时139:第四回合-贯穿案例:猫眼电影App登录界面(02)_登录头部Banner效果实现 
课时140:第四回合-贯穿案例:猫眼电影App登录界面(03)_帐号密码登录界面效果实现(上) 
课时141:第四回合-贯穿案例:猫眼电影App登录界面(04)_帐号密码登录界面效果实现(下) 
课时142:第四回合-贯穿案例:猫眼电影App登录界面(05)_手机快捷登录界面效果实现 
课时143:第四回合-贯穿案例:猫眼电影App登录界面(06)_登录动态导航功能效果实现 
课时144:本章总结 
课时145:课后作业(wx-job-7-1) 
课时146:课程结尾 

第8章 : 孔雀翎——基础内容组件(猫眼影院APP贯穿)
课时147:上章回顾
课时148:本章目标及任务
课时149:第一回合-基础内容组件(ICON)_属性及官方实例详解 
课时150:第二回合-基础内容组件(TEXT)_属性及官方实例详解 
课时151:第三回合-基础内容组件(Progress)_属性及官方实例详解 
课时152:第四回合-贯穿案例_猫眼电影App注册界面01_需求说明
课时153:第四回合-贯穿案例_猫眼电影App注册界面02_用户注册Step01(视图结构设计) 
课时154:第四回合-贯穿案例_猫眼电影App注册界面03_用户注册Step01(样式设计01) 
课时155:第四回合-贯穿案例_猫眼电影App注册界面04_用户注册Step01(样式设计02)
课时156:第四回合-贯穿案例_猫眼电影App注册界面05_用户注册Step01(动态样式重构) 
课时157:第四回合-贯穿案例_猫眼电影App注册界面06_用户注册Step02(视图结构设计) 
课时158:第四回合-贯穿案例_猫眼电影App注册界面07_用户注册Step02(样式设计) 
课时159:第四回合-贯穿案例_猫眼电影App注册界面08_用户注册Step03(视图+样式设计) 
课时160:第四回合-贯穿案例_猫眼电影App注册界面09_用户注册Step03(密码强度判断) 
课时161:第四回合-贯穿案例_猫眼电影App注册界面10_用户注册(完成剩余业务逻辑) 
课时162:本章总结 
课时163:课后作业(wx-job-8-1) 
课时164:课后结尾 

第9章 : 碧玉刀——表单组件(猫眼影院APP贯穿)
课时165:上章回顾 
课时166:本章目标及任务 
课时167:第一回合-表单组件(Button)_属性详解
课时168:第一回合-表单组件(Button)_官方示例剖析 
课时169:第一回合-表单组件(CheckBox)_属性详解 
课时170:第一回合-表单组件(CheckBox)_官方示例剖析 
课时171:第一回合-表单组件(Radio)_属性详解及官方示例剖析 
课时172:第一回合-表单组件(Label)_属性详解及官方示例剖析 
课时173:第二回合-表单组件(Form)_属性详解及官方示例剖析
课时174:第二回合-表单组件(Input)_属性详解及官方示例剖析 
课时175:第二回合-表单组件(Picker)_属性详解及官方示例剖析 
课时176:第二回合-表单组件(Picker-View)_属性详解
课时177:第二回合-表单组件(Picker-View)_官方示例剖析 
课时178:第三回合-表单组件(TextArea)_属性详解及官方示例剖析 
课时179:第三回合-表单组件(Slider)_属性详解及官方示例剖析 
课时180:第三回合-表单组件(Switch)_属性详解及官方示例剖析
课时181:第四回合-贯穿案例_猫眼电影APP首页01_需求分析 
课时182:第四回合-贯穿案例_猫眼电影APP首页02_头部搜索框效果实现 
课时183:第四回合-贯穿案例_猫眼电影APP首页03_Banner海报抡播效果实现 
课时184:第四回合-贯穿案例_猫眼电影APP首页04_电影列表每一项效果展示(上) 
课时185:第四回合-贯穿案例_猫眼电影APP首页05_电影列表每一项效果展示(下) 
课时186:第四回合-贯穿案例_猫眼电影APP首页06_动态加载电影列表显示 
课时187:本章总结 
课时188:课后作业(wx-job-9-1) 
课时189:课程结尾

第10章 : 离别钩——页面导航组件及TabBar选项卡配置 (猫眼影院APP贯穿)
课时190:上章回顾 
课时191:本章目标及任务 
课时192:第一回合-导航组件(Navigator)_属性详解
课时193:第一回合-导航组件(Navigator)_官方示例剖析 
课时194:第二回合-应用程序底部选项卡的配置(tabBar)_属性详解 
课时195:第二回合-应用程序底部选项卡的配置(tabBar)_官方示例剖析 
课时196:第三回合-贯穿案例-猫眼APP功能重构_简要需求分析 
课时197:第三回合-贯穿案例-猫眼APP功能重构_完善登录注册的导航功能 
课时198:第三回合-贯穿案例-猫眼APP功能重构_查找电影01(头部搜索框)效果实现
课时199:第三回合-贯穿案例-猫眼APP功能重构_查找电影02(搜索项内容)效果实现 
课时200:第三回合-贯穿案例-猫眼APP功能重构_查找电影03_动态查询列表绑定 
课时201:第三回合-贯穿案例-猫眼APP功能重构_底部功能选项卡的配置
课时202:本章总结 
课时203:课后作业(wx-job-10-1)
课时204:课程结尾

第11章 : 多情环——媒体组件 ( 猫眼影院APP贯穿 )
课时205:上章回顾 
课时206:本章目录及任务 
课时207:第一回合-音频组件(Audio)_属性详解 
课时208:第二回合-音频组件(Audio)_官方示例剖析 
课时209:第二回合-图片组件(Image)_属性详解 
课时210:第二回合-图片组件(Image)_官方示例剖析 
课时211:第三回合-视频组件(Video)_属性详解 
课时212:第三回合-视频组件(Video)_官方示例剖析 
课时213:第四回合-贯穿案例-猫眼电影APP_查看电影明细(01) 
课时214:第四回合-贯穿案例-猫眼电影APP_查看电影明细(02) 
课时215:第四回合-贯穿案例-猫眼电影APP_查看电影明细(03) 
课时216:第四回合-贯穿案例-猫眼电影APP_查看电影明细(04) 
课时217:第四回合-贯穿案例-猫眼电影APP_查看电影明细(05) 
课时218:第四回合-贯穿案例-猫眼电影APP_查看电影明细(06) 1
课时219:本章总结 
课时220:课后作业(wx-job-11-1) 
课时221:课程结尾

第12章 : 霸王枪——地图、画布组件(猫眼影院APP贯穿)
课时222:上章回顾 
课时223:本章目标及任务 
课时224:第一回合-地图组件(map)_属性详解
课时225:第一回合-地图组件(map)_官方示例剖析 
课时226:第二回合-画布组件(canvas)_属性详解 
课时227:第二回合-画布组件(canvas)_官方示例剖析 
课时228:第三回合-贯穿案例-猫眼影院App_影院列表01_功能及界面原型展示
课时229:第三回合-贯穿案例-猫眼影院App_影院列表02_头部抡播海报效果
课时230:第三回合-贯穿案例-猫眼影院App_影院列表03_导航菜单效果实现 
课时231:第三回合-贯穿案例-猫眼影院App_影院列表04_影院列表静态展示效果 
课时232:第三回合-贯穿案例-猫眼影院App_影院列表05_影院列表动态数据绑定 
课时233:第三回合-贯穿案例-猫眼影院App_影院列表06_影院地理位置信息定位(上)
课时234:第三回合-贯穿案例-猫眼影院App_影院列表07_影院地理位置信息定位(下) 
课时235:本章回顾
课时236:课后作业(wx-job-12-1)

以上是关于微信小程序开发视频教程的主要内容,如果未能解决你的问题,请参考以下文章

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

微信小程序开发实战视频教程发布

[小程序开发] 微信小程序内嵌网页web-view开发教程

微信小程序开发视频教程

[小程序开发] 微信小程序内嵌网页web-view开发教程

微信小程序开发教程手册文档