微信小程序课程目录

引言

大家好，我是傲途微信小程序的tommy，我们专注于微信小程序的视频培训。

关于什么是微信小程序，百度之后就知道现在这个由微信推出来的app技术不久的将来一定会很火！

在这里就不向大家过多的介绍微信小程序是什么，百度文章一大堆。

我们这里主要是做的微信小程序的视频培训课程，每次会提前将课程的相关文案通过博客、微信公众平台等渠道公布，有兴趣的朋友可以了解相关内容，希望对大家有帮助。

一 微信小程序介绍

1.1微信小程序介绍

2.2什么是小程序

3.3小程序能干什么

 

 

二 微信小程序开发工具及文档简介

2.1 开发工具介绍

2.2 官方开发工具获取方式

2.3 开发工具安装

2.4 登录方式

2.5 建立一个DEMO

 

三 微信小程序基础课程

3.1  html5 表单元素主要介绍

   3.1.1 div 标签，容器的概念，标签属性的概念 布局

   3.1.2 image元素

   3.1.3 video元素

   3.1.4 form表单 的作用及用法

   3.1.5 input 元素

   3.1.6 button元素

   3.1.7 lable元素

3.2 css3相关知识学习

   3.2.1 css的定义及作用

   3.2.2 书写规范

   3.2.3 使用方式

   3.2.4 常用的样式属性：width,height,display,

3.3 javascript学习

   3.3.1 javascript的定义

   3.3.2 如何申明变量

   3.3.3 对象及数组

   3.3.4 函数的建立及使用

   3.3.5 jQuery的使用

   3.3.6 利用jquery的ajax请求数据

   3.3.7 json对象的使用

3.4 .小程序开发文档

     3.4.1 查看开发文档

     3.4.2 框架

     3.4.3 组件

     3.4.4 API

四 微信小程序实例及目录文件讲解

 

4.1 小程序文件讲解

  4.1.1 小程序的建立

  4.1.2 pages文件夹的作用

  4.1.3 utils文件夹讲解

  4.1.4 app.js讲解

  4.1.5 app.json文件的作用

  4.1.6 app.wxss文件的作用

  4.1.6 wxml文件的作用

 

4.2 如何调试及预览

   4.2.1 加上底部导航并预览

   4.2.2 修改wxml布局文件

   4.2.3 如何增加页面

   4.2.4 实现页面跳转

 

4.3 功能模块的注册及使用方式

   4.3.1 模块文件的构建

   4.3.2 如何使用模块文件

 

4.4 组件讲解

      4.4.1 view 视图容器

      4.4.2 scroll-view可滚动视图区域

      4.4.3 swiper滑块视图容器组件

 

      4.4.4 button组件

      4.4.5 radio,checkbox 组件

      4.4.6 form 表单组件

   4.4.7 input 输入框

   4.4.8 silder 滑块

   4.4.9 switch 开关选择器

   4.4.10 picker 滚动选择器

 

   4.4.11 action-sheet 从屏幕底部出现的菜单表

   4.4.12 modal 模态弹窗

   4.4.13 toast 消息提示框

   4.4.14 loading 加载提示

 

   4.4.15 navigator组件

 

   4.4.16 audio 音频组件

   4.4.17 image 图片组件

   4.4.18 video 视频组件

 

   4.4.19 map地图组件

 

   4.4.20 canvas 画布

 

4.5 原生API

 

  4.5.1 网络api

  4.5.1.1 wx.request 请求

  4.5.1.2 wx.uploadFile 上传文件到服务器

  4.5.1.3 wx.downFile 下载文件到本地

  4.5.1.4 wx. WebSocket

 

  4.5.2 媒体API

  4.5.2.1 图片api

  4.5.2.1.1 wx.chooseImage 图片选择

  4.5.2.1.2 wx.previewImage 图片预览

 

  4.5.2.2 音频api

  4.5.2.2.1 wx.startRecord 开始录音

  4.5.2.2.2 wx.stopRecord() 停止录音

 

  4.5.2.3 音频播放api

  4.5.2.3.1 wx.playVoice

     4.5.2.3.2 wx.pauseVoice()

     4.5.2.3.3 wx.stopVoice()

 

     4.5.2.4 音乐播放api

     4.5.2.4.1 wx.getBackgroundAudioPlayerState 获取音乐播放状态。

     4.5.2.4.2 wx.playBackgroundAudio 播放音乐，同时只能有一首音乐正在播放

     4.5.2.4.3 wx.pauseBackgroundAudio 暂停播放音乐。

     4.5.2.4.4 wx.seekBackgroundAudio 控制音乐播放进度。

     4.5.2.4.5 wx.stopBackgroundAudio 停止播放音乐。

     4.5.2.4.6 wx.onBackgroundAudioPlay 监听音乐播放。

     4.5.2.4.7 wx.onBackgroundAudioPause 监听音乐暂停。

     4.5.2.4.8 wx.onBackgroundAudioStop 监听音乐停止。

 

     4.5.2.5 文件api

     4.5.2.5.1 wx.saveFile 保存文件到本地

 

     4.5.2.6 视频api

     4.5.2.6.1 wx.chooseVideo 从设备中选择视频

 

  4.5.3数据缓存

  4.5.3.1 wx.setStorage 将数据存储在本地缓存中指定的 key 中，异步

  4.5.3.2 wx.setStorageSync 将 data 存储在本地缓存中指定的key 中，同步

  4.5.3.3 wx.getStorage 从本地缓存中异步获取指定key 对应的内容

  4.5.3.4 wx.getStorageSync 从本地缓存中同步获取指定key 对应的内容

  4.5.3.5 wx.clearStorage 清理本地数据缓存

  4.5.3.6 wx.clearStorageSync 同步清理本地数据缓存

 

 

 

 

  4.5.4位置

  4.5.4.1 wx.getLocation 获取当前的地理位置、速度

  4.5.4.2 wx.openLocation 使用微信内置地图查看位置

 

  4.5.5设备信息

  4.5.5.1 wx.getNetworkType  获取网络类型

  4.5.5.2 wx.getSystemInfo 系统信息

  4.5.5.3 wx.onAccelerometerChange 监听重力感应数据

  4.5.5.4 wx.onCompassChange 监听罗盘数据

 

  4.5.6界面

  4.5.6.1 wx.setNavigationBarTitle 动态设置当前页面的标题。

  4.5.6.2 wx.navigateTo() 导航保留当前页面，跳转到应用内的某个页面

  4.5.6.3 wx.createAnimation() 创建动画

  4.5.6.4 wx.createContext() 创建并返回绘图上下文context对象。

  4.5.6.5 wx.hideKeyboard() 收起键盘

  4.5.6.6 wx.stopPullDownRefresh() 下拉刷新

 

  4.5.7其他接口（登录，微信支付）

     4.5.7.1 wx.login 微信登录

     4.5.7.2 wx.getUserInfo() 获取用户信息

     4.5.7.3 wx.requestPayment 微信支付

     4.5.7.4 模板消息

 

 

五 微信小程序新闻类app的小程序版的实现

5.1 幻灯效果

  5.1.1.view容器的使用

  5.1.2 swiper的使用

  5.1.3 request数据的获取

  5.1.4 wx:for的使用方式

5.2app中分类导航的实现

  5.2.1 使用实现

  5.2.2 通过wxss来控制布局

5.3如何实现新闻列表

  5.3.1 navigator

  5.3.2 标题，图片列表形式

 

5.4新闻内容的实现

  5.4.1 页面参数传递

  5.4.2 详细内容获取

 

5.5 评论功能的实现

  5.5.1 获取用户输入

  5.5.2 request数据提交

  5.5.3 toast组件应用

 

为了方便大家交流学习，我们建立了自己的微QQ交流群和微信公众号，QQ交流群用于微信小程序在线交流。微信公众号用于及时的给本培训课程的爱好者发布第一手资料

QQ交流群：594051981

微信公众号：