WEB前端課程體系建設探討

王邦千 張龍

【摘?要】隨著WEB前端開發技術的迅速發展，高校IT類專業課程體系中，設置WEB前端開發類課程很普遍，教學實踐表明，企業WEB前端開發分離成獨立的開發崗位群，高校課程教學內容與企業對人才的要求存在著差距，本文針對WEB前端的知識體系和課程配置做了初步探討，設計了WEB前端課程體系雛形，為課程體系的建設和完善提供參考，也為廣大WEB前端學習者、從業者提供學習和提升提供參考。

【關鍵詞】WEB前端;課程體系;配置

引言

為了吸引和留住用戶，WEB前端需要更生動地展示信息、良好的交互體驗效果和更高級的開發人才。隨著開發的技術、工具、方法迅速發展，規范的不斷升級，WEB前端開發已從WEB應用開發中獨立出來成為獨立的崗位群和職業群，這一發展趨勢就導致WEB前端開發師緊缺和薪酬的飆升。目前高校IT類相關專業配置的WEB前端課程未能跟上 Web 前端技術發展和企業對人才新要求的節奏，為了人才培養跟上時代發展步伐，本文探討了高校課程體系中配置WEB前端課程的個人觀點，供相關人員參考。

1、WEB前端知識體系探討

WEB前端開發的知識面廣、技術、方法和工具多種多樣，新方法新技術仍然在不斷勇現，高校教學中能涉及到的有以下幾個方面的知識體系：

第一部分是開發知識和技術，包括網頁三劍客（HTML+CSS+JavaScript）的原理、知識、技術、方法和開發工具，包括HTML5還提供的表單控件和表驗證、文檔結構標簽、本地存儲、本地緩存及本地數據庫等、更重要的是HTML5提供多種API，如用于渲染圖形或其他可視圖像的2D 繪圖 API、支持離線 Web 應用程序的緩存 API、播放視頻和音頻的API、全屏API（Full Screen）、支持的編輯 API等;CSS3模塊包括選擇器、盒子模型、背景和邊框、文本效果、2D/3D 轉換、動畫、多欄布局等，基于CSS3前端預處理技術Less和Sass等;JavaScript包含ECMAScript（核心）、DOM（文檔對象模型）、BOM（瀏覽器對象模型）三個部分。ECMAScript提供了一種腳本語言規范，任何基于此規范實現的腳本語言都要遵守它的約定，ECMAScript 5，6新增JavaScript中的對象、面向對象、原型、作用域鏈、箭頭函數、回調函數、閉包函數的調用方式及 this 指向、正則表達式、Set和Map數據結構、JavaScript設計模式并且引入JavaScript代碼調試理論等。

第二部分是前端框架技術，目前的前端框架種類多且新框架也不斷出現，這些框架封裝了前端開發通用的HTML、CSS、JavaScript模塊，為HTML文檔提供操作和漂亮的各種控件，前端框架為開發人員簡化了網頁設計，大大提高了開發效率。開發中常用框架有BootStrap、layUI、H-ui、Framework7移動端框架、jQuery、Vue、React、Angular、Backboner等。

第三部分是WEB前端頁面代碼的優化技術，包括前端目錄結構的組織，目錄和文件命名規范;HTML，CSS，JavaScript代碼書寫規范，HTML代碼、CSS代碼和JavaScript代碼進行分離。用背景圖合并、圖片文件預加載和懶加載、對JS文件的壓縮等來提高網頁加載速度。

第四部分是Web前端頁面的調試和測試，掌握Chrome瀏覽器的調試工具，火狐瀏覽器的Firebug插件調試工具，IE的開發人員工具等技術的運用。頁面的測試包括測試用例的設計，頁面布局測試、功能測試、安全測試、兼容性測試和性能測試等。

2?WEB前端課程體系探討

從前面探討可知，WEB前端開發課程涉及到知識、技術、方法、工具等內容多且面廣，在課程體系中是不可能面面具到的，只能選擇基礎性、應用性強的知識設置成必修課，同時設置高級技能選修課，學生根據自己的專業方向、愛好和擇業需要選擇學習，再配置實訓課來強化學生的實踐能力，構建學生理論基礎、應用設計、前端構建和工具運用的綜合開發技能。根據這個思路，構建WEB前端開發課程體系如下：

3?結束語

WEB前端開發從web應用開發中分享出來成為獨立崗位，開發技術、方法和工具日益豐富，對開發人員的開發技能要求也越來越高，我們有必要探討課程體系中WEB前端開發課程配置的改進和提升，來滿足選擇前端開發方向學習的學生通過多種方式學習，規劃學習路線，提升開發技能。為了進一步滿足學生應用型能力的構建，可試著對專業開設WEB前端開發方向班，系統地組織相關系列的知識體系教學。

參考文獻：

[1]邵英安 鮑金玲 劉剛. Web前端課程理論知識體系的探討[J].商情，2020（21）

[2]劉蕾 劉冰月.Web前端課程的知識體系和教學實踐[J].軟件工程，2018（6）

（作者單位：四川工商學院）