全网整合营销服务商

小程序+公众号+微分销+社群+直播=微信社交电商

免费咨询热线:158-7174-1198

武汉微信小程序开发教程文档

武汉微信小程序开发教程文档

随着社会的发展,互联网新技术日益层出不穷。根植于微信内部的微信小程序,由于微信本身强大的社交属性带来了巨大的流量和超高的商业价值,其涉及的应用领域也在日益扩大,不久的将来很可能超过APP的数量。微信小程序(Mini Program)是一种轻量级的应用,它实现了应用“触手可及”的梦想,用户无需下载安装即可在微信中使用小程序。本课程将以项目驱动为宗旨,以丰富案例作实践,从零开始讲授微信小程序开发的入门基础知识与开发技巧。
 
课程目标及毕业要求指标点
 
目标1:了解微信小程序的特点、功能,学会从零创建一个微信小程序项目,并进行调试开发,提交代码。
 
目标2:了解小程序的基础框架、组件,学会灵活运用相关组件进行应用开发。
 
目标3:掌握微信小程序的各类应用API使用技巧和云开发技能,理解其运行原理。
 
目标4:掌握HTML、CSS、JavaScript知识并综合运用,包括布局样式设计和逻辑的处理等,根据应用需求实现完整的微信小程序项目的开发
 
课程重点、难点
 
 
重点:小程序框架原理,各类视图组件API的效果和使用方式,网络通信、媒体组件应用、文件操作、读写缓存等应用,小程序云开发方法。
难点:理解native、视图层和渲染层的通信原理,掌握 网络通信、媒体组件应用、文件操作、读写缓存等机制原理与限制,canvas画图和动画设计,小程序云开发技巧等。


 
 
04
 
教学内容和学时分配
 
(一)第1章 浅谈微信小程序    2学时
主要内容:介绍小程序的诞生、特点和主要功能,讲解如何注册开发者账号和完善信息、开发工具的下载与安装使用,以及简单小程序项目目录结构。
重点:微信小程序发者账号的创建,开发者工具的使用。
难点:熟悉开发者工具的使用及理解小程序项目各类主体文件的作用。
(二)第 2 章 小程序的视图与渲染      2学时
主要内容:介绍小程序的视图层及渲染过程,讲解各种页面的数据绑定方法,使用模板与引用代码段的步骤及其相关案例。
重点:WXML文件代码的基础语法,数据绑定与渲染标签。
难点:条件渲染及列表渲染的方法,模板的引用。
(三)第 3 章 小程序的事件             1学时
主要内容:介绍小程序的事件与事件对象的概念,讲解事件类型及事件绑定类型的案例。
重点:常用的事件对象及其对应的绑定方式。
难点:事件的两大类型冒泡与非冒泡事件,以及如何阻止冒泡事件。
(四)第 4 章【扶贫超市Part1】开发准备   1学时
主要内容:介绍扶贫超市实战项目的基本功能及需求分析,申请账号并新建项目,完成扶贫超市项目的第一部分内容。
重点:项目需求分析和功能模块划分,申请账号并创建项目雏形框架。
难点:项目需求分析和功能模块划分。
(五)第 5 章 小程序项目的配置与生命周期1学时
主要内容:介绍小程序项目的app.json全局配置,讲解小程序的生命周期和全局变量与函数。
重点:小程序项目的全局配置,页面、窗口、tabBar等配置方法。
难点:小程序的生命周期,app对象和变量函数。
(六)第 6 章 小程序页面的配置与生命周期2学时
主要内容:讲解微信小程序页面的窗口配置,页面生命周期函数及执行过程,并结合新闻客户端案例学习页面跳转和参数传递。
重点:掌握小程序的页面生命周期函数,页面跳转和参数传递的过程。
难点:理解小程序页面生命周期函数的执行顺序和过程。
(七)第 7 章【扶贫超市Part2】项目页面框架配置1学时
主要内容:完成扶贫超市项目页面框架配置,主要包含项目目录整理、项目tarBar配置以及项目窗口配置。
重点:项目目录结构的搭建与tarBar和window配置。
难点:项目页面框架的全局设计与属性值配置。
(八)第 8 章 页面布局2学时
主要内容:讲解视图层和基础布局模型flex的用法,相对定位与绝对定位布局,并通过简易计算器案例讲解布局实战。
重点:flex布局与相对、绝对定位布局。
难点:flex布局的理解和配置。
(九)第 9 章 小程序的样式基础2学时
主要内容:讲解样式的基本使用、样式属性的配置,以及样式选择器的使用。
重点:样式的基本用法和样式属性的配置。
难点:样式选择器的用法
(十)第 10 章 组件4学时
主要内容:按照功能分类依次介绍视图容器、基础内容、表单、导航、多媒体和地图组件的用法。
重点:掌握小程序视图层各类组件的用法
难点:小程序组件的运用场景,了解各组件的主要配置属性及效果
(十一)第 11 章 操作反馈工具与简单的界面API2学时
主要内容:讲解四种操作反馈工具toast、modal、loading和action-sheet的基本使用,并结合案例介绍几种页面反馈API的基本使用,包括设置背景、设置tabBar、动态加载字体、下拉刷新等。
重点:小程序各种页面反馈工具和界面API的使用
难点:tabBar与页面导航的切换方法,Background背景样式的设置
(十二)第 12 章【扶贫超市Part3】主要页面的UI2学时
主要内容:讲解扶贫超市项目的主要页面UI设计过程,包括首页页面、分类页面、购物车页面、“我的”页面、管理端商品管理页面等页面的UI设计。
重点:各主要页面的UI设计和样式代码编写。
难点:页面UI的flex布局和样式效果调试。

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。