三天学会微信小程序开发

新媒体时代，微信逐步扩张自身的触及范围，微信小程序的诞生与应用已成为日后移动互联网发展与应用的重要基础。微信小程序给整个移动互联网行业带来的又将是一次颠覆，APP无需下载即可方便使用，iOS与Android的兼容问题再也不是问题，一次开发，多平台兼容比起传统的APP开发大幅的降低了企业成本，成为中小微企业的福音。可以预见，微信小程序开发的需求必将引爆整个开发产业，并在未来的几年中持续保持高度活力。互联网时代流量就是金钱，11亿以上的微信用户是企业发展的潜力所在，企业如果能合理利用自身庞大的用户流量，尝试新的经营模式和广告运营模式，依靠微信庞大的用户支撑，小程序具有更广阔的发展空间，其最终产生的经济效益和社会效益将不可估量。青岛市人工智能产业协会现就做好微信小程序培训工作做如下计划:

一、培训目标

宏观目标：青岛市人工智能产业协会开展本次培训，旨在重点支持青岛人力资源和社会保障局关于2020年度工业互联网人才培养计划。协会结合实际情况制定了关于微信小程序开发技术人员技能提升培训，提升劳动者职业技能水平和就业创业能力，为助推十五个攻势和高质量发展提供坚实的技能人才支撑。

微观目标：通过学习本课程使学员迅速入门，找到制作小程序的简便方法。使学员了解小程序的原理、学会小程序样式UI的使用。了解小程序组件的使用、了解小程序API的使用、了解小程序的基础语法、能够实战做一个微信小程序企业站前端界面。

二、培训方式

三、培训对象

四、培训时长

培训时长：3天课程，共计24小时；

五、培训安排

六、课程详情

第一天 上午

（一）微信小程序样式入门到精通

01-元素选择器                     

02-ID选择器                     

03-ID派生选择器                 

04-class类选择器                

05-微信小程序中几种样式的写法    

06-背景颜色的设置                

07-文本2级栏目的建立

08-文本-text-align水平对齐  

09-文本-text-indent缩进文本  

10-文本-text-decoration文本装饰

11-文本-text-overflow 文本溢出  

12-文本-text-shadow文本阴影   

13-文本-text-transform字符转换

14-文本-word-break 自动换行的处理

15-文本-word-wrap 允许长单词换行

16-文本-word-spacing 单词间隔

17-文本-letter-spacing字母间隔

18-文本-direction 文本方向  

19-字体-font-size字体大小

20-字体-font-style字体风格  

21-字体-font-variant字体变形

22-字体-font-weight字体加粗

第一天 下午

23-outline轮廓

24-框模型概述   

25-框模型-padding内边距    

26-框模型-border边框    

27-框模型-margin外边距    

28-框模型-外边距合并    

29-定位-相对定位

30-定位-绝对定位   

31-定位-浮动    

32-定位概述

（二）微信小程序样式Flex Box精通课程

01课-简介和概述   

02课-flex容器属性-flex-direction项目排列方向  

03课-flex容器属性-flex-wrap项目换行

04课-flex容器属性-flex-flow属性

05课-flex容器属性-justify-content内容对齐(水平对齐)

06课-flex容器属性-align-items(垂直对齐)  

07课-flex容器属性-align-content设置各个行的对齐

08课-Flex项目的属性-order子元素的排序  

09课-Flex项目的属性-flex-grow项目的放大比例

10课-Flex项目的属性-flex-shrink项目的缩小比例  

11课-Flex项目的属性-flex-basis项目占据的主轴空间

12课-Flex项目的属性-flex综合属性设置   

13课-Flex项目的属性-align-self垂直对齐

14课-Flex项目的属性-margin（对齐和居中）

第二天 上午

（三）微信小程序常用组件00-课程说明

01-视图容器 view组件

02-可滚动视图区域 scroll-view组件

03-滑块视图容器 swiper组件

04-基础内容-图标icon组件

05-基础内容-文本Text组件

06-基础内容 progress进度条组件

07-导航 navigator 页面链接组件

08-按钮button组件

09-多选项目checkbox组件

10-多项选择器checkbox-group组件

11-表单form数据如何获取(实例checkbox)

12-输入框input组件

13-label组件

14-Picker-普通滚动选择器组件

15-Picker-时间滚动选择器组件

16-Picker-日期滚动选择器组件

17-Picker-省市区选择器组件

18-radio单选项目组件

19-radio-group单项选择器组件

20-slider 滑动选择器组件

21-switch开关选择器组件

22-textarea多行输入框组件

23-图片image组件

24-组件-web-view

第二天 下午

（四）微信小程序API使用大全

01-基础api-wx.canIUse

02-系统信息-wx.getSystemInfo

03-定时器-setInterval

04-定时器-setInterval+clearInterval

05-定时器-setTimeout

06-路由-wx.switchTab（tab切换）‍‍‍‍‍‍‍07-路由-wx.navigateTo和wx.navigateBack‍‍‍‍‍‍‍08-路由-wx.redirectTo（页面重定向）

09-路由-wx.reLaunch（重启动）

10-界面-交互-wx.showToast 消息提示框

11-界面-交互-wx.showModal 模态对话框

12-界面-交互-wx.showLoading和wx.hideLoading 加载提示框

13-界面-交互-wx.showActionSheet操作菜单

15-网络-wx.request 请求简单的字符串数据

16-网络-wx.request 向远程传递参数

17-网络-wx.request 请求Json对象数据

18-网络-wx.request 请求远程(对象)数组数据

19-数据缓存-wx.getStorageInfo 获取当前storage的相关信息

20-数据缓存-wx.setStorage 数据存储在本地缓存

21-数据缓存-wx.getStorage从本地缓存中获取指定key内容

22-数据缓存-wx.removeStorage从本地缓存中移除指定key

23-数据缓存-wx.clearStorage 清理本地数据缓存

24-用户 wx.login 获取登录凭证

25-code2Session获取用户唯一的openid

26-wx.getUserInfo获取用户信息

27-wx.getUserInfo获取用户信息

第三天 上午

第三天 下午

七、培训师资

八、报名须知

1.报名咨询：‍‍‍‍‍‍龚老师 15395360627（微信同号）；

2.两种报名方式：

（1）微信或电话联系龚老师直接报名；

（2）填写学员报名信息登记表，发邮件至gongjing@qingdaoai.cn；

3.开课通知：人工智能产业协会工作人员负责审核学员入学资格，并确认报名信息无误后向学员发送报名成功“确认函”，注意查收回复确认；

4.开班报到：学员按“确认函”的培训时间、地点准时报到。