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