Web前端開發技術課程混合教學模式創新*

李超 黃河

銅陵職業技術學院 安徽 銅陵 244000

由于我國經濟發展步入新常態發展階段，社會就業領域對勞動就業的需求出現了一定幅度的下降，這導致市場領域對普通勞動就業者的需求有所減少，但與此同時，對掌握專業技術，具有較強Web開發技術能力的人才依然十分稀缺，勞動就業領域的這一市場狀況，為計算機專業的教育教學工作指出了新的方向。本文結合計算機專業的教學實務工作，對有關的課程創新問題進行詳細解析。

1 WEB前端開發課程的主要教學內容

目前很多院校的計算機專業，在課程教學上，針對Web前端開發技術的課程，其內容主要包括了HTML、JavaScript、CSS等項目，這些內容都屬于網絡制作領域在網頁設計與制作上較為常用的工具，計算機專業的人才培養，也正是基于通過教育教學工作讓網絡人才掌握目前行業領域前沿的實用技術，使得其在步入實踐領域的工作崗位時，能夠用掌握的技術做好有關的工作。不過因為現代科技不斷發展，很多高科技企業所要求的網絡人才不僅要懂得怎樣制作網頁，還要掌握最新的WEB前端開發技術，因而要提升計算機人才的專業能力與就業水平，高校應注意積極掌握市場上對高端科技人才的需求動向，立足市場導向，及時調整計算機專業的課程教學辦法。一方面，應在WEB前端開發的教學活動中，注意做好基礎理論的教學，讓學生對技術原理與應用框架具有深入的了解，同時還應當增加實踐性的教學環節，教師可以使用現階段科技企業中常用的移動終端辦公設備向學生演示怎樣利用WEB前端開發技術制作程序和進行軟件開發，頁面集成的一些實踐性問題，通過調整教學內容，讓WEB前端開發課程更加貼近企業領域實際的工作環境，從而培養學生掌握WEB前端開發技術處理實務問題的能力[1]。

2 WEB前端開發技術的應用范圍

由于現代網絡化發展已經成為社會生產生活領域不可阻擋的一股潮流，因而網絡技術的開發應用也變得越來越多多元化、專業化。WEB前端開發技術在目前的很多網絡建站，網頁制作與網絡開發活動中都有廣泛地應用，對從事WEB前端開發的人員而言，不僅要掌握相關的技術原理，還要掌握WEB前端開發技術目前的應用情況，尤其在移動通信網絡終端如手機常用的網絡APP中的技術應用問題。因為目前我國的上網用戶中，大多數屬于使用智能手機進行上網的人群，因而目前大量的網頁開發，網站建設，都開始由立足臺式電腦而轉向立足手機終端進行設計，這就使得WEB的前端開發技術在應用上要更多關注市場領域的前沿動態，對WEB前端開發工作進行教學時，要注意根據行業領域技術應用的主流發展趨勢，進行課程教學內容的必要調整，通過積極探索新的課程教學方法，讓WEB 前端開發按技術的教學工作更契合與目前行業領域的技術應用實際情況，這樣才能使得學生在有關技術應用的學習上找準方向[2]。

3 基于Web前端開發技術的課程教學模式架構

3.1 H-C-J模式

H-C-J模式，指的是包含了HTML、JavaScript、CSS等技術應用的WEB前端開發模式，這里面的H指的就是超文本標記語言HTML，HTML是目前網絡領域最為常用的前端制作技術，其支持在網頁上鏈接各種信息，能夠把各種各樣的文字、圖片、動態的元素呈現在網頁上提供給瀏覽者，因而進行WEB的前端開發，必然要應用到HTML技術。C指的是層疊樣式表CSS，是在前端開發的工作中，用以表現HTML樣式的計算機語言，其是針對網頁上復雜內容模塊的顯示要求，而對不同內容實施合理定位與展示的工具，對于一些構成較為復雜的網頁，CSS技術在合理規劃頁面的內容要素，提供網頁美化方面具有其他工具和技術所不具有的強大功能；H-C-J模式里面的J指的是Java Script，中文也被稱為加瓦腳本，其屬于一種腳本語言，是目前網絡制作領域十分常用的對網頁加入動態展示互動功能的技術工具，通過使用JavaScript，能夠讓制作人員在網頁上添加互動功能，為瀏覽者提供點擊應答窗口，并在網頁上設置動態的展示內容。

3.2 3+1框架

要做好Web前端開發的教學工作，不僅要通過理論化的教學，讓學生掌握HTML、JavaScript、CSS等技術的原理和相關的理論知識，還要讓學生從網頁設計的實際工作出發，對H-C-J模式具有深入理解和實踐應用技能的掌握，因而教學上應設立3+1的框架，一方面通過讓學生深入了解H-C-J模式里面的HTML技術、JavaScript技術和CSS，在掌握了其技術原理基礎上，可以使用上述三項技術進行網頁的制作與開發工作。同時因為網頁的制作與開發主要依據現實需要而進行目標設計，因而不存在統一適用的開發模式，這就需要教師在課程教學的工作開展實施上，立足3+1框架，模擬實踐領域的網頁制作，網站建設與前端開發工作，讓學生依據用戶要求進行軟件設計和技術應用，通過理論結合實踐的教學，讓學生在掌握了理論知識的基礎上，具有技術應用與前端開發方面的實踐才能，這樣才可以使得學生具有較高的實踐工作能力與技術應用水平[3]。

4 基于Web前端開發技術的課程教學模式具體實踐路徑

4.1 確立核心，科學引領

對于Web前端開發的教學工作，應注意在課程內容講解上先明確核心，讓學生理解學習WEB前端開發技術主要的目的在哪里，在現實的工作中要使用這一技術處理怎樣的問題，完成怎樣的工作任務。這些工作任務一般的目標是什么，使得學生在學習理論知識之前，先弄清技術的應用方向，這樣才能使得學生明晰WEB前端開發技術的學習的重心。在此基礎上，在三項技術的各自講解上，要注意對三項技術之間的聯系進行深入解析，先讓學生了解HTML的作用和應用問題，再學習CSS的作用和其與HTML的關系，在明晰二者的技術應用基礎上，再讓學生學習和了解JavaScript在前端制作上的作用和應用范圍。由于這三項技術在網頁開發的實務工作中具有一定的遞進關系，因而教師應注意避免以割裂的理論知識灌輸而進行有關技術問題的講解，而應秉持科學的知識教授順序，從各項技術的應用為指導，由淺入深地進行技術作用、原理與應用問題的講解。

4.2 以人為本，因材施教

因為不同的學生理解能力不同，對技術的掌握也會呈現出不同的學習效果，因而教師在Web前端開發技術的課程教學上，要注意在統籌整體的基礎上，針對個別學生對技術理解存在誤區，存在不明白的現象，給予個別的輔導和答疑。教師要在集中教學工作完成后，通過觀察學生的反應情況，了解哪些學生切實理解了教師的講述內容，而哪些學生還沒有充分理解課程內容，通過設置一些實踐性的試題訓練，觀察學生的反饋情況，從而找出學生中對這部分內容存在理解偏差和認知障礙的學生，消除其疑惑，更好地理解掌握Web前端開發技術。

4.3 加強評價，實現目標

為了更好地最好課程教學工作，保障Web前端開發技術課程的教學實效，教師應調整以往一元化的教學評價模式，而引入綜合性教學評價，通過分別針對學生在課程學習后對知識的理解程度，掌握程度，實踐水平三方面進行測試，觀察其課程學習的實際效果，并把其在三方面的學習狀況給予評估，讓學生真實的課程學習水平得以有效反映出來，這樣可以更好地衡量課程教學的效果。

5 結束語

基于Web前端開發技術的課程包含很多知識內容和專業技術，并且具有很強的綜合性。因此，在教學過程中，教師應結合課程內容和目標，依靠前端開發核心技術，通過3 + 1框架的設計，進一步豐富培養學生的知識體系，提高他們的專業水平和綜合能力，為學生的未來學習和工作打下堅實的基礎。