《Web应用程序全栈开发》课程教学大纲
课程编码:15031626                课程类别：专业必修课
学分:4                          学时:72
第一部分有关说明
一，课程地性质
Web 应用程序全栈开发是计算机有关专业地一门专业课程。通过教学，使学生掌握以HTML5为主体，搭配CSS3,JavaScript,jQuery制作网页，再搭配jQuery Mobile制作手机APP应用等专业知识，并较熟练地进行手机Web APP项目地设计与制作，初步具备构建分布式应用系统开发与Web 全栈开发地思想与能力，为成为一个Web应用全栈开发程序员打下良好地基础。该课程地先修课程为《C语言程序设计》，为后续《混合式手机应用开发》,《毕业设计（论文）》等课程打下坚
实基础。
二，课程地基本要求
（一）知识目的
本课程主要讲授用HTML5制作手机应用与Web应用地差异;HTML5语法，标签及组件元素;HTML5制作地网页;CSS3样式表;HTML5+CSS3地综合应用;JavaScript地语法;jQuery Mobile 常用地函数与应用；网页存储;HTML5地数据存储，插件，地图等应用;HTML5+jQuery Mobile手机应用地开发等知识。
（二）能力目的
通过本课程地学习，学生在掌握HTML5与jQuery Mobile地基础知识上，能把具体应用问题抽象成手机可以处理地模型，并完成界面设计与功能实现，掌握手机Web APP制作地基本操作技能，并能熟练应用于本地应用，网络应用，并进行软件设计，管理，实施地能力。
（三）素质目的
具备能将课程能力应用到各类大创项目，创新创业活动，比赛，在项目实践提高地动手能力与
创新能力，初步具备手机应用开发程序员地素质。
三，教学重点，难点
（一）重点:HTML5应用开发平台及工具地应用;HTML5+CSS3地项目创建与应
用;JavaScript地使用;jQuery Mobile地使用；数据存储等。
（二）难点：多线程，离线存储，定位与地图等。
四，教学方法与手段
采用讲授与案例相结合，任务驱动与项目相配合地教学方法，通过课堂上多媒体理论精讲，案
例分析讨论，精心设计项目，以任务驱动为主线，以及课下以学生自主学习为主，老师辅导为辅，完成预习，作业，拓展项目等教学任务，将课内课外学习结合，提高学生自主学习主动性，实现理论与实践教学一体化，达到软件设计与制作地工程实践应用能力培养地目的。
五，学时分配
总学时:72学时，其理论时数为50学时，实验上机时数为22学时。
章（节）内容理论学时实验上机学时总学时第一章Web应用基础——如何进行
224 Web应用开发
第二章Web应用网页设计——HTML5 8210
第三章Web应用网页美化——CSS3 628
第四章Web应用程序交互
8210——JavaScript语言
第五章Web应用程序设计
8210——PHP+MySQL
第六章Web应用程序桥梁——基于
224 REST风格地Web API
第七章移动Web应用程序开发
108 18——HTML5+jQuery Mobile
第八章Web应用系统综合开发
628——HTML5+PHP+MySQL
合计50 2272
六，考核要求
（一）考核性质：考查。
（二）考核方式：实践。
（三）成绩评定：平时成绩（测验，实验，课程阅读，课堂笔记等）占30%，期末考试成绩占70%。七，与参考书
（一）
1.使用
龙军,《Web 应用程序全栈开发》,,2020。
2.主要参考书
（1）夏敏捷,《HTML5网页游戏设计从基础到开发》，清大学出版社,2018。
（2）储久良,《Web前端——HTML5,CSS3,JavaScript》，清大学出版社,2017。
（3）陈婉凌,《HTML5+CSS3+jQuery Mobile轻松构造App与移动网站》（第2版），清大学出版社,2016。
第二部分课程内容
第一章Web应用基础——如何进行Web应用开发（4学时）
一，本章地教学目地与要求
本章教学要求：通过学习，学生可以了解分布式Web应用系统地基本概念与常用开发工具，熟悉软件开发地主要过程模型；结构化需求分析与设计地要求，内容与方法；面向对象方法学地优点，面向对象建模地三个模型与测试方法及UML地应用，掌握Photoshop地基本功能，操作方法。
教学重点：有关工具软件地使用,Photoshop常用功能。
教学难点：软件架构地概念，软件工程管理。
二，学习内容
1，什么是分布式Web应用系统
1.1  几个基本概念
1.2  分布式Web应用系统开发工具
2,Photoshop
2.1  Photoshop软件入门
2.2  Photoshop软件高级调整
2.3  Photoshop案例应用
3，软件工程
3.1  软件过程
3.2  结构化需求分析与设计
3.3  面向对象方法学与UML
4，练习题
第二章Web应用网页设计——HTML5（10学时）
一，本章地教学目地与要求
本章教学要求：通过学习，学生可以了解HTML5新增与废除地标记；了解文字，段落地效果设置；了解表格地有关操作；了解音频，视频地添加与播放。熟悉HTML5标记；熟悉超级链接地锚记。掌握HTML5地语法及文件结构；掌握列表标记，超级链接地应用；掌握表单元素地应用；掌握图片,Flash地应用。
教学重点:HTML5文件结构，列表，超级链接，效果设置，表单及表单元素；图片地设置及编辑；音频，视频，动画,Flash地使用。
教学难点:HTML5地语义标记，超级链接地应用，表单分组，控制音视频。
二，学习内容
1,HTML5基础
1.1  HTML基本概念
1.2  HTML概述
1.3  HTML标记格式
1.4  HTML5文件基本结构
1.5  网站地建设
2,HTML5常用标记
2.1  HTML5文件结构与语义标记
2.2  HTML属性与
2.3  文字与段落标记
2.4  列表标记
2.5  图片标记
2.6  内联框架
2.7  注释与特殊符号
3，在网页嵌入多媒体内容
3.1  HTML5多媒体技术概述
3.2  加载多媒体资源
3.3  <audio>与<video>标记地方法与
4，超链接
jquery是什么功能组件4.1  什么是超链接
4.2  超链接地用法
4.3  网页地特殊超链接
5，表格
5.1  表格地基本标记
5.2  表格及单元格属性
5.3  合并单元格
6，表单
6.1  创建表单
6.2  表单地输入组件
6.3  表单地列表组件
6.4  表单地选择组件
6.5  表单地按钮组件
6.6  表单地其它组件
6.7  表单地验证
6.8  表单地应用实例—会员注册
7，练习题
第三章Web应用网页美化——CSS3（8学时）
一，本章地教学目地与要求
本章教学要求：通过学习，学生可以了解CSS样式选择器，渐变地应用，了解列表，掌握方框，边界与边框，定位地有关操作，掌握CSS样式表地应用，掌握文字样式，背景地设置，掌握滤镜，过渡，变换，动画地有关操作。
教学重点:CSS样式，文字样式，背景地设置，方框，边界，边框，间距，组件定位，滤镜，过渡，变换，动画等。
教学难点:CSS样式选择器，渐变，超链接与定位，动画地编写。
二，学习内容
1,CSS基础
1.1  了解CSS
1.2  创建CSS样式表
2,CSS语法
2.1  CSS语法——类型
2.2  CSS语法——背景
2.3  CSS语法——区块
2.4  CSS语法——方框
2.5  CSS语法——边框
2.6  CSS语法——列表
2.7  CSS语法——定位
2.8  CSS语法——扩展
2.9  CSS语法——过渡
3，练习题
第四章Web应用程序交互——JavaScript语言（10学时）
一，本章地教学目地与要求
本章教学要求：通过学习，学生可以了解JavaScript地语法结构，掌握常用地内置对象，函
数,JavaScript,BOM,DOM编程，画布应用。
教学重点：常用地内置对象，函数,BOM,DOM编程等。
教学难点：用JavaScript控制表单元素与CSS元素。
二，学习内容
1,JavaScript地语法与语句
1.1  JavaScript基本常识
1.2  数据类型与变量
1.3  运算符与表达式
1.4  语句
2,JavaScript函数
2.1  函数地使用
2.2  JavaScript地内置函数
3,JavaScript对象
3.1  自定义对象
3.2  内置对象
3.3  浏览器对象
4,JavaScript DOM
4.1  文档对象模型
4.2  操作HTML元素
4.3  JavaScript
5，练习题
6，实验一基本语法与表单编程实验
（1）实验（训）项目简介
该项目为必做项目。编写HTML5网页，在JavaScript要求用户在文本框输入用户名，提交时，若文本框为空，则取消提交；利用随机函数，设计验证码，并利用隐藏控件，设计判断用户输入地验证码；利用文本框，单选钮，复选框与隐藏控件设计填空题，单选题或判断题，多选题。
（2）实验（训）类型

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