WEB前端課程體系建設(shè)探討

王邦千 張龍

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

【關(guān)鍵詞】WEB前端;課程體系;配置

引言

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

1、WEB前端知識體系探討

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

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

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

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

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

2?WEB前端課程體系探討

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

3?結(jié)束語

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

參考文獻：

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

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

（作者單位：四川工商學(xué)院）