移动互联网应用开发WebApp课程教案
移动互联网应用开发(WebApp)课程教案
移动互联网应用开发(WebApp)课程教案一、课程简介1.1 课程背景移动互联网的快速发展，使得WebApp成为越来越受到关注的技术。
本课程旨在让学生掌握WebApp的基本开发技能，了解WebApp开发流程，培养学生独立开发WebApp的能力。
1.2 课程目标掌握HTML、CSS、JavaScript基础熟悉WebApp的基本框架和组件学会使用主流的WebApp开发工具和库了解WebApp的运行机制和性能优化具备WebApp项目开发经验和团队协作能力二、教学内容2.1 移动互联网概述移动互联网发展历程移动互联网产业链介绍WebApp与原生App的对比2.2 HTML&CSS基础HTML基本结构与标签CSS语法与选择器盒子模型与布局响应式设计2.3 JavaScript基础JavaScript语法与数据类型函数与事件处理DOM操作与异步编程ES6+新特性2.4 WebApp基本框架与组件Bootstrap、Foundation等框架介绍React、Vue、Angular等前端框架介绍组件化开发与封装三、教学方法3.1 授课方式理论讲解与案例分析相结合课堂互动与讨论项目实践与点评3.2 实践教学安排课后练习与实践项目引导学生参与实际项目开发组织团队协作与答辩四、课程安排4.1 授课时间共计32课时，每课时45分钟每周2课时，共16周4.2 课程大纲第1-4周：移动互联网概述、HTML&CSS基础第5-8周：JavaScript基础、WebApp基本框架与组件第9-12周：项目实践与点评、性能优化与调试第13-16周：团队项目开发与答辩五、考核方式5.1 平时成绩课后练习与实践项目（30%）课堂互动与讨论（30%）5.2 期末成绩个人项目开发与展示（30%）团队项目开发与答辩（40%）六、教学资源6.1 教材与参考书《HTML与CSS设计与构建网站》，作者：Jon Duckett 《JavaScript高级程序设计》，作者：张容铭《响应式Web设计：HTML5和CSS3实战》，作者：Ben Frn 《Web性能权威指南》，作者：Steve Souders6.2 在线资源MDN Web Docs (Mozilla Developer Network)W3Schools在线教程Stack Overflow社区Vue.js、React官方文档6.3 工具与框架Visual Studio Code编辑器Git版本控制系统Bootstrap、Foundation框架React、Vue、Angular框架七、教学评估7.1 学生评估平时练习完成情况项目实践的质量与创新性团队协作与沟通能力7.2 教学反馈定期收集学生反馈，了解教学效果调整教学方法与内容，提高教学质量鼓励学生提出问题与建议，促进教学相长八、教学案例8.1 案例一：简单的WebApp页面目标：创建一个包含、段落和图片的WebApp页面技术要点：HTML、CSS、JavaScript基础8.2 案例二：天气查询应用目标：开发一个可以查询当天天气的WebApp技术要点：HTML、CSS、JavaScript、AJAX8.3 案例三：待办事项列表目标：实现一个可以添加、删除待办事项的WebApp 技术要点：React框架、状态管理、组件化开发九、教学拓展9.1 主题讲座邀请行业专家进行主题讲座，分享WebApp开发经验安排线上或线下交流活动，拓宽学生视野9.2 项目实践组织学生参加WebApp开发比赛或实习项目鼓励学生自主创业，将所学知识应用于实际项目中9.3 技术研讨成立技术研究小组，研究WebApp前沿技术定期组织研讨会，促进学生之间的交流与合作十、教学总结10.1 课程回顾总结本课程的主要知识点与技能点回顾学生的学习情况与成果10.2 反馈与改进收集学生、同行教师的反馈意见针对教学过程中存在的问题进行改进10.3 展望未来介绍WebApp开发领域的最新趋势鼓励学生继续深入学习，不断提高自身能力重点和难点解析一、课程简介1.1 课程背景：理解移动互联网的发展趋势和WebApp在其中的地位，认识到学习WebApp开发的重要性。
移动互联网应用开发WebApp课程教案
移动互联网应用开发WebApp课程教案第一章：移动互联网应用开发概述1.1 移动互联网应用开发背景1.2 移动互联网应用开发的优势1.3 移动互联网应用开发的挑战1.4 移动互联网应用开发的基本概念1.5 本章小结第二章：WebApp基础知识2.1 WebApp的定义与特点2.2 WebApp的运行原理2.3 HTML5与CSS3基础2.4 JavaScript基础2.5 本章小结第三章：WebApp开发环境搭建3.1 搭建开发环境的选择3.2 安装与配置Node.js3.3 安装与配置Webpack3.4 安装与配置Babel3.5 本章小结第四章：WebApp界面设计4.1 界面设计原则4.2 界面布局与结构4.3 界面元素与样式4.4 响应式设计4.5 本章小结第五章：WebApp功能实现5.1 数据存储与访问5.2 网络请求与响应5.3 事件处理与交互5.4 状态管理5.5 本章小结第六章：前端框架与库6.1 前端框架介绍6.2 React基础6.3 Vue.js基础6.4 Angular基础6.5 本章小结第七章：后端技术7.1 后端技术概述7.2 Node.js后端开发7.3 Express框架7.4 MongoDB数据库7.5 本章小结第八章：WebApp性能优化8.1 性能优化的重要性8.2 页面加载优化8.3 代码优化8.4 资源压缩与懒加载8.5 本章小结第九章：WebApp测试与调试9.1 测试的重要性9.2 单元测试与集成测试9.3 端到端测试9.4 性能测试9.5 调试技巧与工具9.6 本章小结第十章：WebApp部署与维护10.1 部署策略与选择10.2 自动化部署工具10.3 服务器与域名10.4 安全性与防护10.5 应用维护与更新10.6 本章小结重点解析本教案涵盖了移动互联网应用开发WebApp的全面知识，重点包括：1. 移动互联网应用开发背景、优势、挑战及基本概念。
移动互联网应用开发WebApp课程教案
移动互联网应用开发WebApp课程教案第一章：移动互联网应用开发概述1.1 课程介绍了解移动互联网应用开发的概念、特点和前景掌握WebApp的基本架构和开发流程1.2 移动互联网应用开发的背景和意义了解移动互联网的发展历程和现状理解移动互联网应用开发对个人和企业的重要性1.3 WebApp的开发环境和技术栈掌握HTML、CSS和JavaScript的基本语法熟悉WebApp开发所需的主要框架和库，如React、Vue等第二章：WebApp的基本架构和开发流程2.1 WebApp的基本架构理解WebApp的客户端、服务器和数据库三大部分掌握WebApp的页面结构、组件设计和数据交互方式2.2 WebApp的开发流程掌握需求分析、界面设计、功能实现、测试和部署等基本步骤熟悉版本控制和协同开发工具，如Git和GitHub第三章：HTML和CSS基础3.1 HTML基本语法掌握HTML标签、属性、注释和文档结构熟悉块级元素、内联元素和表格等常用元素3.2 CSS样式设计掌握选择器、属性和值的基本语法熟悉盒模型、布局、样式优先级和响应式设计第四章：JavaScript基础4.1 JavaScript基本语法掌握变量、数据类型、运算符、表达式和语句熟悉函数、事件处理和异步编程4.2 DOM操作和事件处理掌握DOM树、节点和属性操作理解事件流、事件处理程序和事件对象第五章：React框架入门5.1 React基础知识理解React的虚拟DOM、组件和JSX语法掌握React的状态管理和生命周期方法5.2 React组件和UI库熟悉组件的分类、创建和使用掌握常用UI库，如Ant Design、Material-UI等第六章：React状态管理库Redux6.1 Redux基本概念理解Redux的三大原则：单一状态树、纯函数更新和中间件掌握Redux的核心概念：store、action、reducer和middleware 6.2 使用Redux学习如何创建action、reducer和action creator掌握如何将Redux集成到React项目中，使用connect函数连接组件和reducer 第七章：React Router for Navigation7.1 React Router概述理解React Router的作用和基本概念，如路由、路由来切换和导航熟悉React Router的版本变迁，了解v5和v6的主要区别7.2 使用React Router学习如何安装和配置React Router掌握如何创建路由组件、嵌套路由和编程式导航第八章：WebApp的数据存储和API交互8.1 浏览器存储机制理解HTML5的localStorage和sessionStorage学习使用IndexedDB和WebSQL进行复杂数据存储8.2 API交互和数据处理掌握Fetch API和Axios库的使用，进行请求理解RESTful API设计原则，学习如何设计和使用API第九章：WebApp的性能优化和安全措施9.1 WebApp性能优化掌握页面性能监测和分析工具，如Chrome DevTools学习WebApp的性能优化策略，如代码分割、懒加载和资源压缩9.2 WebApp安全措施了解WebApp面临的安全威胁，如XSS、CSRF和SQL注入学习常用的安全措施和最佳实践，如内容安全策略、跨站请求伪造保护和数据加密第十章：WebApp的测试、部署和维护10.1 WebApp测试掌握单元测试、集成测试和端到端测试的基本概念和方法学习使用Jest、Mocha和Cypress等测试框架进行测试10.2 WebApp部署和维护学习如何将WebApp部署到服务器和云平台，如GitHub Pages、Netlify和Heroku理解WebApp的维护和更新策略，如持续集成和持续部署重点和难点解析一、移动互联网应用开发概述理解移动互联网应用开发的概念、特点和前景掌握WebApp的基本架构和开发流程二、移动互联网应用开发的背景和意义了解移动互联网的发展历程和现状理解移动互联网应用开发对个人和企业的重要性三、WebApp的开发环境和技术栈掌握HTML、CSS和JavaScript的基本语法熟悉WebApp开发所需的主要框架和库，如React、Vue等四、WebApp的基本架构和开发流程理解WebApp的客户端、服务器和数据库三大部分掌握WebApp的页面结构、组件设计和数据交互方式掌握需求分析、界面设计、功能实现、测试和部署等基本步骤熟悉版本控制和协同开发工具，如Git和GitHub五、HTML和CSS基础掌握HTML标签、属性、注释和文档结构熟悉块级元素、内联元素和表格等常用元素掌握选择器、属性和值的基本语法熟悉盒模型、布局、样式优先级和响应式设计六、React框架入门理解React的虚拟DOM、组件和JSX语法掌握React的状态管理和生命周期方法掌握组件的分类、创建和使用掌握常用UI库，如Ant Design、Material-UI等七、React状态管理库Redux理解Redux的三大原则：单一状态树、纯函数更新和中间件掌握Redux的核心概念：store、action、reducer和middleware学习如何创建action、reducer和action creator掌握如何将Redux集成到React项目中，使用connect函数连接组件和reducer 八、React Router for Navigation理解React Router的作用和基本概念，如路由、路由来切换和导航熟悉React Router的版本变迁，了解v5和v6的主要区别学习如何安装和配置React Router掌握如何创建路由组件、嵌套路由和编程式导航九、WebApp的数据存储和API交互理解HTML5的localStorage和sessionStorage学习使用IndexedDB和WebSQL进行复杂数据存储掌握Fetch API和Axios库的使用，进行请求理解RESTful API设计原则，学习如何设计和使用API十、WebApp的性能优化和安全措施掌握页面性能监测和分析工具，如Chrome DevTools学习WebApp的性能优化策略，如代码分割、懒加载和资源压缩了解WebApp面临的安全威胁，如XSS、CSRF和SQL注入学习常用的安全措施和最佳实践，如内容安全策略、跨站请求伪造保护和数据加密学习如何将WebApp部署到服务器和云平台，如GitHub Pages、Netlify和Heroku理解WebApp的维护和更新策略，如持续集成和持续部署本教案涵盖了移动互联网应用开发WebApp的基本概念、开发环境、技术栈、架构和开发流程，以及HTML、CSS、JavaScript和React等关键技术的入门和进阶内容。
web应用开发的课课程设计
web应用开发的课课程设计一、教学目标本课程旨在通过学习Web应用开发的基本概念和技术，使学生掌握HTML、CSS和JavaScript等基本技能，能够独立设计和开发简单的Web应用。
具体的教学目标如下：1.知识目标：学生能够理解Web应用开发的基本概念，掌握HTML、CSS和JavaScript的基本语法和用法，了解Web标准的重要性。
2.技能目标：学生能够使用HTML创建网页结构，使用CSS进行页面样式设计，使用JavaScript实现网页交互功能，能够独立设计和开发简单的Web应用。
3.情感态度价值观目标：培养学生对Web应用开发的兴趣和热情，使学生能够认识到Web应用开发对个人和社会的重要性，培养学生的创新精神和团队合作意识。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分。
具体的教学大纲如下：1.HTML：介绍HTML的基本概念和语法，包括文本、链接、图片、、表单等常见元素的使用，以及HTML5的新特性。
2.CSS：介绍CSS的基本概念和语法，包括选择器、盒模型、样式规则、样式优先级等，以及CSS3的新特性，如 Flexbox 和 Grid 布局。
3.JavaScript：介绍JavaScript的基本概念和语法，包括变量、数据类型、运算符、控制结构、函数等，以及DOM操作和事件处理等高级功能。
三、教学方法本课程采用讲授法、讨论法、案例分析法和实验法等多种教学方法，以激发学生的学习兴趣和主动性。
1.讲授法：通过教师的讲解和演示，使学生掌握Web应用开发的基本概念和技能。
2.讨论法：通过小组讨论和课堂讨论，培养学生的思考能力和团队合作意识。
3.案例分析法：通过分析实际案例，使学生能够将理论知识应用到实际项目中。
4.实验法：通过上机实验，使学生能够亲手实践，巩固所学的知识和技能。
四、教学资源本课程的教学资源包括教材、参考书、多媒体资料和实验设备等。
1.教材：选择权威、实用的教材，如《HTML与CSS设计与构建》和《JavaScript高级程序设计》等。
软件技术专业移动应用开发课程优秀教案范本从零开始开发一款实用的移动应用程序
软件技术专业移动应用开发课程优秀教案范本从零开始开发一款实用的移动应用程序软件技术专业移动应用开发课程优秀教案范本：从零开始开发一款实用的移动应用程序一、引言移动应用程序（Mobile Application）是指可以在移动设备上运行的软件应用。
随着智能手机和平板电脑的普及，移动应用开发成为了软件技术专业的重要领域之一。
本教案旨在引导学生从零开始开发一款实用的移动应用程序，既包括理论知识的学习，也包括实际项目的实践操作。
二、教学目标本教案的教学目标如下：1.了解移动应用开发的基础知识和技术要点；2.掌握移动应用开发的常用工具和框架；3.具备利用移动应用开发技术从零开始开发一款实用的移动应用程序的能力；4.培养学生的创新思维和团队合作能力。
三、教学内容本教案的教学内容主要分为以下几个部分：1.移动应用开发概述1.1 移动应用开发的背景和趋势1.2 移动应用开发的基本流程和步骤2.移动应用开发环境的搭建2.1 开发工具的选择和安装2.2 移动操作系统的了解与调试3.移动应用开发技术要点3.1 移动应用的界面设计与布局3.2 移动应用的用户交互与事件处理3.3 移动应用的数据存储与管理3.4 移动应用的网络通信与数据传输4.案例实战：从零开始开发一款实用的移动应用程序 4.1 项目需求分析与功能设计4.2 项目架构与模块划分4.3 编码实现与调试测试4.4 项目发布与上线四、教学方法本教案将采用以下教学方法：1.理论教学与实践结合：将理论知识与实际项目相结合，通过案例实战让学生动手实践。
2.团队合作与项目管理：通过小组合作方式进行项目开发，培养学生的团队合作和项目管理能力。
3.案例分析与思考训练：通过分析实际案例，培养学生的问题解决能力和创新思维。
五、教学评估1.作业与实验报告：学生需完成相关作业和实验，并提交相应的报告进行评估。
2.项目成果展示与评审：学生将形成的移动应用程序进行展示和评审。
3.课堂参与与互动：学生在课堂上的积极参与和互动将作为教学评估的重要依据。
《移动互联网应用开发课件》
移动应用网络通信基础
H TTP和Socket
介绍iOS和Android App中网络通 信的基础知识和流程，以及 HTTP和Socket两种通信协议。
XML和JSON
详细讲解XML和JSON两种数据 格式的特点、应用范围和使用 流程。
第三方API使用
细讲解各种优化策略，包括UI优化、内存
管理、获取数据的性能优化等。
3
性能分析
了解性能测试和优化的基本概念、方法和工 具。
代码优化
如何优化代码以提高应用程序的运行效率。
移动应用安全
安全基础
讲解移动应用安全的层级结构和基 本要素，包括隐私、数据安全、通 信加密等。
生物识别技术和安全插件
介绍安全插件和生物识别技术的应 用，包括指纹、人脸识别等。
介绍Objective-C和Swift语言 的基础语法，以及与其他编 程语言的异同。
2 使用Xcode开发工具
详细讲解Xcode的使用，包括 项目创建、开发和调试。
3 界面设计
设计iOS应用基本用户界面元素，以及如何利用故事板创建界面。
移动应用框架介绍
R eact N ative
介绍React Native的基本概念、 功能和特点。
网络安全
讲解网络安全的基础知识，包括 XSS、CSRF、SQL注入等攻击方式。
跨平台开发技术
React N ative概述
介绍React Native的原理以及基 本技术栈。
Flu tter概述
比较Flutter和React Native的区 别，以及Flutter的优缺点。
跨平台开发工具
详细介绍ASDK、Codova、Weex 等框架的优缺点及其适用的场 景。
移动互联网应用开发(WebApp)课程教案
移动互联网应用开发(WebApp)课程教案第一章：移动互联网应用开发概述1.1 移动互联网应用开发的背景和意义1.2 移动互联网应用开发的趋势和发展方向1.3 移动互联网应用开发的基本概念和关键技术1.4 移动互联网应用开发的流程和工具第二章：HTML5和CSS3基础2.1 HTML5概述和新增特性2.2 HTML5文档结构和常用元素2.3 CSS3概述和常用样式2.4 HTML5和CSS3在WebApp中的应用第三章：JavaScript编程基础3.1 JavaScript概述和基本语法3.2 JavaScript数据类型和运算符3.3 控制结构和函数3.4 JavaScript对象和数组3.5 JavaScript事件处理和浏览器API第四章：响应式Web设计4.1 响应式Web设计的概念和原则4.2 媒体查询和CSS样式布局4.3 响应式布局框架和库4.4 响应式Web设计的实践和案例第五章：WebApp开发实战5.1 WebApp项目规划和需求分析5.2 使用HTML5、CSS3和JavaScript实现WebApp界面5.3 使用JavaScript和浏览器API实现WebApp交互功能5.4 调试和优化WebApp性能5.5 发布和推广WebApp第六章：前端框架和库6.1 前端框架和库的概念与分类6.2 流行的前端框架和库介绍（如React, Angular, Vue.js）6.3 使用前端框架和库的优势与挑战6.4 前后端分离和数据交互第七章：移动端开发框架7.1 移动端开发框架的概念和作用7.2 流行的移动端开发框架介绍（如Ionic, Framework7, Onsen UI）7.3 移动端开发框架的特点和选择因素7.4 使用移动端开发框架开发WebApp的流程第八章：WebApp性能优化8.1 WebApp性能优化的意义和目标8.2 页面加载优化8.3 页面渲染优化8.4 网络请求优化8.5 代码优化和调试技巧第九章：WebApp安全与隐私保护9.1 WebApp安全的重要性9.2 WebApp常见安全问题和攻击手段9.3 数据保护和加密技术9.4 跨站脚本攻击（XSS）的防护9.5 跨站请求伪造（CSRF）的防护第十章：WebApp发布与维护10.1 WebApp发布流程和平台选择10.2 应用商店提交和审核指南10.3 WebApp的持续集成和持续部署10.4 WebApp的监控和错误跟踪10.5 WebApp的更新和维护策略第十一章：用户体验与交互设计11.1 用户体验(UX)设计的基本原则11.2 交互设计(IxD)与WebApp界面设计11.3 用户画像和用户行为分析11.4 设计工具和原型制作（如Sketch, Adobe XD）11.5 用户测试与反馈收集第十二章：WebApp营销与推广12.1 WebApp营销策略和市场定位12.2 社交媒体营销和网络推广12.3 应用商店优化(ASO)12.4 用户增长和留存策略12.5 案例分析：成功的WebApp营销案例第十三章：跨平台开发技术13.1 跨平台开发的概念和优势13.2 使用跨平台开发工具和技术（如Flutter, React Native）13.3 跨平台开发的挑战和解决方案13.4 跨平台应用的性能比较和选择13.5 跨平台开发的未来趋势第十四章：WebApp项目管理与团队协作14.1 WebApp项目管理的要点和流程14.2 敏捷开发和Scrum方法论14.3 团队协作工具和沟通平台（如Jira, Slack）14.4 代码版本控制和协同编辑（如Git, GitHub）14.5 项目风险管理和质量保证第十五章：未来趋势与创新15.1 移动互联网应用开发的未来趋势15.2 新技术展望（如5G, 在WebApp中的应用）15.3 创新的WebApp应用案例分析15.4 可持续发展和环保理念在WebApp中的融入15.5 学生项目展示和创意分享重点和难点解析本文主要介绍了移动互联网应用开发(WebApp)课程的教案内容，分为十五个章节。
《《移动互联网开发》课程设计大纲》课程教学大纲(本科)
《移动互联网开发》课程设计大纲Training of Mobile Internet Application Development 课程代码：06460065学分：1.5周数：1.5 周（其中：讲课0学时；设计0学时；上机1.5周/30学时；答辩0学时）先修课程：计算机技术基础与C语言、通信软件开发基础适用专业：通信工程教材：无一、课程性质与目标（一）课程性质（说明课程设计在本科人才培养体系中的定位与主要作用）《移动互联网开发》课程设计属于综合性的软件开发技能训练，是通信工程专业的实践性教学环节之一。
本实践环节将学生2到3人分为一组，通过引导学生发掘日常生活中存在的移动应用需求，自行设计课题，并围绕需求分析、方案设计、技术路线、预期结果等内容对教师与全体同学进行汇报开题，通过开题后学生团队自行完成开发任务。
在进行移动应用开发中，学生将基于课程教学的Android基本开发与跨平台开发内容，选择开发工具与相关技术，综合运用UI设计、数据库、网络通信等知识。
通过本实践环节，学生们强化了软件项目开发中必备的团队协作意识，实现综合性的技能训练，提升了创新意识与工程能力。
（二）课程目标（需包括知识、能力与素质方面的内容）1、知识方面课程目标1.1：掌握Android开发环境的搭建与调试；课程目标1.2：掌握Axure原型工具的使用；课程目标1.3：掌握UI编程、Widgets使用、文件存取、数据库编程、网络与通信等知识的运用；课程目标1.4：掌握基于jQuery Mobile/Cordova开发跨平台应用的知识；课程目标1.5：掌握基于C#开发Webservice的知识；2、能力与素质方面课程目标2.1：能够利用Axure绘制原型，模拟预期结果；课程目标2.2：能够利用Android仿真器进行本地化的工程调试；课程目标2.3：能够根据项目需求，恰当选用开发工具和开发技术，并理解其局限性；（三）课程目标与专业毕业要求指标点的对应关系（认证专业专业必修课程填写）本课程支撑专业培养计划中毕业要求指标点5-2、5-41.毕业要求5-2:能够恰当的使用计算机软硬件等信息技术工具，完成信息通信领域的工程项目的模拟与仿真。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
授课题
目（教学章节或主题）第1课jQuery Mobile介绍
与开发工具
授课学时2课时
授课时间
授课地点实训机房
教学目的熟悉jQuery Mobile，快速开发一个手机网站程序教学重点jQuery Mobile文档的查看方法
教学难点jQuery Mobile文档的查看方法
教学方法课堂讲授、演示、学生实践
教学准备教学ppt、预先做好的案例、互联网上的官方资源的引用、相关开发软件的提供
教学步骤、内容、时间分配（分钟）一、本课程安排、要求和成绩组成（10分钟）
二、HTML5的特性介绍（15分钟）
三、jQuery Mobile正课教学（20分钟+45分钟）
3.1 jQuery Mobile的基础知识、版本介绍
3.2 Sencha Touch(ExtJS)介绍
3.3 如何引入jQuery 文件
3.4 利用开发环境（IDE）的提示工具简化开发
3.5 如何查看官方文档
3.6 把jQuery Mobile项目部署到IIS或者Apache上面供手机浏览器调试
讨论、作
业题、思
考题
为什么我们要用jQuery Mobile或者sencha开发手机网站？课后小结
授课题
目（教学章节或主题）第2课jQuery Mobile控件介绍
授课学时2课时
授课时间
授课地点实训机房
教学目的了解jQuery Mobile有哪些常用组件以及如何它们如何使用教学重点jQuery Mobile文档的查看方法
教学难点jQuery Mobile如何动态获取数据
教学方法课堂讲授、演示、学生实践
教学准备教学ppt、互联网上的官方资源
教学步骤、内容、时间分配（分钟）一、Page元素、Header控件、Footer控件（15分钟）
二、button控件、Dialog控件（10分钟）
三、ListView控件（30分钟）
四、checkboxradio控件（10分钟）
五、NavBar控件（5分钟）
六、slider控件（5分钟）
七、collapsible控件（5分钟）
八、icon图标系列（5分钟）
九、theme主题（5分钟）
十、历史版本(10分钟)
讨论、作
业题、思
考题
如果决定jQuery Mobile的官方样式不够好看，怎么办？课后小结
授课题
目（教学章节或主题）第3课数据提供程序：WebService
授课学时2课时
授课时间
授课地点实训机房
教学目的前面介绍了前台jQuery Mobile实现UI的呈现，本课介绍后台数据的提供方法
教学重点webService的配置与编写、json数据的格式化教学难点js同源策略对应跨域请求的影响
教学方法课堂讲授、演示、学生实践
教学准备教学ppt、webservice示例程序的准备
教学步骤、内容、时间分配（分钟）一、webservice、xml与json（5分钟）
二、利用.NET平台实现webService的编写（75分钟）
2.1 利用aspx页面编写最简单的webservice（15分钟）
2.2 建立传统asmx webservice（15分钟）
2.3 建立wcf webservice（15分钟）
2.4 利用ashx实现webservice（20分钟）
2.5 网络安全要点：如何区分来自客户端的请求和来自外挂的请求？（例子：微信红包漏洞：利用外挂刷别人红包）
（10分钟）
2.6 利用Token=MD5（TimeStamp+Key）的方式验证请求合法性（15分钟）
讨论、作
业题、思
考题
一些大型API提供商都是如何验证请求有效性的？比如百度课后小结
授课题
目（教学章节或主题）第4课PhoneGap介绍、
PhoneGap开发环境的搭建
授课学时2课时
授课时间
授课地点实训机房
教学目的了解PhoneGap的来源，了解各种不同的APP开发的实现方式，清楚了解PhoneGap能做什么和不能做什么
教学重点PhoneGap文档的查看方法教学难点PhoneGap文档的查看方法教学方法课堂讲授、演示、学生实践
教学准备教学ppt、使用PhoneGap预先做好的案例、互联网上的官方资源的引用
教学步骤、内容、时间分配（分钟）一、本课程安排、要求和成绩组成（5分钟）
二、HTML5的前世今生（10分钟）
三、正课教学（30分钟）
3.1 PhoneGap 的版本变迁
3.2 PhoneGap 能做什么
3.3 案例演示
3.4 PhoneGap插件介绍、优缺点
3.5 学会查看PhoneGap 文档
四、PhoneGap环境的搭建步骤，获取所有依赖组件（35分钟）
五、以命令行方式创建一个PhoneGap项目（5分钟）
六、以命令行方式调试一个PhoneGap项目（5分钟）
讨论、作业题、思考题
和原生（Native）开发相比，基于HTML5的PhoneGap开发有什么优缺点？
课后小结
授课题
目（教学章节或主题）第5课获取GitHub PhoneGap插
件，完成一个完整的手机APP项目
授课学时2课时
授课时间
授课地点实训机房
教学目的了解如何自行搭建PhoneGap开发环境，尽快开展项目教学重点PhoneGap插件的导入与使用方法
教学难点从网站查找对应所需功能的PhoneGap插件
教学方法课堂讲授、演示、学生实践
教学准备教学ppt、互联网上的官方资源
教学步骤、内容、时间分配（分钟）认识各种PhoneGap插件（10分钟）
以命令行方式获取PhoneGap插件（5分钟）
结合前面的知识，完成一个具有登录验证和主界面的手机APP 程序（75分钟）
讨论、作业题、思考题
如果需要一个特点功能的PhoneGap插件，而GitHub上面又没有找到对应的，比如百度地图这种，我们该怎么办？
课后小结
授课题目
（教学章节或主题）第6课项目介绍与分组定员
授课学时2课时
授课时间
授课地点实训机房
教学目的开展项目
教学重点阐明项目管理办法
教学难点学生若找不到想要做的项目的对策教学方法课堂讲授、演示、学生实践
教学准备教学ppt、互联网上的官方资源
教学步骤、内容、时间分配（分钟）1.介绍项目管理办法：
a)教师须通过即时通讯工具、论坛、固定时间坐班等形式为学生答疑
b)项目小组不能超过5人
c)项目小组须定时提交相关文件如下：
d)项目需求说明、设计文档
e)项目进度计划表
f)项目最终产品说明书
g)每人每周的工作汇报，表格格式如下：
2.可选项目清单：
●学生考勤管理系统（手机签到、人脸识别等功能）
●本类课程的项目过程管理系统（周工时评定、进度管理、验收管理等）●本校的随堂教学质量评定系统
●人事变更管理系统
●本校的毕设、顶岗实习管理系统的（重写）
●百度地图、高德地图等插件在PhoneGap上面的实现
●在线课程系统：提供课件、视频等资源，可在线测验、考试、提交作业●砺锋科技第二课堂项目
●各种软件竞赛项目
3.项目小组定员
附录1：微信漏洞乌云截图（原漏洞报告连接已失效，因社会影响较大）
大家可以分析一下该漏洞的几个成因，以及如何去防范类似的漏洞。