邵英安 鮑金玲 劉剛 莊嚴(yán) 陳廣燕

【摘要】本文針對(duì)目前Web前端技術(shù)的發(fā)展應(yīng)用現(xiàn)狀為研究對(duì)象，并結(jié)合計(jì)算機(jī)科學(xué)學(xué)院下屬各專業(yè)的專業(yè)定位和培養(yǎng)目標(biāo)下的Web前端課程，在課程理論知識(shí)體系存在的主要問題進(jìn)行了深入的分析和研究，并提出基于Web3.0前端課程理論知識(shí)體系的核心理念，有助于學(xué)生由理論識(shí)記型學(xué)習(xí)向?qū)嵺`應(yīng)用型學(xué)習(xí)的轉(zhuǎn)換，確保學(xué)生盡快全面掌握最新前端技術(shù)的理論、工具、框架及應(yīng)用，從而使學(xué)生適應(yīng)IT企業(yè)對(duì)于Web前端人才的需求，進(jìn)而培養(yǎng)合格的飯‘前端復(fù)合應(yīng)用型人才。

【關(guān)鍵詞】前端技術(shù) Web3.0 前端課程

1、Web前端課程理論知識(shí)體系的相關(guān)研究

近年來，基于互聯(lián)網(wǎng)+模式下，圍繞Web前端課程理論知識(shí)體系的改革與探索相關(guān)研究，從目前所掌握的文獻(xiàn)資料來看，主要集中在對(duì)課程教學(xué)內(nèi)容、教學(xué)模式和人才培養(yǎng)等方面進(jìn)行相應(yīng)的研究。為了培養(yǎng)合格前端工程師，在新工科健設(shè)背景下并結(jié)合教學(xué)實(shí)踐，施一飛以前端開發(fā)技術(shù)的研究對(duì)象，對(duì)前端課程的內(nèi)容實(shí)施進(jìn)行相應(yīng)的研究;隨著HTML5技術(shù)快速發(fā)展，為了培養(yǎng)應(yīng)用型人才，李超燕提出前端課程進(jìn)行相應(yīng)的改革。針對(duì)Web前端課程HTML5中存在的問題，張敏對(duì)前端課程教學(xué)內(nèi)容進(jìn)行改革實(shí)踐，將理論與實(shí)踐相結(jié)合，從而培養(yǎng)學(xué)生成為合格的應(yīng)用型人才;隨著前端技術(shù)的迅猛發(fā)展，并根據(jù)計(jì)算機(jī)專業(yè)前端課程自身的培養(yǎng)目標(biāo)，張陽提出以Web技術(shù)為研究對(duì)象，對(duì)課程設(shè)計(jì)、教學(xué)方法及考核方式進(jìn)行相關(guān)的探討;以上學(xué)者均從不同的角度論述Web前端課程理論知識(shí)體系改革的重要性和必要性。

2、Web前端課程理論知識(shí)體系的制定

構(gòu)建Web前端課程理論知識(shí)體系，讓學(xué)生全面掌握Web前端開發(fā)技術(shù)，并拓展了案例教學(xué)法并引入漸進(jìn)式線上項(xiàng)目案例，從而使學(xué)生即學(xué)即用，使學(xué)生在項(xiàng)目案例之中，能夠根據(jù)實(shí)際業(yè)務(wù)需求進(jìn)行面向?qū)ο缶幊?、組件式編程，進(jìn)而提高學(xué)生綜合運(yùn)用知識(shí)的能力進(jìn)行，積累項(xiàng)目開發(fā)經(jīng)驗(yàn)，為以后采用主流的Web前端框架進(jìn)行企業(yè)級(jí)開發(fā)夯實(shí)堅(jiān)實(shí)的基礎(chǔ)，有助于提升學(xué)生的整體編程能力和實(shí)踐水平。

2.1 Web前端課程理論基礎(chǔ)知識(shí)體系結(jié)構(gòu)不合理、教學(xué)內(nèi)容陳舊

目前Web前端技術(shù)發(fā)生了翻天覆地的變化，其主要分為三個(gè)典型階段：第一階段是Web 1.0主要采用HTML和CSS為主流技術(shù);第二階段是Web 2.0主要采用JavaScript、DOM和異步數(shù)據(jù)請(qǐng)求Ajax應(yīng)用為主流技術(shù);第三階段是Web 3.0即主要采用HTML5+CSS3技術(shù)應(yīng)用為主流技術(shù)，而目前大部分高校相關(guān)的Web前端理論課程知識(shí)體系的設(shè)置，不能跟上Web前端技術(shù)變化的節(jié)奏，所以，對(duì)于Web前端課程理論知識(shí)體系盡快的制定就尤其重要。

2.2 Web前端課程理論知識(shí)體系的制定理念

一、全面夯實(shí)Web 3.0前端課程理論知識(shí)體系，主要由三個(gè)部分構(gòu)成，第一部分HTML部分主要包括技術(shù)要點(diǎn)是HTML4.0.1常用的標(biāo)簽語義和語法以及HTML5新增的標(biāo)簽和新特性。第二部分CSS部分主要包括技術(shù)要點(diǎn)是CSS語法、選擇器、列表表格、字體邊框樣式、背景、定位、浮動(dòng)、盒子模型、CSS3新增選擇器及新增Flex彈性、用戶界面布局屬性、2D/3D轉(zhuǎn)換屬性與過渡屬性、Web字體屬性、背景屬性、邊框?qū)傩?、BOX屬性、顏色屬性、可伸縮框?qū)傩?、?nèi)容生成屬性、Grid屬性、多列屬性、和動(dòng)畫屬性，并且引入CSS3中對(duì)瀏覽器私有前綴屬性理論知識(shí)。第三部分JavaScript部分主要包括技術(shù)要點(diǎn)是數(shù)據(jù)類型、DOM/BOM操作及新特性、各種事件、客戶端存儲(chǔ)技術(shù)、多媒體圖像編程、JS特效及ECMAScript5、6新增JavaScript中的對(duì)象、面向?qū)ο?、原型、作用域鏈、箭頭函數(shù)、回調(diào)函數(shù)、閉包函數(shù)的調(diào)用方式及this指向、正則表達(dá)式Set和Map數(shù)據(jù)結(jié)構(gòu)，JS設(shè)計(jì)模式并且引入JS代碼調(diào)試?yán)碚摰?，重點(diǎn)選取Ajax理論知識(shí)的引入，主要包括四部分，web服務(wù)器理論、HITP網(wǎng)絡(luò)協(xié)議理論、JSON數(shù)據(jù)格式理論、前后端交互實(shí)例、跨域請(qǐng)求技術(shù)理論以及常用的擴(kuò)展技術(shù)，主要包括Cookie、Promise、WebSocket等技術(shù)，從使學(xué)生全面掌握Web開發(fā)的基本技能。二、引入當(dāng)前Web前端的VUE3.0主流框架和開發(fā)及測(cè)試工具，進(jìn)行相應(yīng)框架式項(xiàng)目開發(fā)。

2.3 掌握服務(wù)器端搭建技術(shù)

前端課程教學(xué)大部分還是沿襲多年的機(jī)房式線下教學(xué)模式，為了強(qiáng)化學(xué)生前端開發(fā)的實(shí)際能力，將自己所學(xué)所做真正將理論與實(shí)際聯(lián)系起來，在前端課程中就必須引入服務(wù)器端搭建技術(shù)，將理論十實(shí)踐十應(yīng)用即三位一體教學(xué)模式，從而真正的實(shí)現(xiàn)學(xué)以致用。

3、結(jié)束語

本文詳細(xì)闡述了Web前端發(fā)展趨勢(shì)以及在前端課程在教學(xué)過程中存在的主要問題，重點(diǎn)提出Web 3.0前端課程理論知識(shí)體系，根據(jù)Web前端課程理論知識(shí)體系的劃分，將每一階段的核心理論課程內(nèi)容進(jìn)行分解細(xì)化，并按照知識(shí)點(diǎn)難易程度的先后順序，梳理整合重要知識(shí)點(diǎn)和教學(xué)難點(diǎn)，制定培養(yǎng)方案和教學(xué)大綱，并且提出了三位一體的教學(xué)模式，使學(xué)生能夠達(dá)到從理論到實(shí)踐再到應(yīng)用，為培養(yǎng)合格的Web后端開發(fā)工程師夯實(shí)了堅(jiān)實(shí)的基礎(chǔ)。

參考文獻(xiàn)：

[1]施一飛.“新工科”建設(shè)下前端開發(fā)課程理實(shí)一體化教學(xué)改革實(shí)踐[J].科技視界，2017（33）：25-26.

[2]李超燕.《HTML5前端設(shè)計(jì)》課程整體設(shè)計(jì)[J].福建電腦，2018，34（04）：179-180.

[3]張敏，陶建林.HTML5前端開發(fā)課程教學(xué)改革實(shí)踐[J].教育現(xiàn)代化，2018，5（52）：94-95+101.

[4]張陽.Web技術(shù)課程結(jié)構(gòu)設(shè)計(jì)[J].電腦知識(shí)與技術(shù)，2019，15（04）：97-98.

課題項(xiàng)目：吉林省教育科學(xué)“十三五”規(guī)劃一般規(guī)劃課題，課題名稱《吉林省西部高校Web前端課程教學(xué)改革的研究》課題編號(hào)（GH180580）。

作者簡(jiǎn)介：邵英安（1982-），男，講師，研究方向：Web全棧開發(fā)。鮑金玲（1977-），女，副教授，博士，研究方向：空間數(shù)據(jù)庫。劉剛（1981-），男，講師，研究方向：多媒體數(shù)據(jù)庫。莊嚴(yán)（1978-），女，副教授，研究方向：嵌入式系統(tǒng)。陳廣燕（1996-），女，2017級(jí)本科學(xué)生。