HTML5 前端開發課程教學改革實踐探討

于 薇

（江西陶瓷工藝美術職業技術學院，景德鎮 333001）

自從2005年以來，互聯網迎來了Web2.0時代，網站前端與以往有了很大地不同。這也促成前端開發專業大受歡迎，但同時市場需求大，造成需大于求，另外一些高校的該專業所培養的人才不能滿足企業的要求，沒有系統性、針對性地開設相關課程，所培養出的學生仍以學術型人才為主，只有極少數是應用型人才，造成畢業生就業率下降，就業不對口，工資不高等問題。

1 前端開發課程教學現狀與存在問題

前端開發作為一個新興的專業，其教學方案應該形成一套完整的體系，結合市場需求和地域特色，不斷的更新教學內容。目前高職院校計算機專業前端開發課程質量存在較大差異，普遍存在以下問題：

（1）課程設計不合理，未成體系，知識結構零散。目前計算機專業專科階段，針對前端開發的教學內容少，教材單一，教學資源相對匱乏，僅包含網站開發、平面設計、動畫設計的內容。但對于實際應用中，前端開發不止涉及到以上內容，還包括了一系列計算機知識。另外，傳統的教學主要依靠IDE 集成環境，可能使學生對理論知識產生的錯誤認知，如網頁實現和運行本質的概念混淆。目前，實踐性課程的教學也相對落后，理論知識教學未成體系，學生掌握不到位，無法運用于實際中。隨著計算機技術不斷更新，其難度也在進一步增加，如何培養優秀的前端開發人才是高校需要思考的問題。

（2）教學模式與企業需求不符。為培養更多的應用型人才，部分高職院校對計算機專業前端設計課程進行改革，但在教學過程中仍然采用傳統教學模式，采用教師主講的教學模式，學生的主導地位被削弱，教學質量不高，學生參與度低，缺乏自主學習和創新能力；在實踐性教學中，實驗案例過于簡單，實際應用不強，缺少驗證型實驗項目的設置。

（3）課程評價機制單一。計算機前端開發專業課程評價機制單一，一般采用比較傳統的考核方法，往往忽略其專業特點是實踐性很強。計算機專業本身課程的內容就比較抽象，很多需要在實踐中得到驗證，計算機專業考試往往采用“應試教育”的模式進行考核，學生變的動手能力以及自主學習的能力差，往往對所學專業產生厭煩。

2 前端開發的教學改革措施

2.1 以就業需求為出發點定位教學內容

互聯網的快速發展對計算機人才的專業技能和綜合素質提出了新的要求。為了提升前端開發專業畢業生的就業優勢，滿足社會需求，其理論教學和實踐性教學必應進行改革，符合企業要求，加強實踐性教學。在HTML5前端開發課程教學中，需要緊密結合市場對人才的需求，有針對性地培養學生的專業技能，避免教學內容與企業用人需求不吻合，優化、改革教學內容。學校可與企業相合作，在實際運行的項目案例中進行教學，學會將理論知識運用于實際項目中，培養學生自主學習和創新的能力，提高其學習積極性，提升學生的就業競爭力，同時在日常教學中開設校內外競賽，提高學生工程實踐的能力。

2.2 精選教學內容

前端開發課程的教學內容由理論基礎和實踐基礎構成。理論基礎包括了HTTP 標準、W3C 標準、設計結構、設計模式等諸多內容，教師應教導學生如何有效地學習掌握知識重點，學會運用知識技能。教學內容要有側重點，力求精簡，可以通過分析目前先進地前端設計技術來教學教學。前端設計地教學內容可以大致分為三個部分：（1）基礎知識；（2）腳本及類庫框架知識；（3）實踐應用。

2.3 變革教學模式，實行項目驅動教學

CDIO 工程的教學目的是使學生幾倍工程基礎知識、合作能力等綜合能力，HTML5前端開發課程在理論課程和實踐課程中都離不開企業項目案例的實際教，通過教師和學生的共同分析，培養學生協作能力和自主學習能力。教師可以通過講解選取企業實際操作的具有代表性的項目案例，再引導學生找出并深入分析涵蓋的基礎知識。

項目驅動型教學目的在于使學生學會“分析問題，解決問題”，從而運用理論知識，教授商業網站開發的方法，使學生形成清晰的知識脈絡可采用“提出問題、分析問題、解決問題、總結拓展”的教學模式來逐步引導學生。也可將學生進行分組，以團隊合作的形式來完成項目的開發。其中，實踐性教學的具體步驟如下：（1）明確項目要求。（2）完成項目策劃書。（3）設計項目。（4）實施項目。（5）運行項目，并對項目進行測試。

2.4 變革教學形式

教師在教學過程中要注重啟發學生進行自主分析，并提出解決問題的具體方法。將課堂的主導權交給學生，培養學生自主學習，可以采用分組的形式，選取能力強的學生作組長，培養學生合作能力，互相幫助，共同分析解決問題。同時，教師應充分地對小組進行指導，糾正其錯誤，引導其方向，掌握每個學生專業能力的優勢和弱勢。利用多媒體教學工具展示各組的成果，點評各組對問題分析的思路，提高學生前端開發的實際運用能力。

2.5 利用有關學習系統，提高學習效率

教師應多鼓勵學生使用Claroline 系統進行學習。針對課堂教學內容，教師可以布置相應的課后無紙化作業，讓學生通過Claroline 系統來操作完成。同時教師可以在教師端批改學生作業，檢查作業完成情況，了解學生對知識的掌握程度。學生也可以通過Claroline 系統進行自主練習，由系統自動批改給分，將學生的成績記入個人檔案中。此外，學生還可以通過Claroline 系統進行線上課程的學習，在小組中與同學進行討論互動。通過學習系統的有效利用，可以大大提高學習效率，培養學生自主學習、思考問題的能力，同時通過網絡能快速解決學習中遇到的難題，快速查找到相關的學習資料和信息等。

2.6 設置課程評價機制

在HTML5前端開發課程的評價體系中，應對學生的綜合素質、專業能力進行全面的評價。以往采用的學習成績評價機制為“平時成績”加上“末考成績”，兩者按比例折合構成總分。這類評價機制對于學生的理論知識能夠進行較科學的測定，但學生實際應用的能力卻得不到彰顯。設置合理的課程評價機制，有利于全面的評價學生的各方面能力。

3 結束語

計算機前端開發課程的改革應結合市場需求，隨著科技的不斷發展，培養能適應社會要求的技術型人才，不斷完善和優化教學內容，以就業需求為出發點定位教學內容、精選教學內容、變革教學模式，實行項目驅動教學、變革教學形式、利用有關學習系統，提高學習效率、設置課程評價機制，培養能夠分析問題、解決問題的應用型人才，不斷探索教學改革道路。