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