《小程序开发技术》配套教学教案
第1章
课时内容
初识小程序
授课时间
90分钟
课时
2
教学目标
  了解小程序的发展历程。
  掌握小程序的注册过程。
  掌握小程序开发工具的安装过程。
教学重点
  了解小程序的注册及功能。
教学难点
  了解小程序开发工具的使用方法和技巧。
教学设计
1.教学思路：通过对小程序的概述、发展历程及应用的讲解了解小程序。
2.教学手段：通过对小程序开发工具的解析了解开发工具及使用方法。
3.教学资料及要求：从网上下载开发工具并安装、使用，来加深开发者对小程序的理解。
教学内容
讨论问题：1.小程序的发展历程经历了哪些时间节点？
          2.小程序的应用领域有哪些？
        3.小程序开发工具常用的快捷键有哪些？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
1.1  认识小程序
      1.1.1  发展历程
      1.1.2  小程序功能
      1.1.3  小程序的注册
1.2  安装开发工具
1.2.1  下载与安装
1.2.2  开发工具功能介绍
      1.2.3  常见快捷键
小结
1.了解小程序的发展历程、功能和注册方式。
2.熟悉小程序的安装开发工具。
3.熟悉小程序的开发。
第2章
课时内容
技术框架
授课时间
180分钟
课时
4
教学目标
  了解WXML标签语言的概念。
  掌握数据绑定、页面渲染的使用方法。
  掌握事件绑定和常用事件的使用方法。
  熟悉模板与引用的使用方法。
教学重点
  了解WXML标签语言。
  了解小程序的总体技术框架。
教学难点
  掌握小程序总体技术框架的开发方法。
  掌握插件的开发方法。
教学设计
1．教学思路：（1）通过对技术框架的讲解了解小程序的结构；（2）拆解技术框架，深入讲解框架各部分内容。
2．教学手段：（1）通过操作演示掌握总体技术框架逻辑；（2）通过对总体技术框架的解析使开发者深入学习框架各个部分的特点。
3．教学资料及要求：使用小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：1.小程序总体的技术框架有哪些部分？
                2.逻辑层由什么语言编写？
3.视图层由什么语言编写？
4.插件的作用？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
2.1  总体技术框架
2.1.1  运行机制
2.1.2  启动配置
        2.1.3  目录结构
2.2  逻辑层
2.2.1  程序注册
2.2.2  路由与场景值
2.2.3  模块化和API
2.3  视图层
        2.3.1  WXML
      2.3.2  WXSS
      2.3.3  基础组件
2.4  组件事件与行为数据缓存插件
2.4.1  开发插件
2.4.2  使用插件
2.4.3  插件功能页
小结
1.了解小程序的总体框架开始、运行机制、启动配置和目录结构。
2.掌握逻辑层的程序注册、路由与场景值、模块化和API。
3.掌握视图层的标签语言WXML、样式语言WXSS、组件等。
4.掌握如何开发和使用小程序插件。
第3章
课时内容
WXML标签语言
授课时间
180分钟
课时
4
教学目标
  了解WXML标签语言的概念。
  掌握数据绑定和页面渲染的使用方法。
  掌握事件绑定和常用事件的使用方法。
  熟悉模板和引用的使用方法。
教学重点
  掌握小程序的WXML标签语言。
教学难点
  掌握WXML标签语言的语法规范。
  掌握WXML标签语言的数据绑定。
  掌握WXML标签语言的页面渲染。
  掌握WXML标签语言的事件。
  掌握WXML标签语言的模板与引用。
教学设计
1.教学思路：通过讲解WXML的语法，让开发者掌握WXML的数据绑定、页面渲染、事件、模板与引用。
2.教学手段：通过课上对程序讲解，让开发者掌握WXML的语法，并安排课后练习。
3.教学资料及要求：使用小程序的开发工具，实现课程所讲内容。
教学内容
讨论问题：1.WXML的语法规则是？
          2.WXML的特点是？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
3.1  语法规范
3.2  数据绑定
        3.2.1  简单绑定
        3.2.2  运算绑定
        3.2.3  组合绑定
3.3  页面渲染
3.3.1  列表渲染
3.3.2  条件渲染
3.4  事件
3.4.1  事件分类
javascript游戏引擎
3.4.2  事件绑定
3.4.3  冒泡与非冒泡事件
3.5  模板与引用
      3.5.1  模板
      3.5.2  引用
小结
分别从语法规范、数据绑定、页面渲染、事件，以及模板与引用这几个方面深入详细地讲解小程序的 WXML 标签语言，为后续的学习打下扎实的基础。
第4章
课时内容
WXSS样式语言
授课时间
180分钟
课时
4
教学目标
  了解WXSS样式语言的概念。
  了解WXSS的尺寸单位。
  掌握选择器的使用方法。
  掌握样式的使用方法。
教学重点
  掌握小程序的WXSS样式语言。
教学难点
  掌握WXSS样式语言的选择器。
  掌握WXSS样式语言的样式使用。
教学设计
1.教学思路：通过讲解WXSS样式语言，让开发者掌握WXSS的选择器与样式使用。
2.教学手段：通过课上对程序讲解，让开发者掌握WXSS，并安排课后练习。
3.教学资料及要求：使用小程序的开发工具，实现课程所讲内容。
教学内容 
讨论问题：1.什么是物理像素？
2.什么是逻辑像素？
3.什么是像素比？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
4.1  尺寸单位
4.1.1  物理像素
4.1.2  逻辑像素
4.1.3  像素比
4.2  选择器
4.2.1  类选择器
4.2.2  ID选择器
4.2.3  组合选择器
4.3  样式使用
4.3.1  样式导入
4.3.2  内联样式
4.3.3  全局样式与局部样式
小结
分别从尺寸单位、选择器、样式使用这几个方面进行深入详细的讲解小程序的WXSS样式语言，为后续的学习打下扎实的基础。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。