HTML5 前端開發(fā)課程教學改革實踐探討

于 薇

（江西陶瓷工藝美術職業(yè)技術學院，景德鎮(zhèn) 333001）

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

1 前端開發(fā)課程教學現(xiàn)狀與存在問題

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

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

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

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

2 前端開發(fā)的教學改革措施

2.1 以就業(yè)需求為出發(fā)點定位教學內(nèi)容

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

2.2 精選教學內(nèi)容

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

2.3 變革教學模式，實行項目驅(qū)動教學

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

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

2.4 變革教學形式

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

2.5 利用有關學習系統(tǒng)，提高學習效率

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

2.6 設置課程評價機制

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

3 結束語

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