基于就業(yè)導(dǎo)向的HTML5前端開(kāi)發(fā)課程教學(xué)改革實(shí)踐

陳霞，吳東

（嶺南師范學(xué)院信息工程學(xué)院，湛江 524048）

基于就業(yè)導(dǎo)向的HTML5前端開(kāi)發(fā)課程教學(xué)改革實(shí)踐

陳霞，吳東

（嶺南師范學(xué)院信息工程學(xué)院，湛江 524048）

目前就業(yè)市場(chǎng)對(duì)Web前端開(kāi)發(fā)工程師需求旺盛，但地方高校計(jì)算機(jī)專(zhuān)業(yè)開(kāi)設(shè)的與此崗位需求相關(guān)的課程教學(xué)內(nèi)容設(shè)置不合理，教學(xué)模式與企業(yè)需求不匹配，導(dǎo)致一方面是計(jì)算機(jī)專(zhuān)業(yè)畢業(yè)生就業(yè)不理想，而另一方面企業(yè)無(wú)法招聘到適合前端開(kāi)發(fā)崗位需求的畢業(yè)生。為此，基于CDIO工程教育模式理念提出進(jìn)行課程就業(yè)導(dǎo)向定位、精化教學(xué)內(nèi)容，實(shí)施項(xiàng)目驅(qū)動(dòng)的教學(xué)，對(duì)學(xué)生的課程學(xué)習(xí)實(shí)行多元評(píng)價(jià)的教學(xué)改革，在教學(xué)實(shí)踐中構(gòu)建校企雙師共育模式，大幅提升學(xué)生的綜合工程實(shí)踐能力和就業(yè)競(jìng)爭(zhēng)力。

前端開(kāi)發(fā)；就業(yè)導(dǎo)向；CDIO；教學(xué)改革

0 引言

2005年以后，互聯(lián)網(wǎng)進(jìn)入Web 2.0時(shí)代，網(wǎng)站的前端發(fā)生了翻天覆地的變化，前端開(kāi)發(fā)成為一個(gè)熱門(mén)行業(yè)，市場(chǎng)需求旺盛。然而，在地方高校計(jì)算機(jī)專(zhuān)業(yè)教學(xué)中，系統(tǒng)針對(duì)前端開(kāi)發(fā)崗位需求開(kāi)設(shè)的課程不多。絕大部分的普通高校計(jì)算機(jī)專(zhuān)業(yè)仍以學(xué)術(shù)型人才培養(yǎng)為主，真正實(shí)現(xiàn)應(yīng)用型人才培養(yǎng)的高校很少，導(dǎo)致大量計(jì)算機(jī)專(zhuān)業(yè)畢業(yè)生就業(yè)難、就業(yè)崗位對(duì)口率低、平均工資水平不高，而大量的IT企業(yè)卻招不到符合崗位需求的計(jì)算機(jī)專(zhuān)業(yè)人才[1-2]。

前端開(kāi)發(fā)作為一個(gè)新行業(yè)，涉及廣泛的知識(shí)體系結(jié)構(gòu)，相關(guān)技術(shù)理論知識(shí)不斷發(fā)展更新，市場(chǎng)應(yīng)用發(fā)展迅速，加之區(qū)域發(fā)展特色不同，各個(gè)高校中與前端開(kāi)發(fā)相關(guān)的課程開(kāi)設(shè)參差不齊，還存在以下的一些問(wèn)題：

（1）課程教學(xué)內(nèi)容設(shè)置不合理，知識(shí)結(jié)構(gòu)零碎，缺乏系統(tǒng)性。

在當(dāng)前計(jì)算機(jī)專(zhuān)業(yè)本科生教學(xué)體系中，系統(tǒng)針對(duì)前端開(kāi)發(fā)的課程不多，優(yōu)秀的教材、教學(xué)資源相對(duì)較少，一些人簡(jiǎn)單籠統(tǒng)地將網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)、平面設(shè)計(jì)、動(dòng)畫(huà)設(shè)計(jì)類(lèi)課程等同于前端開(kāi)發(fā)，實(shí)際上，前端開(kāi)發(fā)涉及綜合技術(shù)的應(yīng)用，涵蓋了更多的內(nèi)容。在以往的教學(xué)中，與前端開(kāi)發(fā)直接緊密相關(guān)的網(wǎng)頁(yè)設(shè)計(jì)、平面設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)等課程通?；谒?jiàn)即所得的IDE集成環(huán)境進(jìn)行教學(xué)。IDE集成環(huán)境入門(mén)簡(jiǎn)單、容易實(shí)現(xiàn)網(wǎng)頁(yè)制作及效果，但在教學(xué)中過(guò)分依賴(lài)IDE集成環(huán)境將導(dǎo)致學(xué)生不清楚頁(yè)面實(shí)現(xiàn)及運(yùn)行的本質(zhì)。同時(shí)，這些課程在教學(xué)內(nèi)容，教學(xué)方法，教學(xué)實(shí)踐等方面相對(duì)滯后，學(xué)生通過(guò)這些課程掌握和學(xué)習(xí)到的前端開(kāi)發(fā)技術(shù)知識(shí)相對(duì)零散，沒(méi)有形成完備的前端開(kāi)發(fā)知識(shí)體系框架。隨著人們對(duì)用戶(hù)體驗(yàn)的要求越來(lái)越高，前端開(kāi)發(fā)的技術(shù)不斷更新，前端開(kāi)發(fā)的難度越來(lái)越大，要把學(xué)生培養(yǎng)成為一名優(yōu)秀的前端開(kāi)發(fā)工程技術(shù)人員，在課程教學(xué)的知識(shí)體系上不僅要有廣度，還要有深度，前端設(shè)計(jì)課程教學(xué)需要與時(shí)俱進(jìn)，不斷革新。

（2）課程教學(xué)模式與崗位需求有較大差距。

在應(yīng)用型人才培養(yǎng)的浪潮下，一些高校計(jì)算機(jī)專(zhuān)業(yè)基于市場(chǎng)前端工程師崗位需求設(shè)置了相應(yīng)的課程，但在課程教學(xué)中，未將課程內(nèi)容與崗位需求緊密結(jié)合，課堂教學(xué)仍然采用以教師講授，學(xué)生學(xué)習(xí)為主的傳統(tǒng)教學(xué)模式，教學(xué)側(cè)重學(xué)生對(duì)知識(shí)的記憶和重復(fù)應(yīng)用，學(xué)生無(wú)法真實(shí)有效地參與問(wèn)題的討論，缺乏自主學(xué)習(xí)能力的培養(yǎng)，學(xué)習(xí)質(zhì)量不高；在實(shí)踐教學(xué)環(huán)節(jié)，教學(xué)案例過(guò)于淺顯，驗(yàn)證性的實(shí)驗(yàn)項(xiàng)目缺乏與實(shí)際需求的有效結(jié)合，學(xué)生缺乏創(chuàng)新能力和的工程實(shí)踐能力的培養(yǎng)，導(dǎo)致大多數(shù)學(xué)生學(xué)習(xí)完相關(guān)課程后，對(duì)相應(yīng)的崗位要求仍無(wú)所適從。

針對(duì)上述問(wèn)題，我們?cè)贖TML5前端開(kāi)發(fā)課程教學(xué)中，根據(jù)IT行業(yè)前端開(kāi)發(fā)的特點(diǎn)和市場(chǎng)崗位需求，以CDIO工程教育理念為指導(dǎo)進(jìn)行課程教學(xué)改革實(shí)踐，基于就業(yè)導(dǎo)向進(jìn)行課程定位，精選教學(xué)內(nèi)容，改革教學(xué)模式及評(píng)價(jià)機(jī)制，實(shí)施了以項(xiàng)目驅(qū)動(dòng)的教學(xué)，從傳統(tǒng)的以教師為中心“教給學(xué)生知識(shí)”轉(zhuǎn)變?yōu)橐詫W(xué)生為中心“教會(huì)學(xué)生學(xué)習(xí)知識(shí)”，在教學(xué)中不僅注重讓學(xué)生掌握基礎(chǔ)理論知識(shí)技術(shù)，更注重對(duì)學(xué)生工程實(shí)踐能力、自學(xué)能力、創(chuàng)新能力的培養(yǎng)，使學(xué)生成為真正符合市場(chǎng)需求的前端工程技術(shù)人才。

1 以就業(yè)為導(dǎo)進(jìn)行課程定位和教學(xué)內(nèi)容改革

計(jì)算機(jī)行業(yè)的快速發(fā)展提升了IT就業(yè)市場(chǎng)對(duì)求職人員的專(zhuān)業(yè)技術(shù)水平和綜合素質(zhì)的要求。在提升學(xué)生就業(yè)率及培養(yǎng)應(yīng)用型計(jì)算機(jī)人才的背景下，計(jì)算機(jī)專(zhuān)業(yè)的教學(xué)應(yīng)從就業(yè)需求出發(fā)，在要求學(xué)生掌握必要的理論知識(shí)的基礎(chǔ)上，需要加強(qiáng)實(shí)踐教學(xué)環(huán)節(jié)以提高學(xué)生實(shí)踐能力和就業(yè)競(jìng)爭(zhēng)力[3]。在HTML5前端開(kāi)發(fā)課程教學(xué)中，通過(guò)分析市場(chǎng)對(duì)前端開(kāi)發(fā)崗位的職業(yè)技能需求，認(rèn)清當(dāng)前的課程教學(xué)與企業(yè)用人需求之間的差距，從前端開(kāi)發(fā)就業(yè)需求出發(fā)，以就業(yè)為導(dǎo)向進(jìn)行課程定位，基于CDIO理念合理組織、安排、優(yōu)化教學(xué)內(nèi)容，在教學(xué)中與東軟睿道教育信息技術(shù)有限公司合作，引入企業(yè)實(shí)際運(yùn)行的項(xiàng)目案例進(jìn)行教學(xué)，企業(yè)工程師直接參與課程的實(shí)踐教學(xué)環(huán)節(jié)，對(duì)學(xué)生進(jìn)行校企聯(lián)合培養(yǎng)，針對(duì)前端開(kāi)發(fā)項(xiàng)目在企業(yè)工作環(huán)境下面臨的現(xiàn)實(shí)問(wèn)題，引導(dǎo)學(xué)生有效解決問(wèn)題，有效調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性、主動(dòng)性，激發(fā)了學(xué)生的學(xué)習(xí)興趣，通過(guò)培養(yǎng)學(xué)生自主學(xué)習(xí)、創(chuàng)新實(shí)踐的工程技術(shù)能力，使學(xué)生掌握的知識(shí)技能滿(mǎn)足企業(yè)前端開(kāi)發(fā)崗位要求，有效提高學(xué)生的就業(yè)競(jìng)爭(zhēng)力。同時(shí)，在教學(xué)中積極引導(dǎo)學(xué)生參與IT科技節(jié)、藍(lán)橋杯、ACM比賽等校內(nèi)外的比賽，在比賽中鍛煉學(xué)生的工程實(shí)踐能力。

在前端項(xiàng)目開(kāi)發(fā)中涉及基礎(chǔ)理論知識(shí)（如：HTTP標(biāo)準(zhǔn)、W3C標(biāo)準(zhǔn)和ECMAScript標(biāo)準(zhǔn)HTML5、CSS3、JavaScript、設(shè)計(jì)結(jié)構(gòu)、設(shè)計(jì)模式等），類(lèi)庫(kù)及框架（JavaScript、jQuery、jQuery Mobile、Bootstrap、Pure、Se-mantic UI等），編碼開(kāi)發(fā)環(huán)境、構(gòu)建工具及包管理器（如：Hbuilder、WebStorm、Sublime、Atom、VS Code、Node JS、NPM、Bower、Git、Grunt等），運(yùn)行環(huán)境（如：瀏覽器兼容性、響應(yīng)式布局、Web安全性、性能優(yōu)化）等廣泛的內(nèi)容，在有限的教學(xué)學(xué)時(shí)內(nèi)，要有效的教授學(xué)生學(xué)會(huì)靈活掌握運(yùn)用這些知識(shí)技能，教學(xué)內(nèi)容必須進(jìn)行精簡(jiǎn)和取舍，有所側(cè)重，不能面面俱到。通過(guò)分析目前前端項(xiàng)目開(kāi)發(fā)中采用到的重要核心技術(shù)，結(jié)合學(xué)生已有的專(zhuān)業(yè)技能基礎(chǔ)，確定本課程的教學(xué)內(nèi)容分為以下3個(gè)層次：

（1）前端開(kāi)發(fā)基礎(chǔ)知識(shí)。此部分介紹前端開(kāi)發(fā)環(huán)境、測(cè)試、運(yùn)行環(huán)境的搭建和配置，重點(diǎn)講授HTML5、CSS3，通過(guò)這一部分內(nèi)容的學(xué)習(xí)，學(xué)生掌握前端頁(yè)面制作的基礎(chǔ)知識(shí)，可實(shí)現(xiàn)在前端開(kāi)發(fā)、測(cè)試、運(yùn)行環(huán)境中完成頁(yè)面的編碼、測(cè)試、運(yùn)行，為下一層次內(nèi)容的學(xué)習(xí)打好基礎(chǔ)。

（2）腳本及類(lèi)庫(kù)框架的學(xué)習(xí)。此部分重點(diǎn)講授JavaScript、jQuery、jQuery Mobile、Bootstrap框架4個(gè)主要內(nèi)容。在這一階段的學(xué)習(xí)中，學(xué)生掌握面向PC及移動(dòng)端的不同平臺(tái)實(shí)現(xiàn)前端項(xiàng)目的設(shè)計(jì)開(kāi)發(fā)、測(cè)試、運(yùn)行，掌握響應(yīng)式布局、頁(yè)面的性能優(yōu)化實(shí)現(xiàn)、瀏覽器兼容性問(wèn)題的解決機(jī)制。

（3）前端開(kāi)發(fā)應(yīng)用。此部分基于已學(xué)的內(nèi)容實(shí)現(xiàn)構(gòu)造App和移動(dòng)網(wǎng)站，這部分內(nèi)容將界面設(shè)計(jì)、框架布局、開(kāi)發(fā)環(huán)境、運(yùn)行環(huán)境、性能優(yōu)化等內(nèi)容結(jié)合在一起，引導(dǎo)學(xué)生開(kāi)發(fā)出綜合性較強(qiáng)的應(yīng)用系統(tǒng)，培養(yǎng)學(xué)生的工程實(shí)踐能力和綜合運(yùn)用知識(shí)的能力。

2 改革教學(xué)模式，提高學(xué)生的就業(yè)競(jìng)爭(zhēng)力

CDIO分別代表構(gòu)思（Conceive）、設(shè)計(jì)（Design）、實(shí)現(xiàn)（Implement）和運(yùn)作（Operate），它以產(chǎn)品研發(fā)到產(chǎn)品運(yùn)行的生命周期為載體,讓學(xué)生以主動(dòng)的、實(shí)踐的、課程之間有機(jī)聯(lián)系的方式學(xué)習(xí)工程。CDIO工程教育理念倡導(dǎo)以綜合的培養(yǎng)方式使學(xué)生具備工程基礎(chǔ)知識(shí)、個(gè)人能力、人際團(tuán)隊(duì)能力和工程系統(tǒng)能力。近年來(lái)，基于CDIO理念的項(xiàng)目驅(qū)動(dòng)教學(xué)模式已成為工程教育領(lǐng)域公認(rèn)的發(fā)展方向，得到了廣泛的應(yīng)用[4-7]。HTML5前端開(kāi)發(fā)課程在課堂理論教學(xué)和實(shí)踐教學(xué)中，基于CDIO工程教育理念實(shí)施項(xiàng)目驅(qū)動(dòng)的教學(xué)。在課堂教學(xué)中，引入實(shí)際的企業(yè)項(xiàng)目作為教學(xué)案例實(shí)施教學(xué)，在實(shí)踐教學(xué)環(huán)節(jié)通過(guò)任課教師和企業(yè)工程師共同指導(dǎo)學(xué)生實(shí)施完成項(xiàng)目培養(yǎng)學(xué)生的協(xié)作創(chuàng)新、自主學(xué)習(xí)的能力和綜合的工程實(shí)踐能力。

在HTML5前端開(kāi)發(fā)課程教學(xué)中以項(xiàng)目驅(qū)動(dòng)來(lái)實(shí)施教學(xué)內(nèi)容，通過(guò)講解、演示、操作實(shí)現(xiàn)一個(gè)來(lái)自企業(yè)實(shí)際運(yùn)營(yíng)的項(xiàng)目案例，深入分析講授各個(gè)基礎(chǔ)知識(shí)點(diǎn)的理論及應(yīng)用，輔以多媒體幻燈片的手段與學(xué)生交流、互動(dòng)，使學(xué)生掌握理解基礎(chǔ)知識(shí)，靈活運(yùn)用各種技能。項(xiàng)目依據(jù)CDIO的思想，按照從構(gòu)思、設(shè)計(jì)到開(kāi)發(fā)的工程化過(guò)程進(jìn)行實(shí)施，涵蓋課程的各個(gè)相關(guān)知識(shí)點(diǎn)，通過(guò)項(xiàng)目的教學(xué)，重點(diǎn)培養(yǎng)學(xué)生對(duì)基本知識(shí)技能的掌握，避免目前一些開(kāi)發(fā)設(shè)計(jì)類(lèi)課程教學(xué)重實(shí)踐、輕講授的不足。

在HTML5前端開(kāi)發(fā)課程實(shí)踐教學(xué)中實(shí)施項(xiàng)目驅(qū)動(dòng)的教學(xué)，旨在利用學(xué)生已掌握的知識(shí)技能有效解決問(wèn)題，提高學(xué)生的學(xué)習(xí)積極性、主動(dòng)性和創(chuàng)新能力。實(shí)踐教學(xué)中采用“提出問(wèn)題→分析問(wèn)題→解決問(wèn)題涉及到的知識(shí)技能→解決問(wèn)題可采用的方法與工具→項(xiàng)目具體實(shí)施→項(xiàng)目的實(shí)踐總結(jié)→項(xiàng)目的拓展”的框架進(jìn)行。實(shí)踐教學(xué)環(huán)節(jié)的項(xiàng)目也來(lái)自企業(yè)實(shí)際項(xiàng)目，由企業(yè)工程師和任課教師根據(jù)課程教學(xué)的需要和學(xué)生實(shí)際學(xué)習(xí)進(jìn)度進(jìn)行設(shè)定并指導(dǎo)學(xué)生完成。實(shí)踐環(huán)節(jié)注重項(xiàng)目過(guò)程的管理，學(xué)生按照“構(gòu)思－設(shè)計(jì)－實(shí)施－運(yùn)行”的步驟完成項(xiàng)目。項(xiàng)目開(kāi)發(fā)遵循企業(yè)實(shí)際的開(kāi)發(fā)要求，按照企業(yè)工作環(huán)境運(yùn)作，學(xué)生分成不同的項(xiàng)目小組，組內(nèi)設(shè)置組長(zhǎng)，小組成員以團(tuán)隊(duì)的方式運(yùn)用所學(xué)知識(shí)進(jìn)行項(xiàng)目開(kāi)發(fā)；每個(gè)小組以實(shí)際企業(yè)的團(tuán)隊(duì)管理方式進(jìn)行管理和考核。實(shí)踐教學(xué)項(xiàng)目的具體流程實(shí)施如下：

（1）明確任務(wù)要求。實(shí)踐教學(xué)環(huán)節(jié)中首先由指導(dǎo)教師講解項(xiàng)目從提出、立項(xiàng)、需求分析、系統(tǒng)設(shè)計(jì)、編碼到測(cè)試、驗(yàn)收、維護(hù)過(guò)程中所需的規(guī)范化文檔；代碼遵循的統(tǒng)一編碼規(guī)范；團(tuán)隊(duì)需要完成的工作及需要注意的問(wèn)題。

（2）制定項(xiàng)目任務(wù)書(shū)。項(xiàng)目小組針對(duì)需要完成的項(xiàng)目進(jìn)行資料收集、內(nèi)部討論，制定項(xiàng)目任務(wù)書(shū)，每個(gè)小組分別論述自己的項(xiàng)目分析過(guò)程及結(jié)果，由指導(dǎo)教師和其他同學(xué)提出意見(jiàn)和建議；各項(xiàng)目小組完善修訂制定項(xiàng)目任務(wù)書(shū)后進(jìn)行項(xiàng)目需求分析，撰寫(xiě)完成需求說(shuō)明書(shū)。

（3）項(xiàng)目設(shè)計(jì)。各個(gè)小組每位成員根據(jù)項(xiàng)目的任務(wù)書(shū)和需求說(shuō)明書(shū)進(jìn)行獨(dú)立思考設(shè)計(jì)，給出項(xiàng)目的實(shí)現(xiàn)方案，小組中評(píng)選出最優(yōu)的設(shè)計(jì)方案作為參考完善設(shè)計(jì)后進(jìn)入下一階段工作。項(xiàng)目設(shè)計(jì)階段鍛煉每個(gè)學(xué)生的分析能力，強(qiáng)調(diào)獨(dú)立工作和團(tuán)隊(duì)協(xié)作的有機(jī)結(jié)合，力求使學(xué)生達(dá)到前端工程師應(yīng)具備的設(shè)計(jì)能力和自主學(xué)習(xí)能力。

（4）項(xiàng)目實(shí)施。實(shí)施環(huán)節(jié)側(cè)重于項(xiàng)目功能的實(shí)現(xiàn)，項(xiàng)目小組團(tuán)隊(duì)成員按照預(yù)設(shè)的目標(biāo)進(jìn)行工作量劃分，并按照?qǐng)F(tuán)隊(duì)管理的基本原則進(jìn)行人盡其才，公平、透明的原則進(jìn)行管理。指導(dǎo)教師在實(shí)施階段的工作集中于項(xiàng)目共性問(wèn)題的分析解決及項(xiàng)目進(jìn)度的檢查督促，針對(duì)項(xiàng)目開(kāi)發(fā)中遇到的具體問(wèn)題，教師給予必要的幫助指導(dǎo)，啟發(fā)引導(dǎo)學(xué)生通過(guò)自主學(xué)習(xí)尋找到解決問(wèn)題的方法，但不提供問(wèn)題的具體解決方案。這一階段培養(yǎng)項(xiàng)目小組團(tuán)隊(duì)成員之間有效配合、溝通的能力，學(xué)生的自主學(xué)習(xí)解決問(wèn)題的能力和團(tuán)隊(duì)合作意識(shí)將大大增強(qiáng)。

（5）項(xiàng)目測(cè)試、運(yùn)行。此階段的目的是驗(yàn)證、改進(jìn)現(xiàn)有的項(xiàng)目，提高優(yōu)化系統(tǒng)性能。針對(duì)測(cè)試或運(yùn)行階段出現(xiàn)的問(wèn)題，通過(guò)小組討論或指導(dǎo)教師啟發(fā)，由學(xué)生自己分析錯(cuò)誤并找到解決問(wèn)題的方法。在項(xiàng)目基本功能實(shí)現(xiàn)后，教師引導(dǎo)學(xué)生進(jìn)一步拓展系統(tǒng)功能，鼓勵(lì)學(xué)生進(jìn)行個(gè)性化創(chuàng)新設(shè)計(jì)。

CDIO模式下要求將學(xué)生的基本個(gè)人能力、人際能力、產(chǎn)品、過(guò)程和系統(tǒng)構(gòu)建能力，以及學(xué)科知識(shí)納入專(zhuān)業(yè)考核之中，實(shí)現(xiàn)對(duì)學(xué)生全面的綜合評(píng)價(jià)。在HTML5前端開(kāi)發(fā)課程教學(xué)中，對(duì)學(xué)生的課程學(xué)習(xí)成績(jī)?cè)u(píng)價(jià)機(jī)制進(jìn)行改革和優(yōu)化，從“閉卷筆試＋平時(shí)成績(jī)”轉(zhuǎn)變?yōu)槎嘣目己?，課程的成績(jī)由平時(shí)成績(jī)和期末成績(jī)兩部分構(gòu)成。平時(shí)成績(jī)部分側(cè)重考核學(xué)生對(duì)基礎(chǔ)知識(shí)技能的熟練掌握程度，突出個(gè)人技術(shù)能力的考核，平時(shí)成績(jī)占30%，平時(shí)成績(jī)由任課教師評(píng)定。項(xiàng)目完成后的成績(jī)作為期末成績(jī)，實(shí)施項(xiàng)目過(guò)程考核+行為考核的綜合評(píng)價(jià)模式，期末成績(jī)占70%。過(guò)程考核參照企業(yè)的管理方式，進(jìn)行項(xiàng)目工作總結(jié)和評(píng)比，采用項(xiàng)目作品評(píng)價(jià)+答辯評(píng)價(jià)的形式，使學(xué)生在工程基礎(chǔ)知識(shí)、個(gè)人能力、人際團(tuán)隊(duì)能力和工程系統(tǒng)能力各方面達(dá)到課程教學(xué)目標(biāo)的要求，縮短學(xué)校教學(xué)與企業(yè)實(shí)際就業(yè)崗位要求的差距。項(xiàng)目作品評(píng)價(jià)采用企業(yè)工程師+任課教師+小組互評(píng)相結(jié)合的方式實(shí)現(xiàn)。評(píng)價(jià)給出的指導(dǎo)性的意見(jiàn)將反饋給學(xué)生，以促進(jìn)項(xiàng)目的完善改進(jìn)。答辯評(píng)價(jià)是指導(dǎo)教師對(duì)小組成員掌握的基本理論知識(shí)技術(shù)及項(xiàng)目開(kāi)發(fā)中采用的知識(shí)技術(shù)進(jìn)行提問(wèn)，根據(jù)學(xué)生的回答情況進(jìn)行評(píng)價(jià)考核。行為考核針對(duì)學(xué)生在項(xiàng)目開(kāi)發(fā)過(guò)程中的團(tuán)隊(duì)合作交流、溝通能力、出勤及文檔、代碼規(guī)范性的評(píng)價(jià)考核。

3 結(jié)語(yǔ)

本院通過(guò)與東軟睿道合作，在2013級(jí)、2014級(jí)計(jì)算機(jī)專(zhuān)業(yè)及軟件外包專(zhuān)業(yè)本科生的教學(xué)中開(kāi)展實(shí)施基于就業(yè)導(dǎo)向的HTML5前端開(kāi)發(fā)課程教學(xué)改革實(shí)踐，現(xiàn)已取得初步成效，與2012級(jí)、2011級(jí)相比，學(xué)生參與與本課程直接相關(guān)的各類(lèi)比賽的比例提升了49.7%，獲獎(jiǎng)率提升了21.5%，學(xué)生在企業(yè)的實(shí)習(xí)平均成績(jī)高了10%，學(xué)生的自主學(xué)習(xí)能力、創(chuàng)新能力、前端開(kāi)發(fā)的工程實(shí)踐能力大大提高，市場(chǎng)就業(yè)競(jìng)爭(zhēng)力大幅提升。

實(shí)踐證明，基于就業(yè)導(dǎo)向進(jìn)行課程定位，實(shí)施校企雙師共育，實(shí)踐CDIO工程教育理念的項(xiàng)目驅(qū)動(dòng)教學(xué)和多元課程評(píng)價(jià)機(jī)制，學(xué)生能有效掌握前端開(kāi)發(fā)的相關(guān)知識(shí)和技術(shù)，具備分析問(wèn)題、解決問(wèn)題的綜合實(shí)踐能力。

前端開(kāi)發(fā)崗位要求將隨著技術(shù)進(jìn)步和市場(chǎng)的需求不斷變化，因此，在今后的HTML5前端開(kāi)發(fā)課程教學(xué)中必須緊跟技術(shù)發(fā)展前沿和市場(chǎng)需求，不斷完善、優(yōu)化課程教學(xué)，進(jìn)行課程改革探索實(shí)踐。

[1]張仕學(xué),王力,張明富等.基于就業(yè)質(zhì)量的計(jì)算機(jī)專(zhuān)業(yè)人才培養(yǎng)評(píng)價(jià)模式[J].計(jì)算機(jī)教育，2015(10):14-17.

[2]麥可思研究院.2015年中國(guó)本科生就業(yè)報(bào)告[M].北京:社會(huì)科學(xué)文獻(xiàn)出版社，2015:97-98.

[3]馬曉梅,張劍飛,喬付.CDIO模式下高等工程教育的改革與探索[J].計(jì)算機(jī)教育，2010(12):132-134.

[4]郭小勤，曹廣忠.基于項(xiàng)目的CDIO理念在課程教學(xué)中的應(yīng)用[J].實(shí)驗(yàn)科學(xué)與技術(shù)，2010,8(3):83-85.

[5]邵欣欣,王曉煜,蔣晶晶.CDIO理念下的Java課程項(xiàng)目改革研究[J].計(jì)算機(jī)教育,2013(12):26-32.

[6]袁嵩,彭冰冰.基于CDIO的軟產(chǎn)人才培養(yǎng)模式研究[J].現(xiàn)代計(jì)算機(jī)(專(zhuān)業(yè)版)，2016(16):13-15.

[7]崔亞楠,胡艷華,韋靈.CDIO模式下計(jì)算機(jī)專(zhuān)業(yè)實(shí)踐教學(xué)改革策略研究[J].現(xiàn)代計(jì)算機(jī)(專(zhuān)業(yè)版)，2016(12):7-9.

Teaching Reformation Practice of the HTML5 Web Front-End Development Course Based on Em p loyment Orientation

CHEN Xia，WU Dong

（School of Information Science and Technology，Lingnan Normal University，Zhanjiang 524048）

TheWeb front-end development engineers are in great demand in today's jobmarket,however,the teaching contentof the HTML5Web front-end development courses in local universities computer professional is unreasonable,teachingmode and the enterprise requirements do notmatch,resulting in the graduate studentsmajoring in the computer is difficult to find suitable jobs after they have graduated from colleges,but the enterprises don’t recruit suitable for front-end developmentneeds of the postgraduates.Therefore,based on the concept of CDIO educationmodel,proposes the employmentorientation of the course,refine teaching content,implement project-driven teaching, carries out themulti-evaluationmechanism of curriculum,and constructs themodel of enterprise and college dual teacher education to enhance students'comprehensive engineering practice ability and employment competitiveness.

Front-End Development;Employment Orientation;CDIO;Teaching Reformation

1007-1423（2017）12-0029-05

10.3969/j.issn.1007-1423.2017.12.008

陳霞（1976-），女，貴州六盤(pán)水人，碩士研究生，講師，研究方向?yàn)橐苿?dòng)應(yīng)用開(kāi)發(fā)、數(shù)據(jù)挖掘

2017-02-28

2017-04-15

廣東省高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程項(xiàng)目（No.ZSJG1205）

吳東（1981-），男，廣西北海人，碩士研究生，副教授，研究方向?yàn)橛?jì)算機(jī)網(wǎng)絡(luò)、數(shù)據(jù)挖掘