課程簡介
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
