WebH5移动端开发培训

模块

课程内容

项目贯穿

实训目标

Vue.js组件库

自定义复杂页面组件、基于最新版Vue.js的PC端组件库ElementUI：容器和布局、页面小组件、表单扩展组件、数据呈现组件、对话框和导航组件、复杂组件；移动UI组件库Mint UI，JS组件（Loadmore、InfiniteScroll、Swipe、LazyLoad等）、CSS组件（Tabbar、Navbar、Cell Swipe、Search等）、表单组件（Switch、Checklist、Field等）

“学子商城”移动版客户端

掌握基于Vue.js的生态系统中提供的常见UI组件库的原理和使用方法，掌握自定义UI组件的方法，掌握更多的扩展组件库的自学技巧

阶段项目

“学子商城”移动端子系统：使用基于Vue.js的移动端组件库实现商品模块、用户模块和购物车模块的功能点

掌握Vue.js整合第三方UI组件库的使用方法，熟练使用Mint UI移动组件库编写WebApp应用

H5高级

表单功能、增强的表单控件、新表单元素及属性、表单验证、音频和视频处理、Canvas绘制及图像处理、S VG元素及使用、EC ha r t s和数据可视化、Two.j s框架的使用、G e o lo c at io n A PI、百度地图A PI、Web Stor age A PI（ses sionStor age和lo c a l Sto r a ge）、H T M L 5拖放、拖放事件及相关对象、We b Worker和性能优化、Web Socket和消息推送、Socket.IO框架

“学子商城”项目细节优化

熟练掌握HTML5的各种新特性，能够熟练使用新表单特性实现页面功能，能够实现页面中的音视频处理，实现复杂绘图以及图表绘制，实现页面的地理定位操作以及页面的离线存储功能，使用Web Worker进行性能优化，WebSocket协议实现服务器端数据推送

阶段项目

“学子商城”后台管理子系统功能迭代：推送式应用统计、实时访问可视化统计、历史记录等、富客户端编辑器、拖放式异步文件上传等

分析页面功能需求，能够熟练使用HTML5的相关技术实现Web应用开发，使用原生技术完成整个项目的PC版本的开发，熟练掌握原生代码开发技能

小程序和轻应用

微信开发准备（*括帐号注册、空间申请、域名解析等）、微信小程序开发、WXML／WXSS语法、微信小程序常用组件及API、mpvue、支付宝小程序、百度智能小程序

“学子商城”项目的微信推广功能

了解微信公众平台开发及维护的相关知识，掌握微信产品设计和接口开发实现的相关技能，能够基于微信平台开发微信应用小程序，了解支付宝、百度等平台下小程序和轻应用的实现方法

阶段项目

“学子商城”小程序子系统开发：微信小程序版本实现商品模块、用户模块和购物车模块功能点

熟练掌握微信小程序的开发流程、常用组件和常用AP

HybridApp混编APP

概述、PhoneGap/Cordova环境搭建、移动端事件处理、震动蜂鸣和加速度、地理位置和指南针等传感器的使用、多媒体控制、声音和图像采集、APP打*部署

APP版本的打*部署

熟练使用PhoneGap/Cordova实现混编APP开发，熟练完成APP的打*和部署