课程简介
Course Introduction
一、课程的性质
《Web开发技术》是计算机相关专业的一门专业课程。通过本课程的教学，学生掌握HTML5、CSS3、Javascript、PHP、JQuery、BootStrap、Vue.js 、Echarts等主流Web开发技术，并能独立完成一个动态网站的制作。同时，搭配JQuery Mobile制作手机APP应用等专业知识，并较熟练的进行手机Web APP项目的设计与制作，初步具备构建分布式应用系统开发和Web全栈开发的思想和能力，为后续《数据可视化技术》等课程打下坚实基础。
二、课程的基本要求
（一）知识目标:1、HTML5、CSS3、Javascript、JQuery、BootStrap、Vue.js 、Echarts、PHP等Web技术的基础知识。2、使用HTML5+CSS3+Javascript开发静态网页3、使用PHP+MySQL开发动态网站。4、JQuery Mobile常用的函数和应用。5、网页存储技术。6、HTML5的数据存储、插件、地图等应用。7、HTML5+jQuery Mobile手机应用的开发。
（二）能力目标:通过本课程的学习，学生在掌握TML5、CSS3、Javascript、PHP、JQuery、BootStrap、Vue.js 、Echarts、JQuery Mobile等基础知识上，能把具体应用问题抽象成手机可以处理的模型，并完成界面设计与功能实现，掌握手机Web APP制作的基本操作技能，并能熟练应用于本地应用、网络应用中，并进行软件设计、管理、实施的能力。
（三）素质目标:具备能将课程能力应用到各类大创项目、创新创业活动、比赛中，在项目实践中提高的动手能力和创新能力，初步具备手机应用开发程序员的素质。
四、教学方法与手段
采用讲授与案例相结合、任务驱动与项目相配合的教学方法，通过课堂上多媒体理论精讲、案例分析讨论、精心设计项目、以任务驱动为主线，以及课下以学生自主学习为主、老师辅导为辅，完成预习、作业、拓展项目等教学任务，将课内课外学习结合，提高学生自主学习主动性，实现理论和实践教学一体化，达到软件设计与制作的工程实践应用能力培养的目标。
五、考核要求
（一）考核性质:考试。
（二）考核方式:上机考试。
（三）成绩评定:平时成绩（考勤、平时作业等）占30%，期末考试成绩占70%。
七、教材与参考书
[1] 龙军,陈显军,纪洲鹏,樊宇.Web 应用程序全栈开发[M].人民邮电出版社,2020.
[2] 黑马程序员.响应式Web开发项目教程[M].人民邮电出版社,2017.
[3] 卢淑萍,樊红珍.响应式Web开发项目教程[M].清华大学出版社,2017.
教学大纲
Teaching Syllabus
周 次（日期） | 周学时 | 主要教学内容（讲授的章节、主要内容） | 备注（作业、教学手段等） |
1（2.28） | 3 | 第1章 Web应用系统基础——如何进行Web应用系统开发 第2章 Web应用网页设计——HTML5（上） | 完成课堂案例，讲授 |
2（3.7） | 3 | 第2章 Web应用网页设计——HTML5（下） | 完成课堂案例，讲授 |
3（3.14） | 3 | 第3章 Web应用网页美化——CSS3 | 完成课堂案例，讲授 |
3（3.14） | 3 | 第4章 Web应用程序交互——Javascript语言 | 完成课堂案例，讲授 |
4（3.21） | 3 | 第5章 Web应用程序设计——PHP+MySQL（上） | 完成课堂案例，讲授 |
5（3.28） | 3 | 第5章 Web应用程序设计——PHP+MySQL（下） | 完成课堂案例，讲授 |
7（4.11） | 3 | 第6章 Web应用程序桥梁——基于REST风格的Web API | 完成课堂案例，讲授 |
8（4.18） | 3 | 补充内容:JQuery基础、Vue.js基础 | 完成课堂案例，讲授 |
11（5.9） | 3 | 第7章 移动Web应用程序开发——HTML5+jQuery Mobile | 完成课堂案例，讲授 |
12（5.16） | 3 | 第8章 响应式Web设计 | 完成课堂案例，讲授 |
14（5.30） | 3 | 第9章 响应式设计神器——Bootstrap | 完成课堂案例，讲授 |
15（6.6） | 3 | 第10章 Web应用系统综合开发——HTML5+PHP+MySQ | 完成课堂案例，讲授 |
16（6.13） | 3 | 第11章 使用Echarts进行报表展示 | 完成课堂案例，讲授 |
17（6.20） | 3 | 第12章 HTML画布 | 完成课堂案例，讲授 |
18（6.27） | 3 | 第13章 前端工程、vue基础 | 完成课堂案例，讲授 |
教学队伍Teaching Members
友情链接Links
相关课程Correlative
Courses
