Web前端課程理論知識體系的探討

邵英安 鮑金玲 劉剛 莊嚴 陳廣燕

【摘要】本文針對目前Web前端技術的發展應用現狀為研究對象，并結合計算機科學學院下屬各專業的專業定位和培養目標下的Web前端課程，在課程理論知識體系存在的主要問題進行了深入的分析和研究，并提出基于Web3.0前端課程理論知識體系的核心理念，有助于學生由理論識記型學習向實踐應用型學習的轉換，確保學生盡快全面掌握最新前端技術的理論、工具、框架及應用，從而使學生適應IT企業對于Web前端人才的需求，進而培養合格的飯‘前端復合應用型人才。

【關鍵詞】前端技術 Web3.0 前端課程

1、Web前端課程理論知識體系的相關研究

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

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

構建Web前端課程理論知識體系，讓學生全面掌握Web前端開發技術，并拓展了案例教學法并引入漸進式線上項目案例，從而使學生即學即用，使學生在項目案例之中，能夠根據實際業務需求進行面向對象編程、組件式編程，進而提高學生綜合運用知識的能力進行，積累項目開發經驗，為以后采用主流的Web前端框架進行企業級開發夯實堅實的基礎，有助于提升學生的整體編程能力和實踐水平。

2.1 Web前端課程理論基礎知識體系結構不合理、教學內容陳舊

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

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

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

2.3 掌握服務器端搭建技術

前端課程教學大部分還是沿襲多年的機房式線下教學模式，為了強化學生前端開發的實際能力，將自己所學所做真正將理論與實際聯系起來，在前端課程中就必須引入服務器端搭建技術，將理論十實踐十應用即三位一體教學模式，從而真正的實現學以致用。

3、結束語

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

參考文獻：

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

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

[3]張敏，陶建林.HTML5前端開發課程教學改革實踐[J].教育現代化，2018，5（52）：94-95+101.

[4]張陽.Web技術課程結構設計[J].電腦知識與技術，2019，15（04）：97-98.

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

作者簡介：邵英安（1982-），男，講師，研究方向：Web全棧開發。鮑金玲（1977-），女，副教授，博士，研究方向：空間數據庫。劉剛（1981-），男，講師，研究方向：多媒體數據庫。莊嚴（1978-），女，副教授，研究方向：嵌入式系統。陳廣燕（1996-），女，2017級本科學生。