雷蘊

摘要：該文介紹了WEB前端開發(fā)課程的教學(xué)方法，通過遞進(jìn)式階段教學(xué)了解并掌握WEB前端開發(fā)技術(shù)。

關(guān)鍵詞：WEB前端；HTML5；CSS3技術(shù)

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2016）34-0153-01

1 課程定位和應(yīng)用前景

如今，前端開發(fā)工程師的職責(zé)，不是只有切圖、制作網(wǎng)頁這么簡單。前端開發(fā)工程師，會熟練使用時下非常流行的HTML5、CSS3技術(shù)，架構(gòu)炫酷的頁面；3D、旋轉(zhuǎn)、粒子效果，頁面變得越來越炫，對人才的要求也越來越高。會全面掌握PC、手機、iPad等多種設(shè)備的網(wǎng)頁呈遞解決方案，響應(yīng)式技術(shù)不僅僅是使用，更多的探討使用領(lǐng)域。會開發(fā)微信小游戲『2048』、『圍住神經(jīng)貓』，借助于H5輕松開發(fā)小成本游戲。使用Facebook推出的React Native或是HTML5 Plus技術(shù)構(gòu)建手機APP！HTML5顛覆原生指日可待，不管蘋果還是安卓，都能用上新的APP，降低企業(yè)開發(fā)成本。掌握Ajax技術(shù)，頁面不刷新，就能獲得后臺或是數(shù)據(jù)庫中的數(shù)據(jù)，更好地呈遞給用戶。掌握高級面向?qū)ο蟆⒃O(shè)計模式、MVC、Angular等高級程序書寫技術(shù)。做大項目的時候，這些技術(shù)，能夠讓你的項目結(jié)構(gòu)清晰，易于維護(hù)！大數(shù)據(jù)的前端可視化、借助Node.js完成全棧開發(fā)、集成測試、自動化工作流、版本控制系統(tǒng)、團(tuán)隊協(xié)同、自動化部署等等。

2 實驗案例教學(xué)

我們可以分為以下這幾個教學(xué)階段：

1） 基本功；2）H5移動Web；3）HTTP；4）框架；5）模塊化；6）Native App；7）Node.js；8）項目實戰(zhàn)。

第一個階段主要是介紹HTML+CSS、JavaScript基礎(chǔ)、JavaScript特效、編程能力提升、jQuery基本使用等。通過項目開發(fā)掌握HTML+CSS整站開發(fā)，定時器和焦點圖，常見特效，例如：tab，導(dǎo)航，整頁滾動輪播圖，用JS制作幻燈片彈出層，手風(fēng)琴菜單等，掌握基于前端開發(fā)的面向?qū)ο缶幊袒A(chǔ)，應(yīng)用jQuery的特效和動畫。

第二個階段主要是介紹HTML5和移動WEB開發(fā)，包括HTML5、CSS3、Bootstrap移動Web開發(fā)，通過電商移動Web整站項目、CSS3炫酷活動頁項目、響應(yīng)式金融平臺移動端項目讓學(xué)生掌握該階段開發(fā)技術(shù)。

第三個階段主要是介紹JavaScript高級，第四個階段主要是模塊化組件化開發(fā)。面向模塊編程和面向組建編程。基于組件化思想開發(fā)網(wǎng)站應(yīng)用程序和淘寶的SeaJS實踐開發(fā)。后續(xù)幾個階段內(nèi)容有HTTP服務(wù)和AJAX編程、《某教育平臺》綜合項目、主流的流行框架、Node.js全棧開發(fā)、HTML5原生移動應(yīng)用開發(fā)等。

3 課程應(yīng)用領(lǐng)域特點

一名優(yōu)秀的前端開發(fā)工程師，不單單需要掌握前端必需的各種技術(shù)，同時還要掌握其它技術(shù)，需要掌握一點后臺的知識，同時也要對網(wǎng)站構(gòu)架有一定的了解，同時還要掌握一定的SEO網(wǎng)站優(yōu)化技術(shù)，這樣才可以稱之為一個“優(yōu)秀的web前端開發(fā)工程師”。所以對于前端開發(fā)這門課程來說，涵蓋面很廣既有具體的技術(shù)，又有抽象的理念。簡單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。需要不斷的實踐沉淀累積開發(fā)經(jīng)驗。

參考文獻(xiàn)：

[1] WEB前端開發(fā)工程師百度百科[EB].