網(wǎng)頁不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁的內(nèi)容更加生動,網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗,這些都是基于前端技術(shù)實現(xiàn)的。以前會Photoshop和Dreamweaver就可以制作網(wǎng)頁,現(xiàn)在只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上,還是開發(fā)方式上,現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā),所以現(xiàn)在不再叫網(wǎng)頁制作,而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要,而且需要專業(yè)的前端工程師才能做好,這方面的專業(yè)人才近幾年來備受青睞。Web前端開發(fā)是一項很特殊的工作,涵蓋的知識面非常廣,既有具體的技術(shù),又有抽象的理念。簡單地說,它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。
Web前端開發(fā)是從網(wǎng)頁制作演變而來的,名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中,網(wǎng)頁制作是Web1.0時代的產(chǎn)物,那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的,用戶使用網(wǎng)站的行為也以瀏覽為主。
Web前端,主要是用來開發(fā)用戶通過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言,所涉及的內(nèi)容主要包括W3C中的HTML、CSS和JavaScript這三方面的內(nèi)容。
但是隨著前端的發(fā)展,前端開發(fā)所涉及到的內(nèi)容肯定不僅限于這三方面。分析這三個層面內(nèi)容的本質(zhì)可以看到,這三個層面分別涉及Web頁面的結(jié)構(gòu)、Web的外觀視覺表現(xiàn)以及Web層面的交互實現(xiàn)。
因而,歸根結(jié)底,Web前端以及Web前端開發(fā)可以說是針對Web的結(jié)構(gòu)、行為和表現(xiàn)來進(jìn)行相應(yīng)的開發(fā)的,也可以說,前端開發(fā)主要是做Web端的結(jié)構(gòu)、行為以及表現(xiàn)。
Web前端開發(fā)技術(shù)是一個先易后難的過程,主要包括三個要素:HTML、CSS和JavaScript,這就要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù),網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識,而且要學(xué)會運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識,包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持等。
Web前端開發(fā)后期要懂一些前端框架,如nodejs、Angualrjs、還有bootstrap等,以及ued用戶體驗,后臺開發(fā)也要懂一些。