基于WEB前端開發技術的課程教學模式創新性研究

吳瓊 江西應用技術職業學院

隨著我國社會科學技術的快速發展，網絡信息化技術給日常生活帶來了極大方便，其中WEB前端開發技術應用越來越廣泛，成為提升工作效率熱門技術之一；現如今，WEB前端開放技術已經被各地區職業院校引進，開發成為一門技術應用的專業課程，課程的學習促使學生能夠逐漸成長為滿足社會發展需求的復合型專業人才。在課程創新的過程中，教師可以立足于前端開發技術，利用WEB前端開發技術創新其課程的教學模式，以此凸顯WEB前端開發技術的應用價值，促進現代社會課程模式的構建與發展。

一、WEB前端開發技術課程解讀

《WEB前端開發技術》課程是各地區高職院校計算機專業課程體系中的重要內容，同時也是院校網絡技術、軟件技術、互聯網技術等相關專業的重核心課程之一；在該課程教學掌握中重點學習掌握HTML5、CSS3、JavaScript等腳本語言，掌握語言知識，通過項目實踐學習實現自主開發與設計，掌握基本操作技巧，形成良好的專業相關崗位適應能力。

結合《WEB前端開發技術》課程教學內容的WEB項目設計原理、布局、配置等理論知識，同時需要掌握網站的規劃設計、制作與管理、發布等一些技術技巧。學習WEB前端的操作技巧，需要能夠熟練使用HTML5語言描述方式；學生還需要學習DIV+CSS的結合技術，對網頁進行布局與整理，掌握基本的腳本語言知識，掌握JavaScript程序的嵌入方法，進行開發維護與管理等。

在上述內容的教學過程中，教師的主要目的是讓學生更好的理解三大腳本語言，掌握Web頁面布局技術，熟練使用DOM技術的編寫功能，編制出能夠具有較強交互能力的客戶端，同時初步具備WEB頁面的布局與交互設計能力。

關于《WEB前端開發技術》的教學內容，為了將這一技術更好的運用于本課程的教學模式創新與構建中，教師需要充分體現課程特點，利用WEB前端開發技術功能，適當調整課程教學方式與教學場景，利用網絡技術為學生提供一定的自主學習空間與實踐機會，促使學生能夠在WEB前端開發技術的支持下學習《WEB前端開發技術》課程，既能夠讓學生更好的理解課程內容，又能夠充分體現這一技術在教學模式構建中的創新性特點。

二、傳統WEB前端開發技術課程教學發展現狀

一方面，在現階段的《WEB前端開發技術》課程教學中，教師把握其計算機網絡專業核心課程的特點，將移動軟件開發、網站設計與開發、軟件開發等課程與這門課程相銜接，同時根據職業教育改革需要，將“1+X證書制度”融入課程教學中。作為具有豐富經驗的課程教學教師，教師要認識到這一技術在教學模式創新方面的優越性，從而調整教學實踐方法，改進教學方式，迎合“1+X證書制度”的目標，對《WEB前端開發技術》課程進行教學分析，發現主要存在以下問題：

第一，缺乏理論知識學習興趣與學習驅動力，課程學習氛圍不濃厚，很多學生僅僅能夠跟隨教師“被動學習”，對基礎知識與技能無法透徹理解，不能夠熟練掌握Web前端開發在計算機體系中的作用及應用，同時對專業發展缺乏目標。

第二，現有的課堂教學模式不能夠充分利用本課程的教學資源，不能夠體現出本課程構建現代化教學模式的優越性，導致理論與實踐相分離，從而降低了課堂教學效率。

第三，缺乏科學的自主學習與交流平臺，缺乏對技術本身的應用，在實際教學的過程中，教師一味的展開課堂理論知識與實踐教學，忽視了課程教學模式與教學平臺的構建，一成不變地“教”與“學”影響了課程教學效果，同時弱化了本課程核心技術理念在構建課程模式創新性方面的實用價值。

另一方面，在實際教學的過程中，教師沒有結合課程特色根據學生的實際情況分析學情，從而導致課程教學模式不符合學生的實際情況，有些學生甚至很難跟上教學進度。因此，在課程創新的過程中，教師既要充分利用技術特點，構建良好的自主學習與交流網絡平臺，保證教學活動契合學生實際情況，凸顯Web前端開發技術在教學模式創新性提升方面的優勢。

三、WEB前端開發技術的課程教學模式創新作用

現如今，社會信息化的傳播為社會的發展提供助力，人們的社交、新聞瀏覽、購物、出行等皆需要運用到各種平臺，需要WEB前端開放數作為支撐。因此，在《WEB前端開發技術》的課程教學模式創新中，WEB前端開發技術具有不可替代的作用與優勢，教師可以利用技術為學生推薦課程前端軟件，讓學生通過軟件學習課程知識、參與實踐訓練，以此鍛煉學生的技術應用能力，還能夠讓學生在體驗學習前端頁面的同時感受WEB前端開發技術的應用價值，體會WEB前端開發技術的現實魅力，以此提升學生的綜合素養與綜合能力，為學生今后的職業發展提供有力保障。

關于《WEB前端開發技術》中的技術應用，教師可以構建“3+1”框架模式，利用WEB前端開發技術，優化設計課程教學環節，托沖H-C-J模式，讓學生在深入掌握理論知識的同時學習WEB的后臺開發技術；教師還可以結合課程教學現狀，優化設計動態服務頁面，連接動態服務與Java服務器，強化學生的學習體驗，讓學生利用軟件構建網站平臺，高效完成課程實踐作業，提升專業實操技能。

四、基于WEB前端開發技術的課程教學模式創新路徑

（一）優化課程體系，全面調整課程教學

要想基于WEB前端開發技術創新課程教學模式，建議教師要結合《WEB前端開發技術》教材內容，合理地進行教學設計，優化其課程體系，構建出能夠體現出技術特點的教學結構。教師要結合實際情況，重點關注課程教學設計，結合“1+X”制度內容，提出全新的課程標準；在這一過程中，教師可以將“項目”作為單元，撰寫單元教學案例，明確提出每一個教學項目下的學習任務，全面體現課前線上學習、課中理實一體化、課后拓展實踐的細節。

此外，教師要充分利用WEB前端開發技術應用優勢，開發該課程配套的學習資源案例，并構建高效地軟件平臺，以便于為學生提供共享的學習資源與實踐資源；教師還需要每周進行方式與交流，總結課程教學現狀，不斷提升課程教學模式的創新性。教師還可以利用WEB學習前端軟件的數據搜集與分析功能，統計分析，并對學生采用過程性考核，全面搜集與分析學生的學習過程數據資料，正確判斷學生學習狀態，以此保證學習評價的科學性，凸顯WEB前端開發技術的課程教學模式創新優勢。

（二）創新教學、平價方式，激發學生學習興趣

要想基于WEB前端開發技術創新課程教學模式，建議教師要提出新穎、具有專業課程特色的教學方式，吸引學生參與其中。在實際過程中，教師可以引進任務驅動法、項目教學法、資源共享法，構建一體化課堂，讓學生分別按照“課前”、“課中”、“課后”的節點進行課程學習。教師可以利用WEB前端開發技術構建前端軟件頁面，為學生提供自主學習平臺，閱讀與學習教師推送的課程資源，之后在課堂教學中，學生可以互相交流預習成果，提出預習過程中產生的疑問，從而在軟件平臺中開展實踐練習，其練習過程數據與結果數據均會傳輸到教師的賬戶中，以便于教師客觀、全面的評價學生的學習成果，為學生提供有價值的建議。之后，學生可以結合實例將課程知識運用于實踐中，并且在師生前面展示，從而使學生全面參與其中。

（三）調整課程教學活動，強化學生實踐能力

要想基于WEB前端開發技術創新課程教學模式，建議教師要適量調整任務活動。在《WEB前端開發技術》的教學過程中，教師要轉變現有教學模式，就要認識到現有教學模式的不足，比如：學生較為被動，吸收掌握知識程度不一，有些學生不能夠主動表達自己的想法與意見。因此，教師可以利用WEB技術開展分層教學，根據班級學生的不同學習情況，設置不同方向、不同層次的學習任務，讓學生有層次的學習，在完成符合自己實際能力的任務之后進一步拓展練習，從而循序漸進地提升實踐能力。

（四）增強課程教學趣味性，構建高效教學課堂

要想基于于WEB前端開發技術創新課程教學模式，建議教師要適當增加課程的趣味性。在初次教學的過程中，教師要向學生講明《WEB前端開發技術》課程的重要價值，同時讓學生利用手機訪問一些常見的網頁，下載有趣的軟件，將這些軟件與案例為例，引進生活元素，比如：校園活動的剪輯，以此吸引學生，讓學生產生熟悉感，促使學生能夠積極主動的“完成剪輯”。之后，教師可以對相應知識點中設置“游戲式”、“接地氣”的小任務，在“學中玩、玩中學”，快速掌握知識及應用技能，提高課堂教學效率。

五、結語

利用好WEB前端開發技術來創新課程教學模式，需結合其具體內容，以及教學實際情況，分析《WEB前端開發技術》課程的教學目標，優化教學體系，從而奠定教學模式創新技術。之后，教師要充分利用WEB前端開發技術的應用價值，對這一課程的教學方式方法、課堂任務活動、自主探索（實際項目）、學習評價等多個環節進行調整，充分發掘技術應用價值，推動課程教學模式的職業化、標準化發展，有效提高課程教學效率，凸顯這一技術在課程創新中的應用優勢。