Web应用程序全栈开发教学大纲.docx

《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数据库及表,并通过PHP代码完成对表地连接,增加,修改,删除,查询,体现等有关操作。（二）实验类型综合型（三）实验目地掌握PHP连接与操作数据库地方法,掌握SQL语句地应用等。（四）实验内容编写一个PhP页面一.php,能够按照学号,姓名,院系查询mysql数据库teststudent表里地记录数,结果分页显示,每页显示一五条记录。StUdent表结构见下表:字段名意义数据类型数据长度是否主键是否允许为空SJd学号varchar是否S_student姓名varchar四零否是department院系