一,、課程的性質(zhì)
《Web開發(fā)技術(shù)》是計算機相關(guān)專業(yè)的一門專業(yè)課程,。通過本課程的教學,學生掌握HTML5,、CSS3,、Javascript、PHP,、JQuery,、BootStrap、Vue.js ,、Echarts等主流Web開發(fā)技術(shù),,并能獨立完成一個動態(tài)網(wǎng)站的制作。同時,,搭配JQuery Mobile制作手機APP應(yīng)用等專業(yè)知識,,并較熟練的進行手機Web APP項目的設(shè)計與制作,初步具備構(gòu)建分布式應(yīng)用系統(tǒng)開發(fā)和Web全棧開發(fā)的思想和能力,,為后續(xù)《數(shù)據(jù)可視化技術(shù)》等課程打下堅實基礎(chǔ),。
二、課程的基本要求
(一)知識目標:1,、HTML5,、CSS3、Javascript,、JQuery,、BootStrap、Vue.js ,、Echarts,、PHP等Web技術(shù)的基礎(chǔ)知識。2,、使用HTML5+CSS3+Javascript開發(fā)靜態(tài)網(wǎng)頁3,、使用PHP+MySQL開發(fā)動態(tài)網(wǎng)站。4,、JQuery Mobile常用的函數(shù)和應(yīng)用,。5、網(wǎng)頁存儲技術(shù),。6,、HTML5的數(shù)據(jù)存儲、插件,、地圖等應(yīng)用,。7、HTML5+jQuery Mobile手機應(yīng)用的開發(fā),。
(二)能力目標:通過本課程的學習,,學生在掌握TML5,、CSS3、Javascript,、PHP,、JQuery、BootStrap,、Vue.js ,、Echarts、JQuery Mobile等基礎(chǔ)知識上,,能把具體應(yīng)用問題抽象成手機可以處理的模型,,并完成界面設(shè)計與功能實現(xiàn),掌握手機Web APP制作的基本操作技能,,并能熟練應(yīng)用于本地應(yīng)用,、網(wǎng)絡(luò)應(yīng)用中,并進行軟件設(shè)計,、管理,、實施的能力。
(三)素質(zhì)目標:具備能將課程能力應(yīng)用到各類大創(chuàng)項目,、創(chuàng)新創(chuàng)業(yè)活動,、比賽中,在項目實踐中提高的動手能力和創(chuàng)新能力,,初步具備手機應(yīng)用開發(fā)程序員的素質(zhì),。
四、教學方法與手段
采用講授與案例相結(jié)合,、任務(wù)驅(qū)動與項目相配合的教學方法,通過課堂上多媒體理論精講,、案例分析討論,、精心設(shè)計項目、以任務(wù)驅(qū)動為主線,,以及課下以學生自主學習為主,、老師輔導為輔,完成預(yù)習,、作業(yè),、拓展項目等教學任務(wù),將課內(nèi)課外學習結(jié)合,,提高學生自主學習主動性,,實現(xiàn)理論和實踐教學一體化,達到軟件設(shè)計與制作的工程實踐應(yīng)用能力培養(yǎng)的目標,。
五,、考核要求
(一)考核性質(zhì):考試,。
(二)考核方式:上機考試。
(三)成績評定:平時成績(考勤,、平時作業(yè)等)占30%,,期末考試成績占70%。
七,、教材與參考書
[1] 龍軍,陳顯軍,紀洲鵬,樊宇.Web 應(yīng)用程序全棧開發(fā)[M].人民郵電出版社,2020.
[2] 黑馬程序員.響應(yīng)式Web開發(fā)項目教程[M].人民郵電出版社,2017.
[3] 盧淑萍,樊紅珍.響應(yīng)式Web開發(fā)項目教程[M].清華大學出版社,2017.
[4] 王鳳麗,豆連軍.Vue.js前端開發(fā)技術(shù)[M].人民郵電出版社.2019.
[5] 羅家輝.數(shù)據(jù)可視化技術(shù)[M].自編教材,2019.
周 次(日期) | 周學時 | 主要教學內(nèi)容(講授的章節(jié),、主要內(nèi)容) | 備注(作業(yè)、教學手段等) |
1(2.28) | 3 | 第1章 Web應(yīng)用系統(tǒng)基礎(chǔ)——如何進行Web應(yīng)用系統(tǒng)開發(fā) 第2章 Web應(yīng)用網(wǎng)頁設(shè)計——HTML5(上) | 完成課堂案例,,講授 |
2(3.7) | 3 | 第2章 Web應(yīng)用網(wǎng)頁設(shè)計——HTML5(下) | 完成課堂案例,,講授 |
3(3.14) | 3 | 第3章 Web應(yīng)用網(wǎng)頁美化——CSS3 | 完成課堂案例,講授 |
3(3.14) | 3 | 第4章 Web應(yīng)用程序交互——Javascript語言 | 完成課堂案例,,講授 |
4(3.21) | 3 | 第5章 Web應(yīng)用程序設(shè)計——PHP+MySQL(上) | 完成課堂案例,,講授 |
5(3.28) | 3 | 第5章 Web應(yīng)用程序設(shè)計——PHP+MySQL(下) | 完成課堂案例,講授 |
7(4.11) | 3 | 第6章 Web應(yīng)用程序橋梁——基于REST風格的Web API | 完成課堂案例,,講授 |
8(4.18) | 3 | 補充內(nèi)容:JQuery基礎(chǔ),、Vue.js基礎(chǔ) | 完成課堂案例,講授 |
11(5.9) | 3 | 第7章 移動Web應(yīng)用程序開發(fā)——HTML5+jQuery Mobile | 完成課堂案例,,講授 |
12(5.16) | 3 | 第8章 響應(yīng)式Web設(shè)計 | 完成課堂案例,,講授 |
14(5.30) | 3 | 第9章 響應(yīng)式設(shè)計神器——Bootstrap | 完成課堂案例,講授 |
15(6.6) | 3 | 第10章 Web應(yīng)用系統(tǒng)綜合開發(fā)——HTML5+PHP+MySQ | 完成課堂案例,,講授 |
16(6.13) | 3 | 第11章 使用Echarts進行報表展示 | 完成課堂案例,,講授 |
17(6.20) | 3 | 第12章 HTML畫布 | 完成課堂案例,講授 |
18(6.27) | 3 | 第13章 前端工程,、vue基礎(chǔ) | 完成課堂案例,,講授 |