《Web应用程序全栈开发教学大纲.docx》由会员分享，可在线阅读，更多相关《Web应用程序全栈开发教学大纲.docx（10页珍藏版）》请在三一办公上搜索。
1、Web应用程序全栈开发课程教学大纲课程编码:一五零三一六二六课程类别:专业必修课学分:四学时:七二第一部分有关说明一,课程地质Web应用程序全栈开发是计算机有关专业地一门专业课程。通过教学,使学生掌握以HTML五为主体,搭配CSSHJavaScriptjQuery制作网页,再搭配jQueryMobile制作手机APP应用等专业知识,并较熟练地行手机WebAPP项目地设计与制作,初步具备构建分布式应用系统开发与Web全栈开发地思想与能力,为成为一个Web应用全栈开发程序员打下良好地基础。该课程地先修课程为C语言程序设计，为后续混合式手机应用开发，毕业设计（论文）等课程打下坚实基础。二,课程地基本
2、要求（一）知识目地本课程主要讲授用HTML五制作手机应用与Web应用地差异;HTML五语法,标签及组件元素;HTML五制作地网页;CSS三样式表;HTML五+CSS三地综合应用;JaVaSCriPt地语法;jQueryMobile常用地函数与应用;网页存储;HTML五地数据存储,插件,地图等应用;HTML五+jQueryMobile手机应用地开发等知识。（二）能力目地通过本课程地学,学生在掌握HTML五与jQueryMobile地基础知识上,能把具体应用问题抽象成手机可以处理地模型,并完成界面设计与功能实现,掌握手机WebAPP制作地基本操作技能，并能熟练应用于本地应用,网络应用,并行软件设计
3、,管理,实施地能力。（三）素质目地具备能将课程能力应用到各类大创项目,创新创业活动,比赛,在项目实践提高地动手能力与创新能力,初步具备手机应用开发程序员地素质。三,教学重点,难点（一）重点:HTML五应用开发台及工具地应用;HTML五+CSS三地项目创建与应用;JaVaSCriPt地使用;jQueryMobile地使用;数据存储等。（二）难点:多线程,离线存储,定位与地图等。四,教学方法与手段采用讲授与案例相结合,任务驱动与项目相配合地教学方法,通过课堂上多媒体理论精讲,案例分析讨论,精心设计项目,以任务驱动为主线,以及课下以学生自主学为主,老师辅导为辅,完成预,作业,拓展项目等教学任务,将课
4、内课外学结合,提高学生自主学主动,实现理论与实践教学一体化,达到软件设计与制作地工程实践应用能力培养地目地。五,学时分配总学时:七二学时,其理论时数为五零学时,实验上机时数为二二学时。章（节）内容理论学时实验上机学时总学时第一章Web应用基础如何行Web应用开发二二四第二章Web应用网页设计HTML五A二一零第三章Web应用网页美化CSS三六二八第四章Web应用程序互JavaScript;五匕口口八二一零第五章Web应用程序设计PHP+MySQL八二一零第六章Web应用程序桥梁基于REST风格地WebAPl二二四第七章移动Web应用程序开发一HTML五+jQueryMobile一零八一八第八章
5、Web应用系统综合开发一HTML五+PHP+MySQL六二A合计五零11七二六,考核要求（一）考核质:考查。（二）考核方式:实践。（三）成绩评定:时成绩（测验,实验,课程阅读,课堂笔记等）占三零,期末考试成绩占七零。七,与参考书（一）一.使用龙军，Web应用程序全栈开发，,二零二零。二.主要参考书（一）夏敏捷，HTML五网页游戏设计从基础到开发，清大学出版社,二零一八。（二）储久良，Web前端HTML五,CSS三JaVaSCriPt，清大学出版社,二零一七。（三）陈婉凌，HTML五+CSS三+jQueryMObiIe轻松构造APP与移动网站（第二版），清大学出版社,二零一六。第二部分课程内容第
6、一章Web应用基础如何行Web应用开发（四学时）一,本章地教学目地与要求本章教学要求:通过学,学生可以了解分布式Web应用系统地基本概念与常用开发工具,熟悉软件开发地主要过程模型;结构化需求分析与设计地要求,内容与方法;面向对象方法学地优点,面向对象建模地三个模型与测试方法及UML地应用,掌握Photoshop地基本功能,操作方法。教学重点:有关工具软件地使用,Photoshop常用功能。教学难点:软件架构地概念,软件工程管理。二,学内容一,什么是分布式Web应用系统一.一几个基本概念一.二分布式Web应用系统开发工具二,Photoshop二.一PhOtOShOP软件入门二.二Photosho
7、p软件高级调整二.三Photoshop案例应用三,软件工程三,一软件过程三.二结构化需求分析与设计三.三面向对象方法学与UML四,练题第二章Web应用网页设计HTML五（一零学时）一,本章地教学目地与要求本章教学要求:通过学,学生可以了解HTML五新增与废除地标记;了解文字,段落地效果设置;了解表格地有关操作;了解音频,视频地添加与播放。熟悉HTML五标记;熟悉超级链接地锚记。掌握HTML五地语法及文件结构;掌握列表标记,超级链接地应用;掌握表单元素地应用;掌握图片,Flash地应用。教学重点:HTML五文件结构,列表,超级链接,效果设置,表单及表单元素;图片地设置及编辑；音频,视频,动画Fl
8、ash地使用。教学难点:HTML五地语义标记,超级链接地应用,表单分组,控制音视频。二,学内容HTML五基础一.一HTML基本概念一.二HTML概述一.三HTML标记格式一.四HTML五文件基本结构一 .五网站地建设二出TML五常用标记二 .一HTML五文件结构与语义标记二.二二.四二.五二,六二.七HTML属与文字与段落标记列表标记图片标记内联框架注释与特殊符号三,在网页嵌入多媒体内容二，HTML五多媒体技术概述加载多媒体资源audio与video标记地方法与四,超链接四L四.二四.三五,表格五.一五.二五.三六,表单六.一六.二六.三六.四六.五八八六.七六.八七,练题什么是超链接超链接地
9、用法网页地特殊超链接表格地基本标记表格及单元格属合并单元格创建表单表单地输入组件表单地列表组件表单地选择组件表单地按钮组件表单地其它组件表单地验证表单地应用实例一会员注册第三章Web应用网页美化CSS三（八学时）一,本章地教学目地与要求本章教学要求:通过学,学生可以了解CSS样式选择器,渐变地应用,了解列表,掌握方框,边界与边框,定位地有关操作,掌握css样式表地应用,掌握文字样式,背景地设置,掌握滤镜,过渡,变换,动画地有关操作。教学重点:CSS样式,文字样式,背景地设置,方框,边界,边框,间距,组件定位,滤镜,过渡,变换,动画等。教学难点:CSS样式选择器,渐变,超链接与定位,动画地编写。
10、二,学内容一,css基础一 .一了解CSS二 .二创建CSS样式表二,CSS语法三 .一CSS语法类型二.二CSS语法背景二.三CSS语法区块二.四CSS语法方框二.五CSS语法一一边框二.六CSS语法列表二.七CSS语法定位二.八CSS语法一一扩展二.九CSS语法过渡三,练题第四章Web应用程序互JaVaSCriPt语言（一零学时）一,本章地教学目地与要求本章教学要求:通过学,学生可以了解JaVaSCriPt地语法结构,掌握常用地内置对象,函数JaVaSCriPt,BOM,DOM编程,画布应用。教学重点:常用地内置对象,函数,B0M,DOM编程等。教学难点:用JavaScript控制表单元素
11、与CSS元素。二,学内容-JavaScript地语法与语句四 .一JaVaSCriPt基本常识五 .二数据类型与变量六 .三运算符与表达式七 .四语句二JavaScript函数八 .一函数地使用二.二JaVaSCriPt地内置函数三JavaScript对象九 .一自定义对象十 二内置对象十一 三浏览器对象十二 JavaScriptDOM四.一文档对象模型四.二操作HTML元素四.三JavaScript五,练题六,实验一基本语法与表单编程实验（一）实验（训I）项目简介该项目为必做项目。编写HTML五网页,在JaVaSCriPt要求用户在文本框输入用户名,提时,若文本框为空,则取消提;利用随机函数
12、,设计验证码,并利用陷藏控件,设计判断用户输入地验证码;利用文本框,单选钮,复选框与隐藏控件设计填空题,单选题或判断题,多选题。（二）实验（训）类型验证型（三）实验（训）目地掌握JaVaSCriPt地基本语法,以及表单编程。（四）实验（训）学时二学时。（五）实验（训）内容本实验由三个项目构成:项目一,要求用户在文本框输入用户名,提时,若文本框为空,则取消提（使用form对象地OnSUmbit）。项目二,利用随机函数,设计验证码,再利用降藏控件,设计判断用户输入地验证码。项目三,试题库地设计:利用文本框与隐藏控件设计填空题。利用单选钮与隐藏控件设计单选题或判断题。利用复选框与隐藏控件设计多选题。
13、（六）实验（训）方式与注意事项文件名为学生名字地汉语拼音全拼或首字母;文件标题为学生文姓名;运行时,输入姓名处应输入学生文姓名。第五章Web应用程序设计PHP+MySQL（一零学时）一,本章地教学目地与要求本章教学要求:通过学,学生可以了解Web应用程序开发地基础知识,熟悉PHP语言地语法与表单操作,掌握MySQL数据库地管理及用PHP操作MySQL数据库地流程。教学重点:PHP基础语法及应用,PHP语言地$_GET与$_PoST方法应用,MySQL数据库管理,PHP操作MySQL数据库等。教学难点:用PHP语言与MySQL数据库行Web应用软件开发。二,学内容一,Web应用开发基础一.一网络
14、应用基础架构一.二Web应用开发简介一.三HTTP协议基础一.四PHP概况一.五PHPWeb应用环境配置二,PHP语言基础二.一PHP基础语法二二PHP生成HTML二.三变量地概念二.四内置变量二.五字符串二.六数组二 .七流程控制语句三,Web应用数据采集与表单操作三 .一表单地概念三二$_GET与$_PoST方法三 .三表单数据处理四,PHP数据库操作四 .一PHP数据库操作概述五 .二MySQL数据库管理四.三表记录更新四.四PHP操作MySQL数据库流程四.五MySQL数据库操作五,练题六,实验二PHP与数据库实验（一）实验项目简介该项目为必做项目。通过创建MySQL数据库及表,并通过
15、PHP代码完成对表地连接,增加,修改,删除,查询,体现等有关操作。（二）实验类型综合型（三）实验目地掌握PHP连接与操作数据库地方法,掌握SQL语句地应用等。（四）实验内容编写一个PhP页面一.php,能够按照学号,姓名,院系查询mysql数据库teststudent表里地记录数,结果分页显示,每页显示一五条记录。StUdent表结构见下表:字段名意义数据类型数据长度是否主键是否允许为空SJd学号varchar是否S_student姓名varchar四零否是department院系Varchar四零否是设计一个使用AJAX技术地PHP页面二.php,上面提供有一个院系查询选项表,当用户改变该选
16、项表地选项时,在页面下方响应显示出院系与所指定数值地全部学生（即在PHP网页实现数据库查询操作代码部分地响应刷新）。响应代码放在页面二.php0（五）实验方式与注意事项学生应在课上完成与题目相符地程序编写与调试任务,并按工整规范书写实验报告上。第六章Web应用程序桥梁基于REST风格地WebAPl（四学时）一,本章地教学目地与要求本章教学要求:通过学,学生可以了解WebAPI地基础知识,熟悉JSON数据格式与REST服务编程,掌握Ajax技术与XMLHttpRequest对象地操作。教学重点:用Ajax读取服务器文件及与服务器端行互。教学难点:JSON数据格式应用与REST服务编程。二,学内容
17、1,WebAPI基础RESTFULWebAPI简介一二JSON简介一.三REST服务编程二,基于Ajax地API地请求二.一Ajax与XMLHttpRequest时象二,二异步通信超时控制三练题第七章移动Web应用程序开发HTML五+jQueryMobiIe（一八学时）一,本章地教学目地与要求本章教学要求:通过学,学生可以了解COokie,掌握WebStorage地应用,了解jQuery地基本结构与应用,了解掌握jQueryMobileUI组件,了解jQueryMobile机件，了解IndexedDB,WebSQLo熟悉jQueryMobile网页导航,触发,初始化,加载,切换等页面与点击,滑
18、动,滚动等触摸。掌握数据地增删改查,熟悉文本操作,掌握表格排序，日期，日历等插件地有关操作。教学重点UocaIStorage与SessionStorage使用JQucryMobileUI组件及网页导航,页面与触摸，数据地增删改查。有关地插件地基本应用。教学难点:网页地离线应用,TheincRolIer快速应用布景主题,各类地应用，文本操作。有关地插件地高级应用,二,学内容一,移动应用开发模式一.一移动应用开发地三种模式一.二Native应用与Web应用比较一.三智能手机浏览器一.四基于Web地应用开发二,网页存储WebStorage二.一WebStorage地分类二.二检测浏览器是否支持Web
19、Storage二 .三使用SeSSionStOrage三 .四使用IocaIStorage四 .五WebStorage应用三,HTML五本地数据库五 .一IndexedDB地使用六 .二WebSQLDatabase地使用七 JQUery与jQueryMobile四.一jQuery四.二jQueryMobile五JQUeryMobile五.一页面五二触摸六JQUeryMobile插件六.一表格排序插件tablesorter六.二滑动导航菜单插件mmenu六.三日期时间插件DateBOX六.四文件上传插件ajaxfileupload七,练题八,实验三登录/注销与计数器实验（一）实验（训I）项目简介
20、该项目为必做项目。编写HTML五网页,在JaVaSeriPt用IoCaIStorage,SessionStorage与APPliCatiOn关联,记录用户登录次数计算。（二）实验（训）类型验证型（三）实验（训）目地掌握JaVaSCriPt地写法用法;掌握IocaIStorage地使用;掌握按钮地触发。（四）实验（训I）学时二学时。（五）实验（训I）内容用编辑器新建一个HTML五网页文件;增加登录与注销两个按钮,输入框与提按钮与用于显示地元素;单击“登录”按钮,显示“提”按钮及显示地元素;单击“提“按钮,显示姓名与登录次数;单击”注销”按钮,注销登录内容,显示登录按钮。（六）实验（训I）方式与注
21、意事项文件名为学生名字地汉语拼音全拼或首字母;文件标题为学生文姓名;运行时,输入姓名处应输入学生文姓名。九,实验四登录界面设计实验（一）实验（训I）项目简介该项目为必做项目。用HTML五+jQueryMobile设计用户登录界面。（二）实验（训I）类型设计型（三）实验（训I）目地掌握jQueryMobileUI组件地使用;掌握通过DIV+CSS行页面布局。（四）实验（训I）学时二学时。（五）实验（训I）内容新建登录网页,并设置背景颜色;在网页加入登录地图标,用户名与密码地输入框及登录按钮；在文件下方加水线与版权信息,并设置颜色;内容均要居对齐体现。（六）实验（训I）方式与注意事项学生应在网页最
22、下面加显示作者地版权信息,要求有学生地文姓名与学号。一零,实验五登录界面验证实验（一）实验（训I）项目简介该项目为必做项目。使用JavaScript创建数据库,并增加记录,再判断输入地用户名与密码是否正确,及多条记录地体现。（二）实验（训）类型验证型（三）实验（训）目地掌握验证控件,掌握SQLite数据库地创建,记录地增加，查询。（四）实验（训I）学时二学时。（五）实验（训I）内容在实验四地基础上,为用户名加上需要输入地验证;在登录按钮地触发判断输入地用户名与密码与数据库表地记录是否一致,并依次行用户名错,密码错与正确地提示;正确跳转到会员心,体现出数据库表地所有记录。（六）实验（训）方式与注
23、意事项学生应在课上完成与题目相符地程序编写与调试任务,并按工整规范书写实验报告上。第八章Web应用系统综合开发HTML五+PHP+MySQL（八学时）一,本章地教学目地与要求本章教学要求:通过学,学生可以了解软件测试,熟悉软件工程管理与开发流程,掌握分布式Web应用系统开发地整体架构设计与制作流程。教学重点:开发流程各环节地设计与代码编写。教学难点：开发流程各环节地衔接。二,学内容一,软件工程管理一.一软件工程管理概述一 .二软件项目估算二 .三度计划与员组织二,软件系统开发流程三 .一开发流程图四 .二过程产物及要求五 .三过程说明三,系统设计六 .一可行分析七 .二需求分析八 .三数据需求分析九 .四系统/子系统设计（结构设计）十 五软件（结构）设计十一 六数据库（顶层）设计四,Web应用系统整体架构十二 一基于PHP地分布式系统构架设计四.二基于PHP地分布式系统制作流程五,项目地结构化实现及维护十三 一软件测试地基本概念十四 二软件测试模型五,三测试用例设计十五 四黑盒测试十六 五白盒测试六,项目运行结果六,一计算机Web应用界面十七 二手机WebAPP应用界面十八 三手机AndrOidAPP应用界面七,练题
