“項目驅動+慕課+翻轉課堂”教學法培養學生實戰能力研究＊
——以《Web前端綜合開發》課程為例

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

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

一、WEB前端綜合開發課程的發展前景

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

二、當前WEB前端綜合開發課程教學中存在的問題

經過對地方院校的深度調查研究發現，部分地方院校在WEB前端綜合開發課程的教學過程中存在以下問題。

1.“教”“學”“做”嚴重分離

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

2.教學內容缺乏先進性

當今互聯網飛速發展，Web前端綜合開發課程應該緊跟時代的步伐，貼合目前實際項目需求。而部分地方院校課程內容設置對市場需求調研不足或者未能及時更新，導致教學內容陳舊，缺乏先進性[3]。

3.無法滿足學生個性化發展

教學過程中由于采用了灌輸式教學方式，且師生互動較少，教師無法掌握學生對知識的理解和應用程度，難以掌握學生個體基礎和能力的差異性，采用了“一刀切”的教學方式，學生個性化發展難以得到實現，而且基礎好的學生學習積極性不高，班級學習狀態呈現兩極分化的現象，教學效果不佳。

三、“項目驅動+慕課+翻轉課堂”教學法在《Web前端綜合開發》課程中的應用

1.項目驅動培養學生軟件開發實戰能力

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

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

2.慕課補充課程內容的先進性

慕課是開放式在線網絡課程，是學生利用互聯網，通過慕課平臺的教學視頻在線學習一流大學課程的教學模式。慕課的授課教師都是國內外知名專家學者，他們對知識的理解和運用，對行業前沿技術的掌控，都以先進的課程內容凝練到慕課的開放資源中，教師和學生們不受空間和時間的限制進行網絡共享，達到優質資源的最大化利用。

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

3.翻轉課堂培養學生的自主學習能力

翻轉課堂指的是由教師根據授課內容在課前布置問題，學生通過互聯網查閱相關資料或者教育資源，通過自主學習的方式解決問題，課堂上老師不再單純地講授知識，而更多的是去理解學生的問題并引導學生運用知識來解決問題。

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

結語

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