Web前端開發(fā)技術人才培養(yǎng)模式研究

1、    web前端開發(fā)技術人才培養(yǎng)模式研究    趙大偉+陳剛摘要：隨著web2.0技術普及和人們對用戶體驗的要求越來越高，傳統(tǒng)的web界面已經(jīng)不能滿足人們對交互特性的要求， web前端開發(fā)技術越來越受到重視，各大行業(yè)對web前端開發(fā)方面的人才需求量也大幅度提升。本文就教學過程中web前端開發(fā)技術課程，提出一種新的教學模式，并探討了新模式中具體的教學改革及實施方法。關鍵詞：web2.0；前端開發(fā)；html5；課程：tp301.6 ：a ：1009-3044（2015）24-0109-02research on the training mode of t

2、he web front-end development technologyzhao da-wei，chen gang（department of computer， college of humanities & sciences of northeast normal university， changchun 130117， china）abstract： with the popularization of web2.0 technology and the requirements of the user experience， the traditional web in

3、terface has been unable to meet the requirements of the interactive features， web front-end development technology is more and more attention， and the major industries of the web front-end development needs of the talent is also a substantial increase. this paper puts forward a new teaching mode， an

4、d discusses the specific teaching reform and implementation of the new teaching mode in the course of developing web in the teaching process.key words： web2.0； front-end development； html5； course1 前言傳統(tǒng)的web 前端開發(fā)是指靜態(tài)網(wǎng)頁的布局的設計，是 web1.0 時代開發(fā)人員的主要工作。那個時代，網(wǎng)站的內(nèi)容主要是以靜態(tài)的頁面為主，人們進入網(wǎng)站也主要是通過瀏覽網(wǎng)頁的內(nèi)容，獲取相關的信息。2005

5、年以后，隨首web2.0 的發(fā)展和普及，各種交互式的web 應用大量涌現(xiàn)，人們在訪問網(wǎng)站時用戶體驗的要求程度越來越高，網(wǎng)站的前端頁面的設計由此發(fā)生了質(zhì)的變化。前端頁面上良好的軟件化的交互形式能夠為用戶提供了更好的使用體驗，所以前端頁面的開發(fā)技術難度越來越大，此時的web前端開發(fā)是指綜合運用html、css、div、javascript、dom和ajax等技術實現(xiàn)網(wǎng)站的整體布局和改善用戶體驗的工作。在一些技術比較發(fā)達的國家，前端開發(fā)技術人員已經(jīng)獨立出來并形成專門的開發(fā)群體，而目前我國缺乏大量的前端開發(fā)人員，隨著web2.0的普及，未來幾年國內(nèi)各大行業(yè)對web前端開發(fā)方面的人才需求將會大幅提升，w

6、eb前端開發(fā)技術人才也會日益受到重視。一位優(yōu)秀的web前端開發(fā)技術人員在知識體系上既要有廣度，又要有深度，傳統(tǒng)的網(wǎng)頁設計人員只需要掌握dreamweaver、flash和photoshop等基本的工具軟件就可以勝任，這也是目前很多高校中網(wǎng)頁設計課程體系中的核心課程，現(xiàn)在的web前端開發(fā)人員只掌握這些是遠遠不夠的，現(xiàn)在的前端開發(fā)無論是技術上還是難度上都更接近于網(wǎng)站后臺的開發(fā)，所以需要的更加專業(yè)的技術人員。為了更好地進行web前端開發(fā)技術人才的培養(yǎng)我們針對教學計劃進行了修訂，結(jié)合當前對web開發(fā)技術人員的具體的技術需求進行教學。2 web前端開發(fā)技術課程改革2.1課程設置課程改革的目的是適應web

7、 2.0發(fā)展和普及，培養(yǎng)掌握基本的web前端開發(fā)技術，其中包括html、css、div、javascript、dom和ajax等，還要掌握網(wǎng)站性能優(yōu)化、搜索引擎優(yōu)化和服務器端開發(fā)技術的基礎知識，掌握運用各種web前端開發(fā)與測試工具進行輔助開發(fā)等。以web 前端開發(fā)工程師崗位的技術需求為導向設置課程，使其滿足web前端開發(fā)的技術人才能力的要求，在教學內(nèi)容上設置為包含html、div 、css、javascript、dom 和ajax 等5 個模塊的教學內(nèi)容。為了更好地適應web開發(fā)技術的發(fā)展和社會的需要，課程中我們還適時增加html51方面的知識。在新構(gòu)建的知識體系將css+div 技術貫穿整個

8、教學環(huán)節(jié)中，重點介紹css+div 技術在現(xiàn)代網(wǎng)頁前端頁面設計中的作用，并在教學中將javascript、dom 和ajax 技術與它們進行融合，培養(yǎng)學生設計和開發(fā)現(xiàn)代的前端頁面的能力。2.2 案例式教學web 前端開發(fā)技術課程采用案例式教學，以“任務驅(qū)動，項目拉動”為目標，規(guī)范web 前端開發(fā)的流程，以當前優(yōu)秀的精品課程網(wǎng)站，優(yōu)秀的企業(yè)網(wǎng)站和典型的商業(yè)網(wǎng)站為案例，學習前端頁面的設計和開發(fā)，學習先進的技術和理念，通過案例教學使學生能夠獨立完成自選課題的設計任務。在教學中采用基于建構(gòu)主義認知靈活性理論的教學設計模式2，在教學設計過程中，完成案例時始終貫串建構(gòu)主義的概念，對新知識點分別進行感觀建構(gòu)

9、、情景知識建構(gòu)、實踐知識建構(gòu)到最后的重建，形成最終的意義建構(gòu)，學生在學習的過程中可以從不同的情景中實現(xiàn)對知識的理解和認識，并通過案例提高學生的動手和實踐能力。 教學過程中，所有的項目案例均來自當前企業(yè)中的實際項目，根據(jù)軟件工程的理論，把項目案例自下而上分為技術層、操作層和綜合層三個層次3。技術層注重對開發(fā)技術的學習和掌握，操作層重點在于技術的應用，將技術應用于實踐，綜合層則關注技術的整合與創(chuàng)新。技術層是操作層和綜合層的基礎，綜合層則是技術層和操作層的實現(xiàn)和深化。實踐類課程增設課程設計，加強學生在校期間科研訓練及項目經(jīng)歷提高計算機專業(yè)學生web 前端開發(fā)能力，增強學生的職業(yè)競爭力。3 web前端

10、開發(fā)技術能力培養(yǎng)3.1 加強教學資源建設與教學平臺搭建完善教學資源，采用與教學特點相適應的課內(nèi)教學多媒體教學形式，采用國內(nèi)外重點教材，引進國內(nèi)外一流大學和成功的軟件人才培養(yǎng)機構(gòu)的先進教學思路，借鑒國外課程，調(diào)整、更新和充實教學內(nèi)容，采用雙語教學方式，努力與軟件人才國際化的培養(yǎng)目標接軌。構(gòu)建自主學習的資源平臺，搭建程序設計項目資源案例庫，豐富學生課外學習層面，建立相應的課程教學網(wǎng)站，實現(xiàn)課內(nèi)課外相結(jié)合的教學模式4。3.2 實踐基地建設與職業(yè)能力訓練除了在實習過程中的校外教學基地，學校還根據(jù)web前端開發(fā)技術的具體特點，建設一批基于校園的網(wǎng)絡工作室、互聯(lián)網(wǎng)企業(yè)于一體的綜合性實踐基地。在教學過程中，

11、教師可以帶領學生進入基地，參與到實際的web開發(fā)與社會實踐中去，包括校園的網(wǎng)絡工作室等基地就是由學生進行管理和維護，提高學生的職業(yè)能力，使學生完成從理論到實踐的過渡，從學校到“職場”的過渡。以上基地的建立強化了學生的實踐和崗位適應能力。教學中，我們要求學生的項目、課題的實踐性環(huán)節(jié)不少于20%，強化學生實踐能力的訓練，開設了多門反映web前端開發(fā)技術最新發(fā)展的課程，為培養(yǎng)學生的職業(yè)素質(zhì)提供平臺。4 多角度、綜合性的考核提高職業(yè)素養(yǎng)web前端開發(fā)技術的實踐性比較強，我們也希望通過課程改革提高學生的開發(fā)技術和能力，最終提高學生的職業(yè)素養(yǎng)和設計能力，進入社會后能夠勝任專業(yè)崗位的需求。在web前端開發(fā)技

12、術課程考核中，我們采用多樣化、職業(yè)性的考核評價體系取代傳統(tǒng)的考核方式。web前端開發(fā)技術課程的考核，我們采取的多樣化的考核方式，如作品演示、作品集成、項目驗收等。將學生的作品和自選課題，作為評價考核的重要組成部分，學生在匯報和演示作品的同時鍛煉了學生口頭表達能力、與人溝通能力等多方面能力，也加深了他們對web前端開發(fā)技術和項目開發(fā)的深入了解。在項目驗收考核中，我們?yōu)榱俗寣W生更好地完成項目，分為階段驗收和綜合驗收，階段驗收用來檢查和了解學生的學習情況，了解學生對web前端技術的掌握情況，及時的發(fā)現(xiàn)問題并找出解決辦法。綜合驗收是通過學生對具體項目案例的實現(xiàn)情況，來檢驗學生的web前端開發(fā)能力及相關

13、的綜合能力，這種考核方式既能客觀的評價學生的能力水平又能夠培養(yǎng)他們的團結(jié)協(xié)作精神，促進學生們綜合職業(yè)能力培養(yǎng)和提高5。5 結(jié)束語隨著web技術的發(fā)展與變化，企業(yè)與社會對web前端開發(fā)技術人才的要求越來越高，計算機相關專業(yè)的人才培養(yǎng)模式也要做出改變。web前端開發(fā)技術課程的設立與改革使學生能夠更早的接觸最新的技術和知識，達到了讓學生跨入互聯(lián)網(wǎng)web 開發(fā)技術的大門。隨著互聯(lián)網(wǎng)技術發(fā)展和更新，我們的教學及課程也會適應w3c的標準而做出調(diào)整和更新。比如在技術的選擇上要適應瀏覽器兼容性、web 安全等，增加移動互聯(lián)網(wǎng)相關設備的前端技術方面的內(nèi)容，適應產(chǎn)業(yè)的需求，為互聯(lián)網(wǎng)行業(yè)培養(yǎng)合格的人才。同時，針對行業(yè)應用，細化人才培養(yǎng)目標，建立“多元”化的培養(yǎng)目標模型； 通過校企合作、基地建設等不斷地完善我們的實驗和實踐體系，切實提高學生的設計、應用和創(chuàng)新的能力。參考文獻：1 馬新強，孫兆，袁哲.web標準與html5的核心技術研究j.重慶文理學院學報：自然科學版，2010，29（6）：61-