IT营-微信小程序学习 qq群：869893378

 

小程序+Nodejs项目实战视频教程地址：https://www.itying.com/goods-885.html

 

5小时学会微信小程序入门教程课程介绍：

 

1、初识微信小程序：小程序和微信公众号的区别，小程序的应用场景和入口介绍，小程序开发文档、开发工具、开发指南、体验demo，小程序工具安装、介绍、创建小程序，小程序项目录结构分析。

 

2、小程序基础语法：快速创建小程序页面，小程序业务逻辑 .js，小程序  .wxml，小程序   .wxss，小程序绑定数据、条件判断、循环渲染数据 ，小程序事件、冒泡非冒泡事件、事件对象、获取数据、修改数据，小程序服务器数据请求 以及循环显示，小程序路由。

 

3、小程序配置、wxs、自定义组件：.json配置页面样式，pages配置页面，window配置视图样式，tabBar配置底部tab切换，微信小程序之视图渲染模板引用wxs，小程序自定义组件，小程序组件传值

 

4、小程序内置组件：view、scroll-view实现上拉分页加载更多等，微信小程序开发之view视图容器之swiper，视图内容 text icon progress，表单组件 button、input 、checkbox等，媒体组件 image 、 video 、 audio ，地图组件map，画布组件canvas，web-view、广告组件 ad。

 

 

5小时学会微信小程序入门视频教程目录介绍：

 

01微信小程序+Nodejs打造沃尔玛无人收银、微店无人值守货架、无人零售收银系统项目介绍 （6分41秒）

 

02初识微信小程序（11分36秒）

 

03创建小程序 注册小程序账户 小程序工具功能介绍 以及小程序的目录结构分析（17分30秒）

 

04小程序MINA框架介绍 wxml   wxss  pages逻辑层js 介绍 绑定数据、绑定属性、条件判断、循环渲染数据（22分26秒）

 

05微信小程序事件、方法、事件对象、方法传值、获取data数据、修改data数据、冒泡非冒泡事件（22分15秒）

 

06微信小程序app.json配置视图样式、配置底部tab切换、页面跳转配置页面里面的.json文件（24分48秒）

 

07微信小程序小小练习 小程序页面跳转传值、请求Api接口获取服务器数据【无人点餐系统菜品页面制作】 （34分6秒）

 

08 微信小程序小小练习  解决图片显示问题、页面跳转、以及通过api接口获取详情页面数据 【无人点餐系统菜品详情页面制作】（20分49秒）

 

09小程序wxParse插件 解析html数据 【解析无人点餐系统菜品详情页面html】（15分15秒）

 

10 微信小程序中的模块化utils 以及全局app.js 配置无人点餐项目公共的api地址【配置无人点餐项目公共api】(12分)

 

11 微信小程序中的WXS 脚本语言的使用 （18分24秒）

 

12 微信小程序中的自定义组件 注册组件（18分23秒）

 

13 微信小程序中的自定义组件 父子组件 组件事件 父子组件传值 （13分46秒）

 

14 微信小程序中的自定义组件 slot 子组件调用父组件的方法、父组件调用子组件的方法（19分41秒）

 

15 微信小程序自定义toast组件代码讲解（4分29秒）

 

16 小程序view 结合scroll-view结合真实新闻客户端api实现上拉分页加载更多（19分22秒）

 

17 小程序view 结合scroll-view结合真实新闻客户端api实现上拉分页加载更多 重复请求  没有数据不请求（6分53秒）

 

18 微信小程序 导入小程序代码、导入代码片段 、官方组件介绍以及实现swiper组件( 18分57秒 )

 

19 微信小程序 video  cover-view  cover-image 组件的使用( 18分46秒 )

 

20 微信小程序基础内容组件 icon 、text 、rich-text、progress( 15分34秒 )

 

21 微信小程序表单组件 button  checkbox  form  input  label  radio  slider  switch  textarea  获取表单数据（24分32秒）

 

22 微信小程序表单组件 picker picker-view 实现日期  区域  联动选择（27分18秒）

 

23 微信小程序媒体组件 images显示图片以及实现多图预览功能（9分2秒）

 

24 微信小程序媒体组件camera、audio、video、live-player、live-pusher（23分26秒）

 

25 open-data  web-view 以及 canvas、map简单介绍（4分）

 

微信小程序项目实战地址：www.itying.com/goods-885.html