阮曉龍

河南中醫(yī)學(xué)院 河南鄭州 450008

Web前端開發(fā)課程內(nèi)容改革的探索與嘗試

阮曉龍

河南中醫(yī)學(xué)院 河南鄭州 450008

Web前端開發(fā)是大多數(shù)高校計(jì)算機(jī)專業(yè)的必修課程，通過各個(gè)高校所開設(shè)的Web前端課程的對比分析，并結(jié)合課程的特點(diǎn)和自身的教學(xué)實(shí)踐，從教學(xué)內(nèi)容、教學(xué)方式、實(shí)驗(yàn)教學(xué)等方面對Web前端開發(fā)課程進(jìn)行教學(xué)內(nèi)容改革探索與研究。

Web前端開發(fā)；課程改革；云服務(wù)；課程設(shè)計(jì)；交互

隨著互聯(lián)網(wǎng)的高速發(fā)展，高素質(zhì)的Web前端開發(fā)人員越來越受到重視，大量的人才缺口與并不樂觀的就業(yè)形勢逐漸得到廣泛關(guān)注，促使高校對相關(guān)專業(yè)及相關(guān)課程給予足夠重視，并紛紛實(shí)行改革。筆者認(rèn)為Web前端開發(fā)類課程對于計(jì)算機(jī)及相關(guān)專業(yè)的學(xué)生而言是非常重要的專業(yè)課程，通過近幾年對Web前端技術(shù)的研究，特別是對Web前端開發(fā)的關(guān)注和參與，并結(jié)合實(shí)際教學(xué)經(jīng)驗(yàn)對Web前端開發(fā)課程進(jìn)行了探索和嘗試。

以下將從五個(gè)方面介紹對Web前端開發(fā)課程教學(xué)內(nèi)容和實(shí)驗(yàn)教學(xué)的探索與研究。

1 課程現(xiàn)狀與困境

1.1 課程現(xiàn)狀

Web應(yīng)用服務(wù)的快速發(fā)展，推動(dòng)了Web技術(shù)的快速發(fā)展，更多的敏捷開發(fā)技術(shù)縮短了Web應(yīng)用項(xiàng)目的開發(fā)周期，Web表現(xiàn)形式和用戶體驗(yàn)也發(fā)生了極大改變。

目前，Web前端開發(fā)課程的大部分教學(xué)內(nèi)容停留在網(wǎng)頁設(shè)計(jì)、網(wǎng)頁制作和工具軟件的使用上，內(nèi)容落后，不能很好地與Web前端技術(shù)同步發(fā)展。在教學(xué)上普遍采用教師課堂上講授相關(guān)知識(shí)，學(xué)生在實(shí)驗(yàn)課上對所學(xué)知識(shí)點(diǎn)進(jìn)行練習(xí)的方式，很難發(fā)現(xiàn)和評估在實(shí)驗(yàn)學(xué)習(xí)中暴露出語法等基礎(chǔ)方面的問題。由于較少組織項(xiàng)目級(jí)別和團(tuán)隊(duì)模式下的實(shí)踐學(xué)習(xí)，學(xué)生的學(xué)習(xí)僅僅停留在知識(shí)點(diǎn)的掌握層面，鮮有項(xiàng)目開發(fā)經(jīng)驗(yàn)的積累。

1.2 教學(xué)中的困境

Web前端開發(fā)是高校計(jì)算機(jī)專業(yè)的一門專業(yè)技能課程，學(xué)完該課程后學(xué)生應(yīng)具備獨(dú)立設(shè)計(jì)開發(fā)一定水準(zhǔn)的網(wǎng)站的能力，但是由于該課程的內(nèi)容涉及較多、技術(shù)性較強(qiáng)、涉及面較廣、技能和實(shí)踐要求較高，學(xué)生個(gè)體差異較大等原因，傳統(tǒng)的教學(xué)思路和教學(xué)方法不能滿足課程教學(xué)的要求。

在正常的教學(xué)過程中學(xué)生往往很少能夠參與一個(gè)項(xiàng)目從需求分析，規(guī)劃設(shè)計(jì)、具體開發(fā)直至項(xiàng)目部署調(diào)試的全過程，因此造成學(xué)生缺乏完整項(xiàng)目開發(fā)的經(jīng)驗(yàn)，僅僅停留在對“實(shí)驗(yàn)項(xiàng)目”的學(xué)習(xí)上。由于缺乏實(shí)際應(yīng)用項(xiàng)目的開發(fā)經(jīng)驗(yàn)，其解決實(shí)際問題的能力也很難得到提高。

2 教學(xué)內(nèi)容的探索

2.1 課程定位

筆者所在學(xué)院自2010年起，將Web前端開發(fā)課程定位為面向開發(fā)，以編程為主的專業(yè)基礎(chǔ)課，目的是讓學(xué)生掌握并靈活應(yīng)用Web前端開發(fā)技術(shù)(HTML5，CSS3，JavaScript，JQuery等)，能夠理解Web程序框架結(jié)構(gòu)，理解Web程序結(jié)構(gòu)的特點(diǎn)，從而掌握獨(dú)立分析規(guī)劃和程序開發(fā)的能力，為Web Service開發(fā)的學(xué)習(xí)奠定基礎(chǔ)。

2.2 教學(xué)內(nèi)容知識(shí)結(jié)構(gòu)

Web前端開發(fā)課程教學(xué)內(nèi)容的知識(shí)結(jié)構(gòu)，包括六個(gè)部分。

第一部分：Web基礎(chǔ)(包括2章)。

第二部分：Web開發(fā)與測試工具(包括2章)。第三部分：HTML開發(fā)(包括5章)。第四部分：CSS開發(fā)(包括6章)。第五部分：交互(包括2章)。

第六部分：Web發(fā)布(包括1章)。

2.3 教學(xué)內(nèi)容設(shè)計(jì)

本課程的教學(xué)內(nèi)容共計(jì)18章，54學(xué)時(shí)。

表1 教學(xué)內(nèi)容章節(jié)對比分析表

表1 (續(xù))

表1 (續(xù))

3 實(shí)驗(yàn)教學(xué)的探索

3.1 實(shí)驗(yàn)教學(xué)內(nèi)容的知識(shí)結(jié)構(gòu)

Web前端開發(fā)的實(shí)驗(yàn)教學(xué)知識(shí)結(jié)構(gòu)，分為三個(gè)部分，共九個(gè)實(shí)驗(yàn)項(xiàng)目。

第一部分：基礎(chǔ)知識(shí)與入門(包括1個(gè)實(shí)驗(yàn)項(xiàng)目)。

第二部分：網(wǎng)頁開發(fā)技術(shù)(包括6個(gè)實(shí)驗(yàn)項(xiàng)目)。

第三部分：交互開發(fā)(包括2個(gè)實(shí)驗(yàn)項(xiàng)目)。

3.2 實(shí)驗(yàn)內(nèi)容與實(shí)驗(yàn)設(shè)計(jì)

表2 實(shí)驗(yàn)教學(xué)內(nèi)容知識(shí)結(jié)構(gòu)對比分析表

3.3 實(shí)驗(yàn)教學(xué)環(huán)境與平臺(tái)

3.3.1 實(shí)驗(yàn)教學(xué)環(huán)境

在實(shí)驗(yàn)教學(xué)過程中，每個(gè)學(xué)生都配備一臺(tái)計(jì)算機(jī)和云服務(wù)器。配置的計(jì)算機(jī)用來實(shí)現(xiàn)Web開發(fā)，云服務(wù)器用來做Web發(fā)布，每位學(xué)生的實(shí)驗(yàn)內(nèi)容和自主實(shí)驗(yàn)內(nèi)容，以及開發(fā)類的作業(yè)，都發(fā)布到云服務(wù)器上。

3.3.2 實(shí)驗(yàn)教學(xué)平臺(tái)

為了更方便地進(jìn)行實(shí)驗(yàn)教學(xué)，建設(shè)了課程資源發(fā)布網(wǎng)站、網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)，并通過云計(jì)算的方式對學(xué)生的代碼進(jìn)行托管，讓學(xué)生更便捷地獲得學(xué)習(xí)資源、參與學(xué)習(xí)活動(dòng)，為學(xué)習(xí)Web前端開發(fā)提供了更好的保障。

3.3.3 實(shí)驗(yàn)學(xué)習(xí)中的軟件

在實(shí)驗(yàn)過程中使用的瀏覽器(Chrome瀏覽器、火狐瀏覽器、360瀏覽器、QQ瀏覽器、IE瀏覽器、Safari瀏覽器)、Web測試工具(BrowseShot，Web Link Validator)、Web設(shè)計(jì)軟件(Adobe Photoshop)、Web開發(fā)軟件(Netbeans)全部是正版軟件，拒絕使用盜版軟件。

4 成果

4.1 教學(xué)成果

教學(xué)內(nèi)容的改革，使學(xué)生的積極性與學(xué)習(xí)態(tài)度得到了明顯改善。學(xué)生學(xué)習(xí)變被動(dòng)為主動(dòng)，不再拘泥于課堂教師的講解，主動(dòng)追求對技術(shù)的學(xué)習(xí)，主動(dòng)參與到Web前端開發(fā)的學(xué)習(xí)中，對課程的理解更加深刻。

跟蹤式監(jiān)督，使每個(gè)學(xué)生不斷學(xué)習(xí)必要的知識(shí)和技能；每屆專業(yè)課程答辯，也讓教師和學(xué)生積累了寶貴的學(xué)習(xí)經(jīng)驗(yàn)，這些因素使每屆課程設(shè)計(jì)質(zhì)量水平都得到逐步提升。

4.2 研究成果

實(shí)驗(yàn)改革中建立的課程資源網(wǎng)包含了任課教師的多媒體課件、講稿、軟件資源、課外拓展資料等資源，學(xué)生根據(jù)這些資源可以對教師所講內(nèi)容進(jìn)行預(yù)習(xí)、復(fù)習(xí)與鞏固，教學(xué)效率得到了極大提高。

網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)和云服務(wù)器能夠?qū)崟r(shí)記錄學(xué)生的學(xué)習(xí)情況。學(xué)生課后在線按時(shí)提交作業(yè)，提高了理論教學(xué)的質(zhì)量；實(shí)驗(yàn)前及時(shí)對實(shí)驗(yàn)內(nèi)容進(jìn)行預(yù)習(xí)并提交實(shí)驗(yàn)準(zhǔn)備作業(yè)，強(qiáng)化了實(shí)驗(yàn)課的學(xué)習(xí)。

5 不足

5.1 教學(xué)過程監(jiān)督不夠

在課后的學(xué)習(xí)過程中，教學(xué)監(jiān)督有待完善。學(xué)生編寫的代碼不能及時(shí)收集，教師并不能及時(shí)有效地對學(xué)生代碼質(zhì)量做出評估。

為了更加有效地對學(xué)生的學(xué)習(xí)情況進(jìn)行評估與指導(dǎo)，后期計(jì)劃進(jìn)一步深化云服務(wù)的應(yīng)用，為每一個(gè)學(xué)生開設(shè)虛擬化學(xué)習(xí)平臺(tái)，使學(xué)生的代碼能及時(shí)快捷實(shí)現(xiàn)集中管理和存儲(chǔ)，同時(shí)教師還能在線預(yù)覽并及時(shí)做出評估。

5.2 課程內(nèi)容不完善

Web前端開發(fā)課程教學(xué)中，目前只講授了Web前端開發(fā)的基本內(nèi)容，對移動(dòng)開發(fā)的重視度不夠，同時(shí)在自動(dòng)化測試方面，也并未涉及。后期將加強(qiáng)本方面的建設(shè)，計(jì)劃通過增加本課程的學(xué)時(shí)數(shù)或者另開設(shè)一門課程，例如移動(dòng)Web開發(fā)，以幫助學(xué)生掌握移動(dòng)Web開發(fā)的能力，完善學(xué)生的知識(shí)結(jié)構(gòu)和技能體系。

6 結(jié)束語

在Web前端開發(fā)課程的教學(xué)中注重培養(yǎng)學(xué)生的綜合素質(zhì)，結(jié)合實(shí)際應(yīng)用和技術(shù)發(fā)展，全面調(diào)整了課程定位、教學(xué)內(nèi)容，深化了實(shí)驗(yàn)教學(xué)內(nèi)容，豐富了教學(xué)手段，借助課程資源網(wǎng)站和網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)提升了教學(xué)控制力和教學(xué)效果。經(jīng)過驗(yàn)證，目前教學(xué)改革的探索和嘗試效果良好，既激發(fā)了學(xué)生的學(xué)習(xí)興趣，又極大地提高了教學(xué)質(zhì)量和學(xué)生技能水平。

[1] 王曉紅.周立.《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革[J].北京聯(lián)合大學(xué)學(xué)報(bào):自然科學(xué)版,2006(4):90-92.

[2] 呂立霞.以產(chǎn)品開發(fā)為工作過程的《靜態(tài)網(wǎng)頁設(shè)計(jì)》課程改革[J].當(dāng)代教育論壇,2011(4):116-118.

[3] 魏冬梅.Web前端開發(fā)課程教學(xué)探討與實(shí)踐[J].福建電腦,2013(6):181-183.

[4] 金翠芹.網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)改革初探[J].正德學(xué)院學(xué)報(bào),2010(8):26-29.

[5] 閆齊峰,張莉平.高?！毒W(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)與探析[J].蘭州商學(xué)院隴橋?qū)W院,2012(12):165-166.

Explorations and Attempts of the Reform on Web-based Curriculum System

Ruan XiaoLong
Henan University of TCM， Zhengzhou， 450008， China

'The Development of Web's Front -End' is a compulsory course for the majority of the colleges and universities'computer specialty. By various colleges and universities opened web's Front-End courses' contrastive analysis and combine the course features and personal teaching practice， to exploy and study 'The Development of Web's Front-end' from the content of courses， teaching methods， experimental teaching and other aspects.

the development of Web's Front-end； course reform； cloud service； curriculum design； interactive

2014-11-20

阮曉龍，本科，講師，網(wǎng)絡(luò)信息中心信息部主任。

虛擬化平臺(tái)在《Web前端開發(fā)》教學(xué)中的應(yīng)用研究(編號(hào)：2013JX22)。