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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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é)生運用知識來解決問題。

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

結(jié)語

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