《小程序企业开发实战》课程教学大纲
学 分:3学分
学 时:45学时 (其中:讲课学时:30 上机学时:15 )
适用专业:通识选修课、专业拓展课
先修课程:计算机基础、计算机网络、HTML5+CSS3+JavaScript
一、课程的性质与目标
《小程序开发实战》是专注于小程序开发的Web前端教材,涉及小程序框架、文件配置、WXML语法、WXSS布局、WXS语法、页面组件、应用接口API、云开发模式、不出所料第三方组件的使用等。通过本课程的学习,学生能够理解小程序的实质,掌握小程序开发的基本技能,快速高效的开发小程序。提高学生对计算机科学与技术的兴趣,促进学生能在未来的学习和工作中,使用“计算机思维”来解决实际问题,全面提高学生的综合素质。
二、课程设计理念与思路
课程设计理念:高等职业教育不仅注重对专业知识和技能的传授,也注重对学生综合素质的培养,不局限于个人选择的专业,有助于个人潜力能够得到最大限度的发挥。在全球云计算和移动互联的产业背景下,在高等教育的通识教育中增加有关计算机技术基础知识与能力的课程,有助于非计算机专业大学生综合素质的提高。
课程设计思路:小程序企业开发实战作为一门选修课,让学生把一门程序设计语言掌握到实用的程度较有难度。本课程并非简单介绍小程序开发的理论内容,而是将理论讲解与实际操作相结合,其中所涉及的大部分知识点适用于所有编程的基础知识,如变量、运算符、选择语句和标签概念等。可潜移默化地培养学生程序化、系统化的思维模式,让学生能够使用逻辑思维解决问题。同时,培养学生的自学能力。软件技术的发展日新月异,教材不能做到和语言同步,互联网的存在为自学掌握一门技能提供了便捷,可以让学生自己分析问题、动手编程和,在此过程中,学生上网查阅相关资料,能够更新知识,并逐渐具备独立研究的能力。
三、教学条件要求
操作系统:Windows 10
开发工具:开发者工具
四、课程的主要内容及基本要求
第一章 小程序简介
学习单元 | 第一章 小程序简介 | 学时 | 1学时 | ||||
学习目标 | 1.掌握小程序的概念 2.了解小程序与的区别 3.了解小程序的优势与特点 4.了解小程序的应用场景 | ||||||
学习内容 | 知识点 | 了解 | 掌握 | 重点 | 难点 | 可选 | |
小程序的定义 | √ | ||||||
小程序的诞生 | √ | ||||||
韭菜花酱的做法小程序与 | √ | ||||||
小程序与App | √ | ||||||
小程序不是HTML5 | √ | ||||||
小程序是功能性 | √ | ||||||
小程序的优势与特点 | √ | ||||||
小程序的生态及应用 | √ | ||||||
独立的软件生态系统 | √ | ||||||
小程序社区 | √ | ||||||
小程序的应用场景 | √ | ||||||
小程序的未来发展 | √ | ||||||
第二章 开发者工具
学习单元 | 乔家的儿女乔七七结局第二章 开发者工具 | 学时 | 3学时 | ||||
学习目标 | 1.理解公众平台的概念 2.掌握小程序的账号申请与登录操作 3.掌握开发者工具的安装与使用 4.掌握开发者工具代码编写与调试 | ||||||
学习内容 | 知识点 | 了解 | 掌握 | 重点 | 难点 | 可选 | |
申请小程序账号 | √ | ||||||
登录公众平台 | √ | ||||||
开发者工具介绍 | √ | ||||||
安装开发者工具 | √ | ||||||
启动开发者工具 | √ | ||||||
菜单栏介绍 | √ | ||||||
工具栏介绍 | √ | ||||||
窗口介绍 | √ | ||||||
开发者工具的功能设置 | 进入系统后黑屏√ | ||||||
开发者工具的代码编辑 | √ | ||||||
小程序调试 | √ | ||||||
小程序开发辅助设置 | √ | ||||||
新建小程序项目 | √ | ||||||
小程序的代码编写 | √ | ||||||
小程序的预览与发布 | √ | ||||||
第三章 小程序起步
学习单元 | 第三章 小程序起步 | 学时 | 4学时 | ||||
学习目标 | 1.理解小程序的代码结构 2.理解小程序的渲染机制 3.掌握小程序的基本开发能力 4.掌握小程序组件化 | ||||||
学习内容 | 知识点 | 了解 | 掌握 | 重点 | 难点 | 可选 | |
小程序开发与传统前端开发的区别 | √ | ||||||
WXML模板 | √ | ||||||
WXSS样式 | √ | ||||||
JS脚本 | √ | ||||||
JSON配置 | √ | ||||||
小程序的渲染机制 | √ | √ | |||||
程序与页面 | √ | ||||||
小程序的内置组件 | √ | ||||||
小程序的API | √ | ||||||
小程序的事件处理 | √ | ||||||
原生CSS布局 | √ | ||||||
界面交互反馈 | √ | ||||||
HTTPS 网络通信 | √ | ||||||
本地数据缓存 | √ | ||||||
连接设备硬件 | √ | ||||||
开放能力 | √ | ||||||
小程序基础组件 | √ | ||||||
自定义组件 | √ | ||||||
第三方组件库 | √ | ||||||
第四章 小程序的配置文件
学习单元 | 第四章 小程序的配置文件 | 学时 | 5学时 | |||
学习目标 | 1.了解小程序配置文件的类型 2.掌握小程序的全局配置和页面配置项 3.掌握小程序窗口配置项理解多态的概念 | |||||
学习内容 | 知识点 | 了解 | 掌握 | 重点 | 难点 | 可选 |
全局配置文件-页面路径配置 | √ | |||||
全局配置文件-启动首页配置 | √ | |||||
全局配置文件-窗口样式配置 | √ | |||||
全局配置文件-tab栏配置 | √ | |||||
全局配置文件-网络超时配置 | √ | |||||
全局配置文件-小程序接口权限配置 | √ | |||||
全局配置文件-小程序样式版本配置 | √ | |||||
全局配置文件-全局自定义组件配置 | √ | |||||
页面配置文件-导航栏配置 | √ | |||||
页面配置文件-窗口配置 | √ | |||||
页面配置文件-页面加载配置 | √ | |||||
sitemap配置文件介绍 | √ | |||||
小程序的索引规则 | √ | |||||
项目配置文件 | √ | |||||
第五章 WXML语法基础
学习单元 | 缅怀革命先烈手抄报内容第五章 WXML语法基础 | 学时 | 6学时 | ||||
学习目标 | 1.理解 WXML 的设计理念 2.掌握 WXML 的基础语法 3.掌握 WXML 的数据绑定与数据渲染 4.掌握小程序的事件处理机制 | ||||||
学习内容 | 知识点 | 了解 | 掌握 | 重点 | 难点 | 可选 | |
WXML 文件介绍 | √ | ||||||
数据绑定-简单内容绑定 | √ | ||||||
数据绑定-属性绑定 | √ | ||||||
数据绑定-模板运算 | √ | ||||||
数据绑定-标记的公共属性 | √ | ||||||
条件渲染-基础语法 | √ | ||||||
条件渲染与隐藏属性 | √ | ||||||
列表渲染-基本语法 | √ | ||||||
列表渲染-key属性 | √ | ||||||
模板与引用-WXML 模板 | √ | ||||||
模板与引用-WXML 引用 | √ | √ | |||||
事件处理-什么是事件 | √ | ||||||
事件处理-事件类型和事件对象 | √ | ||||||
事件处理-事件绑定与冒泡捕获 | √ | ||||||
第六章 WXSS样式处理
学习单元 | 第六章 WXSS样式处理 | 学时 | 3学时 | ||||
学习目标 | 1.掌握 WXSS 的特性 2.理解 rpx 单位的概念 3.掌握小程序内联样式的使用 4.掌握 WXSS 的布局 5.掌握 WXSS 的特性 6.理解 rpx 单位的概念 7.掌握小程序内联样式的使用 8.掌握 WXSS 的布局 | ||||||
学习内容 | 知识点 | 了解 | 掌握 | 重点 | 难点 | 可选 | |
尺寸单位-rpx | √ | ||||||
尺寸单位-rem | √ | ||||||
选择器 | √ | ||||||
样式导入-内联样式 | √ | ||||||
样式导入-外联样式导入 | √ | ||||||
布局-盒子模型 | √ | ||||||
布局-浮动和定位 | √ | √ | |||||
布局-Flex 布局 | √ | ||||||
第七章 WXS语法
学习单元 | 第七章 WXS语法 | 学时 | 4学时 | |||
学习目标 | 1.理解 WXS 与 JavaScript 的区别 2.掌握 WXS 的基础语法 | |||||
学习内容 | 白玫瑰花语是什么意思知识点 | 了解 | 掌握 | 重点 | 难点 | 可选 |
WXS 介绍 | √ | |||||
基础语法-WXS 模块 | √ | √ | ||||
基础语法-变量 | √ | |||||
基础语法-注释 | √ | |||||
基础语法-运算符 | √ | |||||
基础语法-语句 | √ | |||||
基本数据类型 | √ | |||||
引用数据类型 | √ | |||||
正则表达式 | √ | |||||
数据类型判断 | √ | |||||
基础类库 | √ | |||||
第八章 小程序中的JavaScript
学习单元 | 第八章 小程序中的JavaScript | 学时 | 3学时 | |||
学习目标 | 1.理解小程序的运行环境 2.理解 ECMAScript 标准的概念 3.掌握小程序的生命周期函数 4.掌握小程序的模块化开发 | |||||
学习内容 | 知识点 | 了解 | 掌握 | 重点 | 难点 | 可选 |
MINA框架介绍 | √ | √ | ||||
小程序启动机制 | √ | |||||
小程序加载机制 | √ | |||||
小程序对 JavaScript 的支持 | √ | |||||
小程序宿主环境差异 | √ | |||||
小程序应用的生命周期 | √ | |||||
小程序页面的生命周期 | √ | √ | ||||
小程序模块化 | √ | |||||
小程序的API | √ | |||||
第九章 小程序核心组件
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论