一,、課程的性質(zhì)
《Web開發(fā)技術(shù)》是計(jì)算機(jī)相關(guān)專業(yè)的一門專業(yè)課程,。通過本課程的教學(xué),學(xué)生掌握HTML5,、CSS3,、Javascript、PHP,、JQuery,、BootStrap,、Vue.js 、Echarts等主流Web開發(fā)技術(shù),,并能獨(dú)立完成一個(gè)動(dòng)態(tài)網(wǎng)站的制作,。同時(shí),搭配JQuery Mobile制作手機(jī)APP應(yīng)用等專業(yè)知識(shí),,并較熟練的進(jìn)行手機(jī)Web APP項(xiàng)目的設(shè)計(jì)與制作,,初步具備構(gòu)建分布式應(yīng)用系統(tǒng)開發(fā)和Web全棧開發(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開發(fā)靜態(tài)網(wǎng)頁(yè)3,、使用PHP+MySQL開發(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)用的開發(fā),。
(二)能力目標(biāo):通過本課程的學(xué)習(xí),,學(xué)生在掌握TML5、CSS3,、Javascript,、PHP、JQuery,、BootStrap,、Vue.js ,、Echarts、JQuery Mobile等基礎(chǔ)知識(shí)上,,能把具體應(yīng)用問題抽象成手機(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)用到各類大創(chuàng)項(xiàng)目,、創(chuàng)新創(chuàng)業(yè)活動(dòng),、比賽中,在項(xiàng)目實(shí)踐中提高的動(dòng)手能力和創(chuàng)新能力,,初步具備手機(jī)應(yīng)用開發(fā)程序員的素質(zhì),。
四、教學(xué)方法與手段
采用講授與案例相結(jié)合,、任務(wù)驅(qū)動(dòng)與項(xiàng)目相配合的教學(xué)方法,,通過課堂上多媒體理論精講、案例分析討論,、精心設(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%。
七、教材與參考書
[1] 龍軍,陳顯軍,紀(jì)洲鵬,樊宇.Web 應(yīng)用程序全棧開發(fā)[M].人民郵電出版社,2020.
[2] 黑馬程序員.響應(yīng)式Web開發(fā)項(xiàng)目教程[M].人民郵電出版社,2017.
[3] 盧淑萍,樊紅珍.響應(yīng)式Web開發(fā)項(xiàng)目教程[M].清華大學(xué)出版社,2017.
[4] 王鳳麗,豆連軍.Vue.js前端開發(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)開發(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)用程序開發(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)綜合開發(fā)——HTML5+PHP+MySQ | 完成課堂案例,講授 |
16(6.13) | 3 | 第11章 使用Echarts進(jìn)行報(bào)表展示 | 完成課堂案例,,講授 |
17(6.20) | 3 | 第12章 HTML畫布 | 完成課堂案例,,講授 |
18(6.27) | 3 | 第13章 前端工程、vue基礎(chǔ) | 完成課堂案例,,講授 |