Web程序設(shè)計(jì)課程教學(xué)改革與實(shí)踐

李 亞，王 青

（ 1. 廣州大學(xué) 計(jì)算機(jī)與教育軟件學(xué)院，廣東 廣州510006；2. 中山大學(xué) 數(shù)據(jù)科學(xué)與計(jì)算機(jī)學(xué)院，廣東 廣州 510006）

Web程序設(shè)計(jì)課程教學(xué)改革與實(shí)踐

李 亞1，王 青2

（ 1. 廣州大學(xué) 計(jì)算機(jī)與教育軟件學(xué)院，廣東 廣州510006；2. 中山大學(xué) 數(shù)據(jù)科學(xué)與計(jì)算機(jī)學(xué)院，廣東 廣州 510006）

Web技術(shù)發(fā)展迅速，傳統(tǒng)的Web程序設(shè)計(jì)課程已經(jīng)無法滿足時(shí)代要求。文章分析目前Web程序設(shè)計(jì)課程教學(xué)存在的主要問題，從教學(xué)內(nèi)容、教學(xué)實(shí)踐、課程考評(píng)機(jī)制等多方面闡述課程改革的主要過程，并說明改革成果。

Web程序設(shè)計(jì)；瀏覽器編程；集體學(xué)習(xí)；JavaScript；PHP；Ajax

0 引 言

截至2016年12月，我國(guó)網(wǎng)站數(shù)量為482萬個(gè)，網(wǎng)民規(guī)模達(dá)7.31億，互聯(lián)網(wǎng)普及率達(dá)53.2%[1]。一方面，隨著互聯(lián)網(wǎng)技術(shù)不斷發(fā)展，Web應(yīng)用不斷增加，Web編程在軟件產(chǎn)業(yè)中的比重越來越大，軟件產(chǎn)業(yè)對(duì)Web開發(fā)人員的需求量迅猛上升，作為Web開發(fā)人員基本專業(yè)課程的Web程序設(shè)計(jì)課程日益重要；另一方面，Web 2.0時(shí)代的Web應(yīng)用更看重用戶體驗(yàn)，用戶期望能夠通過瀏覽器及時(shí)高效地與Web應(yīng)用交互，獲取需要的信息與服務(wù)，因此，現(xiàn)代Web更注重前端（客戶端）技術(shù)，如HTML、CSS、JavaScript、Ajax、RIA、JavaScript框架與類庫、Mashup等。了解Web重要性和掌握這些Web技術(shù)能夠加深學(xué)生對(duì)計(jì)算機(jī)科學(xué)與技術(shù)的理解，提高學(xué)生發(fā)現(xiàn)和解決問題的能力。

1 目前課程教學(xué)存在的問題

1.1 課程教學(xué)內(nèi)容知識(shí)結(jié)構(gòu)不合理

現(xiàn)有Web程序設(shè)計(jì)課程教學(xué)內(nèi)容大部分仍然以服務(wù)器端技術(shù)為主，如ASP、ASP.NET、PHP、JSP等，少有前端技術(shù)，難以滿足現(xiàn)代Web應(yīng)用的需要。少數(shù)院校以JavaScript為主要教學(xué)內(nèi)容，但局限于JavaScript語言本身，沒有與其他技術(shù)結(jié)合起來形成一個(gè)完整的Web前端技術(shù)堆棧?？偟恼f來，現(xiàn)有Web程序設(shè)計(jì)課程已經(jīng)不能滿足Web技術(shù)的發(fā)展，不能適應(yīng)產(chǎn)業(yè)發(fā)展的需要，難以培養(yǎng)業(yè)界亟須的具備現(xiàn)代Web應(yīng)用設(shè)計(jì)開發(fā)能力的軟件工程師。

1.2 教師主導(dǎo)的灌輸式教學(xué)方法陳舊

現(xiàn)代Web程序設(shè)計(jì)技術(shù)發(fā)展迅速且內(nèi)容龐雜，傳統(tǒng)的教學(xué)方法和教學(xué)環(huán)境難以應(yīng)對(duì)實(shí)際需求。Web專用的編程語言包括HTML、CSS、JavaScript、JSP、PHP、Servlet、ASP等，且?guī)缀跛械默F(xiàn)代主流編程語言都支持Web編程，并有各自標(biāo)準(zhǔn)的Web框架，如J2EE、.NET ASP Framework、Django、Rails等，各種前端的Web JavaScript框架和類庫更是有如過江之鯽，不勝枚舉。傳統(tǒng)教學(xué)方法由教師驅(qū)動(dòng)教學(xué)，教師通過課堂教學(xué)講解主要知識(shí)點(diǎn)，并結(jié)合實(shí)驗(yàn)引導(dǎo)學(xué)生對(duì)所學(xué)內(nèi)容進(jìn)行鞏固練習(xí)，師生間的互動(dòng)局限于課堂，學(xué)生之間缺少有效的集體討論與互相學(xué)習(xí)，學(xué)生碰到各種棘手難題時(shí)難以得到及時(shí)有效的幫助。

1.3 考核方式簡(jiǎn)單、僵化

課程考核一般采用期末考試70%、平時(shí)表現(xiàn)30%的方式，這種考核方式輕實(shí)踐、重理論，輕過程、重結(jié)果，不能客觀、公平、全面地評(píng)價(jià)學(xué)生對(duì)課程知識(shí)的掌握程度，也不能激發(fā)學(xué)生的學(xué)習(xí)積極性[2]。Web技術(shù)實(shí)踐性強(qiáng)、工程化思想突出，課程要求學(xué)生應(yīng)具備較強(qiáng)的實(shí)踐動(dòng)手能力，課程考核應(yīng)注重考查學(xué)生的平時(shí)成績(jī)和實(shí)際動(dòng)手能力。

2 教學(xué)內(nèi)容改革

現(xiàn)代Web以Ajax技術(shù)的問世為開端，強(qiáng)調(diào)Web應(yīng)用的可用性和用戶體驗(yàn)，Web應(yīng)用的邏輯也由此分離出業(yè)務(wù)邏輯和表示邏輯，且表示邏輯逐漸從服務(wù)端遷移到瀏覽器端。瀏覽器不再是瘦客戶端(Thin Client)，客戶端技術(shù)（瀏覽器編程）也不再僅僅是用戶界面和交互設(shè)計(jì)，還具有程序設(shè)計(jì)的內(nèi)容。當(dāng)前Web技術(shù)的核心不再局限于服務(wù)端，而是客戶端和服務(wù)端并重，客戶端是服務(wù)端的基礎(chǔ)，服務(wù)端的所有技術(shù)都是為了輸出客戶端代碼，如果不能掌握和理解客戶端技術(shù)，就很難說真正理解服務(wù)端的代碼和技術(shù)，也難以真正高效使用。以客戶端技術(shù)為起點(diǎn)講授符合現(xiàn)代技術(shù)發(fā)展趨勢(shì)的Web程序設(shè)計(jì)技術(shù)；同時(shí)，通過Web技術(shù)引導(dǎo)學(xué)生思考計(jì)算機(jī)科學(xué)中的原理、規(guī)律、模式和最佳實(shí)踐，可以逐步培養(yǎng)學(xué)生科學(xué)規(guī)范的軟件開發(fā)習(xí)慣。

2.1 知識(shí)點(diǎn)構(gòu)成

課程內(nèi)容板塊間的關(guān)系與Web技術(shù)發(fā)展史的邏輯相對(duì)應(yīng)，由淺入深、由易到難、由基礎(chǔ)技術(shù)到高級(jí)技術(shù)，知識(shí)點(diǎn)結(jié)構(gòu)如圖1所示。

2.1.1 基礎(chǔ)知識(shí)

圖1 Web程序設(shè)計(jì)課程知識(shí)點(diǎn)結(jié)構(gòu)

基礎(chǔ)知識(shí)講解基本的互聯(lián)網(wǎng)、Web知識(shí)和靜態(tài)頁面技術(shù)，包括HTML、CSS與簡(jiǎn)單的Web界面設(shè)計(jì)，共6個(gè)課時(shí)。值得注意的是，靜態(tài)頁面技術(shù)已經(jīng)取得較大發(fā)展，課程內(nèi)容以現(xiàn)代靜態(tài)頁面技術(shù)為準(zhǔn)，并結(jié)合技術(shù)演進(jìn)，深入介紹技術(shù)發(fā)展及其背后的本質(zhì)原因，如介紹頁面布局技術(shù)時(shí)，講解利用div和span進(jìn)行無表格布局技術(shù)，通過和早期利用表格進(jìn)行布局的技術(shù)對(duì)比，引導(dǎo)出軟件設(shè)計(jì)中重要的關(guān)注分離原則[3]。

2.1.2 服務(wù)器編程

該部分講解簡(jiǎn)單的服務(wù)器編程，其目的在于實(shí)現(xiàn)簡(jiǎn)單動(dòng)態(tài)網(wǎng)頁，為瀏覽器編程提供技術(shù)基礎(chǔ)，共6個(gè)課時(shí)。現(xiàn)代Web應(yīng)用中，服務(wù)端程序有兩大功能：實(shí)現(xiàn)應(yīng)用的業(yè)務(wù)邏輯和生成應(yīng)用的表示層代碼，也就是客戶端和瀏覽器代碼，即HTML、CSS、JavaScript等。真正復(fù)雜的部分在于實(shí)現(xiàn)應(yīng)用的業(yè)務(wù)邏輯，由于這些內(nèi)容很多與Web并無直接關(guān)系，大多屬于分布式程序設(shè)計(jì)和企業(yè)應(yīng)用設(shè)計(jì)的范疇，會(huì)在其他課程中講授，所以本課程弱化了這部分內(nèi)容。本課程選用PHP作為服務(wù)器端語言，因?yàn)樵诒姸喾?wù)端編程語言中，PHP相對(duì)較為簡(jiǎn)單易學(xué)，有助于學(xué)生快速掌握，把更多精力留給瀏覽器編程；重點(diǎn)講解如何編寫動(dòng)態(tài)網(wǎng)頁程序，根據(jù)瀏覽器請(qǐng)求產(chǎn)生出不同的客戶端代碼返回，并重點(diǎn)強(qiáng)調(diào)對(duì)Web服務(wù)器和瀏覽器交互過程的理解。

2.1.3 瀏覽器編程

瀏覽器編程是課程的技術(shù)重心，共8個(gè)課時(shí)，著重講解JavaScript語言、DOM模型以及瀏覽器中網(wǎng)頁加載、渲染、交互的過程、原理和機(jī)制，并介紹prototype和script.aculo.us JavaScript工具箱。從技術(shù)上說，瀏覽器編程就是使用JavaScript編程語言操縱瀏覽器DOM對(duì)象。現(xiàn)代Web程序設(shè)計(jì)中，瀏覽器編程從語言、框架、工具到范式都和以前的Web有著巨大差異。瀏覽器不再是瘦客戶端，而是承擔(dān)Web應(yīng)用的表示邏輯，一系列原本在服務(wù)端使用的軟件技術(shù)都在瀏覽器端出現(xiàn)和使用，如面向?qū)ο蠹夹g(shù)、設(shè)計(jì)模式、測(cè)試驅(qū)動(dòng)的開發(fā)、行為驅(qū)動(dòng)的開發(fā)、構(gòu)件化開發(fā)等。此外，瀏覽器編程還推動(dòng)其他技術(shù)的發(fā)展，如聲明式程序設(shè)計(jì)、函數(shù)式程序設(shè)計(jì)等。該部分課程內(nèi)容詳細(xì)講解這些技術(shù)在瀏覽器編程中的應(yīng)用，引導(dǎo)學(xué)生熟練掌握現(xiàn)代Web瀏覽器編程的方法、過程和編程范式。

2.1.4 現(xiàn)代Web編程

現(xiàn)代Web編程是本課程的重點(diǎn)，共12個(gè)課時(shí)。在前面服務(wù)器編程和瀏覽器編程的基礎(chǔ)上，該部分內(nèi)容較為全面地覆蓋了現(xiàn)代Web客戶端技術(shù)（如Ajax、RIA、Mashup、Web服務(wù)（客戶端）等），還對(duì)現(xiàn)代Web程序設(shè)計(jì)中的重點(diǎn)和難點(diǎn)問題進(jìn)行深入分析（包括Cookie、SessionWeb程序安全）。此外，對(duì)于現(xiàn)代Web客戶端技術(shù)的最新發(fā)展和其他相關(guān)技術(shù)也做出介紹，如HTML 5、云計(jì)算、語義網(wǎng)、Web 3.0、現(xiàn)代Web應(yīng)用中的軟件工程等。

2.1.5 公共基礎(chǔ)

公共基礎(chǔ)部分包括正則表達(dá)式和XML的內(nèi)容，這兩種共性技術(shù)在多種技術(shù)中都有應(yīng)用，因此將其穿插在服務(wù)器編程和瀏覽器編程中進(jìn)行介紹。

2.2 實(shí)踐環(huán)節(jié)

實(shí)踐環(huán)節(jié)通過8次實(shí)驗(yàn)、7次程序設(shè)計(jì)作業(yè)和1個(gè)課程設(shè)計(jì)，對(duì)教學(xué)知識(shí)點(diǎn)內(nèi)容進(jìn)行全方位的鞏固加強(qiáng)，提高學(xué)生的實(shí)際動(dòng)手能力。

2.2.1 實(shí) 驗(yàn)

8次實(shí)驗(yàn)總共16學(xué)時(shí)，每?jī)芍芤淮?，?shí)驗(yàn)內(nèi)容與教學(xué)內(nèi)容緊密結(jié)合，由淺入深。實(shí)驗(yàn)1是基礎(chǔ)HTML和CSS，包括基本的HTML標(biāo)簽和CSS屬性（顏色、字體、文本等）的使用；實(shí)驗(yàn)2是 CSS設(shè)計(jì)和布局，使用CSS進(jìn)行無表化布局；實(shí)驗(yàn)3是基本的PHP使用，練習(xí)基本的PHP語法和文件讀寫；實(shí)驗(yàn)4是表單和PHP，使用PHP處理HTML表單；實(shí)驗(yàn)5 是基于JavaScript的交互式用戶界面，包括基本的JavaScript語法和簡(jiǎn)單JavaScript事件處理器；實(shí)驗(yàn)6是 JavaScript DOM和事件，綜合使用HTML、JavaScript和CSS進(jìn)行非侵入式客戶端編程；實(shí)驗(yàn)7是基本的Ajax編程；實(shí)驗(yàn)8是旅行日志，實(shí)現(xiàn)多來源文本、地圖與圖片信息的聚合。

2.2.2 程序設(shè)計(jì)作業(yè)

作業(yè)大致每2周一次，要求學(xué)生課后獨(dú)立完成，其工作量和難度均超過實(shí)驗(yàn)。布置作業(yè)的目的在于深化和鞏固所學(xué)知識(shí)，將課程知識(shí)進(jìn)一步轉(zhuǎn)化為“活”的知識(shí)。作業(yè)1是菜譜制作，用簡(jiǎn)單的靜態(tài)網(wǎng)頁展示菜譜信息，要有CSS修飾；作業(yè)2是電影評(píng)論靜態(tài)網(wǎng)頁，實(shí)現(xiàn)帶有復(fù)雜布局的靜態(tài)網(wǎng)頁；作業(yè)3是電影評(píng)論動(dòng)態(tài)網(wǎng)頁，將作業(yè)2中的網(wǎng)頁變成動(dòng)態(tài)網(wǎng)頁，要求用PHP讀寫文件；作業(yè)4是速配網(wǎng)站，用PHP處理HTML表單；作業(yè)5是ASCII字符動(dòng)畫，用簡(jiǎn)單JavaScript編程實(shí)現(xiàn)；作業(yè)6是拼圖游戲，用JavaScript操縱DOM實(shí)現(xiàn)；作業(yè)7是備忘錄，通過Ajax消費(fèi)Web服務(wù)。

2.2.3 課程設(shè)計(jì)

為了讓學(xué)生能對(duì)各章節(jié)知識(shí)點(diǎn)和技術(shù)實(shí)現(xiàn)融會(huì)貫通，筆者在課程后半學(xué)期安排課程設(shè)計(jì)，要求學(xué)生開發(fā)一個(gè)完整的學(xué)生作業(yè)管理系統(tǒng)。課程設(shè)計(jì)有9項(xiàng)必選的核心需求和3項(xiàng)可選的擴(kuò)展需求，并且鼓勵(lì)學(xué)生創(chuàng)新，自行添加新的合理需求。課程設(shè)計(jì)引導(dǎo)學(xué)生綜合利用各種Web技術(shù)，完成真實(shí)的Web 2.0應(yīng)用，幫助他們進(jìn)一步梳理和鞏固所學(xué)知識(shí)和技術(shù)。

3 教學(xué)實(shí)踐探索

課程教學(xué)中以案例為驅(qū)動(dòng)，同時(shí)結(jié)合實(shí)驗(yàn)、作業(yè)及課程設(shè)計(jì)，著重培養(yǎng)學(xué)生的動(dòng)手實(shí)踐能力。讓學(xué)生通過實(shí)踐掌握和理解課程知識(shí)點(diǎn)，并加以融會(huì)貫通，學(xué)到“活”的知識(shí)。此外，課程基于自組織學(xué)習(xí)理論[4]和Learning 2.0技術(shù)[5]，設(shè)計(jì)課程教學(xué)環(huán)境，構(gòu)建教學(xué)基礎(chǔ)設(shè)施。

3.1 案例驅(qū)動(dòng)式教學(xué)

課程中各部分內(nèi)容都結(jié)合相應(yīng)案例進(jìn)行教學(xué)。首先通過案例提出問題，然后引導(dǎo)學(xué)生思索解決方案，再進(jìn)一步引出具體的Web技術(shù)。課程使用一個(gè)貫穿始終的案例，其發(fā)展路線如圖2所示。

3.2 配置教學(xué)基礎(chǔ)設(shè)施

課程教學(xué)特別重視自組織學(xué)習(xí)與集體學(xué)習(xí)，筆者利用現(xiàn)代Web技術(shù)建設(shè)教學(xué)基礎(chǔ)設(shè)施，并在此基礎(chǔ)上實(shí)施用戶創(chuàng)造內(nèi)容、集體學(xué)習(xí)、反饋控制、可視化數(shù)據(jù)呈現(xiàn)等Learning 2.0的最佳實(shí)踐。

3.2.1 教學(xué)基礎(chǔ)設(shè)施

課程基礎(chǔ)設(shè)施由Wiki、自主開發(fā)的作業(yè)管理系統(tǒng)——MyWeb 2.0、服務(wù)端課程作業(yè)項(xiàng)目管理與運(yùn)行環(huán)境等工具和應(yīng)用組成。Wiki是知識(shí)管理工具，不僅匯集課程教材、幻燈片講義、在線講義、實(shí)驗(yàn)規(guī)格說明、作業(yè)規(guī)格說明和課程設(shè)計(jì)規(guī)格說明，還包括師生對(duì)這些內(nèi)容的討論等協(xié)同創(chuàng)造的內(nèi)容。MyWeb 2.0是自主開發(fā)的開源作業(yè)管理系統(tǒng)，學(xué)生可以提交和管理自己的作業(yè)（項(xiàng)目），并用可視化技術(shù)展示課程成果。服務(wù)端課程作業(yè)項(xiàng)目管理與運(yùn)行環(huán)境包括FTP服務(wù)器、Subversion版本管理服務(wù)器和Apache Web服務(wù)器（含PHP運(yùn)行環(huán)境），用以管理學(xué)生作業(yè)源代碼與測(cè)試部署學(xué)生作業(yè)。

3.2.2 用戶創(chuàng)造內(nèi)容

課程內(nèi)容不僅來源于任課教師，師生對(duì)課程內(nèi)容的討論結(jié)果也會(huì)匯集到相關(guān)知識(shí)點(diǎn)所在的Wiki頁面，形成新的教學(xué)內(nèi)容，使得課程內(nèi)容在教學(xué)中不斷完善、與時(shí)俱進(jìn)。用戶創(chuàng)造內(nèi)容還能調(diào)動(dòng)學(xué)生主動(dòng)參與課程、參與集體學(xué)習(xí)的積極性。此外，Wiki和用戶創(chuàng)造內(nèi)容本身就是Web 2.0技術(shù)的應(yīng)用之一，對(duì)技術(shù)應(yīng)用的親身體會(huì)更能激發(fā)學(xué)生學(xué)習(xí)的興趣。

3.2.3 集體學(xué)習(xí)

圖2 教學(xué)案例路線圖

得益于課程基礎(chǔ)設(shè)計(jì)提供的便捷溝通方式和知識(shí)分享渠道，課程學(xué)習(xí)過程中的拓?fù)浣Y(jié)構(gòu)不再是以教師為中心的星型，而是由學(xué)生、助教和老師共同構(gòu)成的網(wǎng)狀。學(xué)生補(bǔ)充并創(chuàng)造大量的課程內(nèi)容，還通過教學(xué)基礎(chǔ)設(shè)施提供的平臺(tái)，快捷高效地互相學(xué)習(xí)、互相幫助。如學(xué)生在完成作業(yè)時(shí)遇到難題不能解決時(shí)，就可以在該作業(yè)所在的Wiki頁面上提問，其他已經(jīng)知道解決方案的學(xué)生可以為其解答。這種及時(shí)溝通的方式，快速有效地解決了學(xué)生在學(xué)習(xí)和編程實(shí)踐中遇到的技術(shù)細(xì)節(jié)問題，形成集體學(xué)習(xí)的氛圍。這種基于Wiki的集體學(xué)習(xí)還有兩大優(yōu)勢(shì)：①明確的上下文，使得對(duì)話精煉高效，如上述問答本身就在發(fā)現(xiàn)問題的作業(yè)頁面上，所以不用額外描述問題產(chǎn)生的場(chǎng)景，使得表達(dá)精煉、清晰、高效；②討論結(jié)果成為課程內(nèi)容的補(bǔ)充，能夠在所有學(xué)習(xí)者之間共享，這樣附著于相應(yīng)課程內(nèi)容的討論，不僅為學(xué)生提供集體學(xué)習(xí)和快速解決問題的途徑，更能補(bǔ)充豐富當(dāng)前Wiki頁面的內(nèi)容，能夠?yàn)樗袑W(xué)生借鑒參考。

3.3 改革考核機(jī)制

課程考核是對(duì)學(xué)生學(xué)習(xí)行為、過程和成果是否達(dá)到既定的課程學(xué)習(xí)目標(biāo)進(jìn)行測(cè)評(píng)與度量，是學(xué)生學(xué)習(xí)效果最直接的反映。目前，多數(shù)高校仍側(cè)重于期末考試這一終結(jié)性評(píng)價(jià)方式，這種評(píng)價(jià)方式重結(jié)果、輕過程，容易造成臨時(shí)抱佛腳、突擊學(xué)習(xí)應(yīng)付考試等不良現(xiàn)象[6]。對(duì)此，我們引入形成性評(píng)價(jià)方法，注重學(xué)生平時(shí)實(shí)驗(yàn)和作業(yè)的表現(xiàn)，及時(shí)給出階段性成績(jī)，幫助學(xué)生養(yǎng)成良好的學(xué)習(xí)習(xí)慣，逐步形成為提高能力而學(xué)的主動(dòng)學(xué)習(xí)態(tài)度；重視學(xué)生反饋，持續(xù)收集學(xué)生對(duì)課程內(nèi)容、教學(xué)進(jìn)度、教學(xué)方法、作業(yè)安排、實(shí)驗(yàn)難度等多方面的反饋意見，并在每周的教學(xué)內(nèi)容中有針對(duì)性地及時(shí)做出調(diào)整。

Web程序設(shè)計(jì)的課程考核分階段、多元化進(jìn)行，注重平時(shí)成績(jī)，注重實(shí)際動(dòng)手能力。課程考核分為5部分：理論課參與、實(shí)驗(yàn)課參與、平時(shí)作業(yè)、課程設(shè)計(jì)和期末考試，其權(quán)重分別是0.05、0.05、0.3、0.2和0.4。平時(shí)作業(yè)的成績(jī)是7次作業(yè)成績(jī)的綜合，學(xué)生通過MyWeb 2.0作業(yè)管理系統(tǒng)上傳作業(yè)，由MyWeb 2.0檢查及部署，以可視化的方式展示學(xué)生歷次作業(yè)的運(yùn)行截圖、分?jǐn)?shù)和小組排名/全班排名，并給出作業(yè)源碼和在線運(yùn)行實(shí)例的鏈接。此外，MyWeb 2.0還用折線圖的方式表示學(xué)生歷次作業(yè)的分?jǐn)?shù)與排名情況的變化。通過這種方式，學(xué)生的學(xué)習(xí)成果和學(xué)習(xí)成長(zhǎng)經(jīng)歷不再是枯燥的代碼和冷冰冰的數(shù)字，而是形象的可交互的圖表和應(yīng)用。這樣的管理評(píng)價(jià)方式能促使學(xué)生更加關(guān)注學(xué)習(xí)的過程，調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，使其從被動(dòng)地“要我學(xué)”變成主動(dòng)地“我要學(xué)”，最終促進(jìn)教學(xué)質(zhì)量的提高。

4 結(jié) 語

經(jīng)過教學(xué)內(nèi)容、授課方式、考評(píng)機(jī)制等方面的變革和探索，課程在教學(xué)實(shí)踐中取得良好的教學(xué)效果。學(xué)生普遍喜愛該課程，積極主動(dòng)地參與教學(xué)活動(dòng)，認(rèn)真完成實(shí)驗(yàn)、作業(yè)、課程設(shè)計(jì)等實(shí)踐任務(wù)，其中有不少作品體現(xiàn)出較高地Web編程水平，期末考試和課程總評(píng)成績(jī)顯示大部分學(xué)生達(dá)到課程教學(xué)大綱的要求，較好地掌握了現(xiàn)代Web前端程序設(shè)計(jì)的基本知識(shí)和技能。今后筆者在完善課程內(nèi)容的同時(shí)，還將從以下兩方面積極探索：①在課程建設(shè)和教學(xué)實(shí)踐中加強(qiáng)與產(chǎn)業(yè)界聯(lián)系，及時(shí)獲取來自產(chǎn)業(yè)界的技術(shù)發(fā)展信息；②探索課程和人工智能技術(shù)的契合點(diǎn)，提高課程的學(xué)術(shù)深度。

[1] 中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心(CNNIC). 第39次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告[EB/OL].（2017-01-22）[2017-06-23]. http://www.cnnic.cn/gywm/xwzx/rdxw/20172017/201701/t20170122_66448.htm.

[2] 儲(chǔ)久良. Web前端開發(fā)技術(shù)課程教學(xué)改革與實(shí)踐[J]. 計(jì)算機(jī)教育, 2014(14): 12-15.

[3] Wikipedia. Separation of Concerns[EB/OL]. [2017-6-26]. https://en.wikipedia.org/wiki/Separation_of_concerns.

[4] Thomas L, Harri-Augstein E. Augstein：Self-organised learning: Foundations of a conversational science for psychology[M].Oxford: Routledge, 1985.

[5] 杜世純, 傅澤田. 混合式學(xué)習(xí)探究[J]. 中國(guó)高教研究, 2016(10): 52-55.

[6] 曹國(guó)剛, 藍(lán)星, 李文舉, 等. 形成性評(píng)價(jià)在軟件工程專業(yè)課程中的實(shí)踐研究[J]. 計(jì)算機(jī)教育, 2017(6): 40-44.

1672-5913(2017)11-0065-05

G642

李亞，女，講師，研究方向?yàn)橛?jì)算機(jī)視覺、模式識(shí)別，liya@gzhu.edu.cn；

王青（通信作者），男，副教授，研究方向?yàn)槿藱C(jī)交互、機(jī)器學(xué)習(xí)，wangq79@mail.sysu.edu.cn。

（編輯：史志偉）