（哈爾濱金融學(xué)院計(jì)算機(jī)系，黑龍江 哈爾濱 150030）

隨著網(wǎng)絡(luò)的飛速發(fā)展，Web應(yīng)用開發(fā)在計(jì)算機(jī)軟件行業(yè)內(nèi)已經(jīng)日趨成為主流，而且正在向兼容多端、高性能的方向發(fā)展，同時(shí)，Web開發(fā)分工也逐漸細(xì)化，即前后端分離已經(jīng)是大勢所趨，很多地方院校已經(jīng)開設(shè)了Web前端開發(fā)和Web后端開發(fā)兩個(gè)方向的課程?！禬eb前端綜合開發(fā)》是我校軟件工程專業(yè)的一門選修課程，目的是為了鞏固學(xué)生對前端開發(fā)過程的理解和實(shí)現(xiàn)，拓展前端開發(fā)涉及的技術(shù)范圍，開拓專業(yè)視野和培養(yǎng)軟件開發(fā)實(shí)戰(zhàn)能力。借助互聯(lián)網(wǎng)的飛速發(fā)展和慕課的廣泛應(yīng)用，通過將“項(xiàng)目驅(qū)動(dòng)+慕課+翻轉(zhuǎn)課堂”教學(xué)法引入到課程，以實(shí)戰(zhàn)項(xiàng)目激發(fā)學(xué)生的學(xué)習(xí)熱情，以慕課共享優(yōu)質(zhì)先進(jìn)的網(wǎng)絡(luò)教學(xué)資源，以翻轉(zhuǎn)課堂培養(yǎng)學(xué)生自主學(xué)習(xí)和團(tuán)隊(duì)協(xié)作溝通能力，從而提升該門課程教學(xué)的實(shí)效性，最終達(dá)到提高學(xué)生軟件開發(fā)實(shí)戰(zhàn)能力。

一、WEB前端綜合開發(fā)課程的發(fā)展前景

目前，關(guān)于Web前端開發(fā)的開發(fā)框架、類庫以及工具等層出不窮，企業(yè)對Web前端人才的需求量逐漸增大，對員工的技能要求也日趨提高。據(jù)權(quán)威部門預(yù)測，我國信息化人才的總需求量在未來五年內(nèi)將達(dá)到1500萬—2000萬人，其中，“UI設(shè)計(jì)”“Web前端”等類型的人才缺口非常大，意味著學(xué)習(xí)Web前端將會(huì)有更多的就業(yè)機(jī)會(huì)，而且Web前端軟件工程師屬于通用型人才，不受行業(yè)發(fā)展限制，并且非常注重經(jīng)驗(yàn)的積累，因此，不受年齡和體力的影響[1]。Web前端開發(fā)技術(shù)體系龐大而復(fù)雜，主要包含HTML、CSS和JavaScript三部分，其復(fù)雜程度不低于任何一種后端開發(fā)語言，而且實(shí)現(xiàn)大數(shù)據(jù)前端可視化等都是WEB前端開發(fā)技術(shù)的未來發(fā)展趨勢，對高校的Web前端人才培養(yǎng)也提出了巨大的挑戰(zhàn)[2]。

二、當(dāng)前WEB前端綜合開發(fā)課程教學(xué)中存在的問題

經(jīng)過對地方院校的深度調(diào)查研究發(fā)現(xiàn)，部分地方院校在WEB前端綜合開發(fā)課程的教學(xué)過程中存在以下問題。

1.“教”“學(xué)”“做”嚴(yán)重分離

很多地方院校在講授《Web前端綜合開發(fā)》課程時(shí)，仍然采用以教師“教”為主的灌輸式教學(xué)方法，在信息化和多媒體技術(shù)高速發(fā)展的今天，信息獲取普遍呈現(xiàn)了多元化的趨勢，這種傳統(tǒng)的教學(xué)方式已經(jīng)無法吸引學(xué)生的注意力，而且由于趕進(jìn)度等原因，教師往往與學(xué)生的互動(dòng)設(shè)置的非常少，導(dǎo)致教師無法及時(shí)掌握學(xué)生的學(xué)習(xí)效果，這就造成了“教”與“學(xué)”的分離，學(xué)生呈現(xiàn)了被動(dòng)學(xué)習(xí)狀態(tài)，且學(xué)習(xí)興趣不高?！禬eb前端綜合開發(fā)》是一門實(shí)踐性、綜合性非常強(qiáng)的課程，但往往由于實(shí)驗(yàn)場地等原因，開出的實(shí)驗(yàn)課時(shí)非但不多，而且多數(shù)都是基礎(chǔ)性驗(yàn)證性實(shí)驗(yàn)，未能進(jìn)行關(guān)于前端技術(shù)的綜合性開發(fā)，很難提高學(xué)生前端開發(fā)的實(shí)戰(zhàn)能力，致使學(xué)生“學(xué)”和“做”分離，背離課程設(shè)置的初衷。

2.教學(xué)內(nèi)容缺乏先進(jìn)性

當(dāng)今互聯(lián)網(wǎng)飛速發(fā)展，Web前端綜合開發(fā)課程應(yīng)該緊跟時(shí)代的步伐，貼合目前實(shí)際項(xiàng)目需求。而部分地方院校課程內(nèi)容設(shè)置對市場需求調(diào)研不足或者未能及時(shí)更新，導(dǎo)致教學(xué)內(nèi)容陳舊，缺乏先進(jìn)性[3]。

3.無法滿足學(xué)生個(gè)性化發(fā)展

教學(xué)過程中由于采用了灌輸式教學(xué)方式，且?guī)熒?dòng)較少，教師無法掌握學(xué)生對知識的理解和應(yīng)用程度，難以掌握學(xué)生個(gè)體基礎(chǔ)和能力的差異性，采用了“一刀切”的教學(xué)方式，學(xué)生個(gè)性化發(fā)展難以得到實(shí)現(xiàn)，而且基礎(chǔ)好的學(xué)生學(xué)習(xí)積極性不高，班級學(xué)習(xí)狀態(tài)呈現(xiàn)兩極分化的現(xiàn)象，教學(xué)效果不佳。

三、“項(xiàng)目驅(qū)動(dòng)+慕課+翻轉(zhuǎn)課堂”教學(xué)法在《Web前端綜合開發(fā)》課程中的應(yīng)用

1.項(xiàng)目驅(qū)動(dòng)培養(yǎng)學(xué)生軟件開發(fā)實(shí)戰(zhàn)能力

項(xiàng)目驅(qū)動(dòng)教學(xué)法要求在教學(xué)過程中以一個(gè)完整的項(xiàng)目作為索引，把教學(xué)內(nèi)容巧妙地隱含到項(xiàng)目的實(shí)踐過程中[4]。課程《Web前端綜合開發(fā)》以HTML5、CSS3和JavaScript三部分的相關(guān)技術(shù)為主線，并以一個(gè)完整的咖啡商城項(xiàng)目貫穿整個(gè)知識體系的講授過程，學(xué)生以小組合作形式與教師同步完成類似項(xiàng)目。

為了更好地培養(yǎng)學(xué)生創(chuàng)新能力，在教學(xué)初始將學(xué)生劃分為小組，由5-6人組成，自主選題，并鼓勵(lì)內(nèi)容創(chuàng)新，然后按章節(jié)逐一地實(shí)現(xiàn)項(xiàng)目的各個(gè)關(guān)鍵模塊，最后整合到一起。在此過程中，學(xué)生在項(xiàng)目驅(qū)動(dòng)下，由具體模塊出發(fā)，進(jìn)行分析討論，提出一些關(guān)于如何實(shí)現(xiàn)等問題，然后經(jīng)過老師的講授、點(diǎn)撥和自主學(xué)習(xí)慕課，把實(shí)現(xiàn)該模塊所必備的知識要點(diǎn)掌握以后，再對這些知識融會(huì)貫通加以運(yùn)用，小組內(nèi)成員相互協(xié)作動(dòng)手實(shí)踐去逐一解決問題，培養(yǎng)學(xué)生軟件開發(fā)的實(shí)戰(zhàn)能力。

2.慕課補(bǔ)充課程內(nèi)容的先進(jìn)性

慕課是開放式在線網(wǎng)絡(luò)課程，是學(xué)生利用互聯(lián)網(wǎng)，通過慕課平臺的教學(xué)視頻在線學(xué)習(xí)一流大學(xué)課程的教學(xué)模式。慕課的授課教師都是國內(nèi)外知名專家學(xué)者，他們對知識的理解和運(yùn)用，對行業(yè)前沿技術(shù)的掌控，都以先進(jìn)的課程內(nèi)容凝練到慕課的開放資源中，教師和學(xué)生們不受空間和時(shí)間的限制進(jìn)行網(wǎng)絡(luò)共享，達(dá)到優(yōu)質(zhì)資源的最大化利用。

《Web前端綜合開發(fā)》課程遴選的是中國大學(xué)MOOC平臺上獲2019年北京市優(yōu)質(zhì)課程稱號的《Web前端開發(fā)》作為學(xué)生自主學(xué)習(xí)的慕課資源，該課程采用校企聯(lián)合方式主講，融合了學(xué)院派的理論和企業(yè)級的應(yīng)用，讓課程深入淺出地由基礎(chǔ)過渡到實(shí)際應(yīng)用。該優(yōu)質(zhì)慕課的引入拓展了本門課程的先進(jìn)性，教師首先梳理慕課內(nèi)容，重難點(diǎn)部分設(shè)置為課堂共同慕課學(xué)習(xí)；與先導(dǎo)課程有交叉或者容易掌握的部分設(shè)置為學(xué)生課下自學(xué)；慕課里缺少的教學(xué)內(nèi)容，教師在課堂上補(bǔ)充。

3.翻轉(zhuǎn)課堂培養(yǎng)學(xué)生的自主學(xué)習(xí)能力

翻轉(zhuǎn)課堂指的是由教師根據(jù)授課內(nèi)容在課前布置問題，學(xué)生通過互聯(lián)網(wǎng)查閱相關(guān)資料或者教育資源，通過自主學(xué)習(xí)的方式解決問題，課堂上老師不再單純地講授知識，而更多的是去理解學(xué)生的問題并引導(dǎo)學(xué)生運(yùn)用知識來解決問題。

《Web前端綜合開發(fā)》課程以咖啡商城作為教師示例項(xiàng)目，第一步從項(xiàng)目的需求分析、版面設(shè)計(jì)出發(fā)，課上講解網(wǎng)站項(xiàng)目的需求分析流程，主要包括頁面級的設(shè)計(jì)需求和網(wǎng)站功能級的需求，并畫出對應(yīng)的功能模塊圖，根據(jù)網(wǎng)站功能級的需求完成各主要版面的設(shè)計(jì)稿。課下布置學(xué)生課后作業(yè)，以小組形式進(jìn)行各自項(xiàng)目的需求分析并設(shè)計(jì)主要頁面的版面布局，鼓勵(lì)創(chuàng)新，下次課采用翻轉(zhuǎn)課堂的形式，各小組選派代表進(jìn)行展示；第二步開始頁面制作，共劃分為10個(gè)關(guān)鍵模塊，各個(gè)關(guān)鍵模塊實(shí)現(xiàn)所需要的知識點(diǎn)對應(yīng)到各個(gè)章節(jié)，教師提前布置學(xué)生自主進(jìn)行慕課學(xué)習(xí)，課上通過雨課堂進(jìn)行知識點(diǎn)測試，實(shí)時(shí)掌握學(xué)生的自學(xué)情況，對重難點(diǎn)內(nèi)容或者掌握不好的知識點(diǎn)再進(jìn)行講解，實(shí)驗(yàn)課上先是完成關(guān)于知識點(diǎn)的基礎(chǔ)性練習(xí)，然后重點(diǎn)講解關(guān)鍵模塊的實(shí)現(xiàn)，小組內(nèi)可進(jìn)行討論共同完成各自項(xiàng)目的關(guān)鍵模塊，選擇一次代表性較強(qiáng)的模塊進(jìn)行翻轉(zhuǎn)課堂展示；最后一步進(jìn)行完整項(xiàng)目的整合操作，主要是除了關(guān)鍵模塊以外的其他比較簡單的靜態(tài)頁面內(nèi)容的實(shí)現(xiàn)，再把關(guān)鍵模塊整合進(jìn)去，完整小組項(xiàng)目的展示采用翻轉(zhuǎn)課堂形式進(jìn)行。每次翻轉(zhuǎn)課堂，教師都要對學(xué)生展示內(nèi)容進(jìn)行點(diǎn)評和總結(jié)，各個(gè)小組和教師分別給出各小組的評定成績，三次翻轉(zhuǎn)成績累加成為小組項(xiàng)目的總成績。

結(jié)語

“項(xiàng)目驅(qū)動(dòng)+慕課+翻轉(zhuǎn)課堂”教學(xué)法真正做到了以學(xué)生為主體，老師的“教”、學(xué)生的“學(xué)”都是以項(xiàng)目的“做”為最終目的，三者聯(lián)系在一起，密不可分。小組項(xiàng)目的題目完全由小組成員查閱資料和討論后擬定，在滿足學(xué)生個(gè)性化發(fā)展需要的同時(shí)，又強(qiáng)調(diào)了團(tuán)隊(duì)合作的重要性；項(xiàng)目的實(shí)現(xiàn)內(nèi)容鼓勵(lì)有一定的創(chuàng)新，不是完全照搬老師的示例，這又在夯實(shí)基礎(chǔ)的同時(shí)鍛煉了學(xué)生的創(chuàng)新思維；實(shí)現(xiàn)項(xiàng)目所需知識點(diǎn)方面通過大力引入優(yōu)秀慕課資源，補(bǔ)充了課程內(nèi)容的先進(jìn)性和優(yōu)質(zhì)教育資源的最大化利用和分享；翻轉(zhuǎn)課堂的教學(xué)設(shè)計(jì)培養(yǎng)了學(xué)生自主學(xué)習(xí)、團(tuán)隊(duì)溝通及協(xié)作能力，項(xiàng)目逐步的實(shí)現(xiàn)過程增強(qiáng)了學(xué)生的成就感，調(diào)動(dòng)了學(xué)生的學(xué)習(xí)興趣，鍛煉了軟件開發(fā)實(shí)戰(zhàn)能力。在實(shí)際教學(xué)過程中收到了良好的教學(xué)效果，有效提高了人才培養(yǎng)質(zhì)量，該種教學(xué)法可應(yīng)用到其他軟件設(shè)計(jì)開發(fā)類課程的教學(xué)過程中。