Web前端是給用戶展示的網(wǎng)頁頁面，即網(wǎng)站的前臺部分，是關(guān)于用戶可以看到和體驗的網(wǎng)站的視覺方面，即用戶所看到的一切Web瀏覽器展示的內(nèi)容，涉及用戶可以看到，觸摸和體驗的一切；即web前端包括web頁面的結(jié)構(gòu)、web的外觀視覺表現(xiàn)以及web層面的交互實現(xiàn)。Web前端主要針對編碼和構(gòu)建可見的東西，也就是用戶進行交互的界面，集中在Web應(yīng)用程序或網(wǎng)站中。

本教程操作環(huán)境：windows7系統(tǒng)、Dell G3電腦。

Web前端是什么

Web前端是給用戶展示的網(wǎng)頁頁面，即網(wǎng)站的前臺部分。

web前端也被稱為“客戶端”，是關(guān)于用戶可以看到和體驗的網(wǎng)站的視覺方面，即用戶所看到的一切Web瀏覽器展示的內(nèi)容，涉及用戶可以看到，觸摸和體驗的一切；即web前端包括web頁面的結(jié)構(gòu)、web的外觀視覺表現(xiàn)以及web層面的交互實現(xiàn)。

web前端從網(wǎng)頁制作演變而來，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中，網(wǎng)頁制作是Web1.0時代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強大。

web前端主要針對編碼和構(gòu)建可見的東西，也就是用戶進行交互的界面，集中在Web應(yīng)用程序或網(wǎng)站中。它還包括移動應(yīng)用程序的開發(fā)，負責創(chuàng)建這些類型的應(yīng)用程序的布局或架構(gòu)的人員是前端開發(fā)人員。

web即全球廣域網(wǎng)，也稱為萬維網(wǎng)，是一種基于超文本和HTTP的、全球性的、動態(tài)交互的、跨平臺的分布式圖形信息系統(tǒng)。是建立在Internet上的一種網(wǎng)絡(luò)服務(wù)，為瀏覽者在Internet上查找和瀏覽信息提供圖形化的、易于訪問的直觀界面，其中的文檔及超級鏈接將Internet上的信息節(jié)點組織成一個互為關(guān)聯(lián)的網(wǎng)狀結(jié)構(gòu)。

前端網(wǎng)絡(luò)編程的挑戰(zhàn)在于用于實現(xiàn)前端頁面的工具以及技術(shù)變化得很快，所以工程師需要不斷注意產(chǎn)業(yè)是如何發(fā)展的（例如ECMAScript 6）。

設(shè)計網(wǎng)頁的目的在于確保用戶打開站點的時候，信息是以容易閱讀并且相互關(guān)聯(lián)的形式呈現(xiàn)的。隨之帶來的問題是，現(xiàn)在用戶實用大量的設(shè)備來訪問網(wǎng)頁，這些設(shè)備具有不同的屏幕尺寸以及清晰度。

所以設(shè)計者在設(shè)計網(wǎng)頁的時候需要注意這些方面。他們需要確保他們的網(wǎng)頁在不同的瀏覽器、不同的操作系統(tǒng)以及不同的設(shè)備上顯示正確，這需要在工程師端進行仔細的計劃。

前端開發(fā)人員的工作

前端開發(fā)人員的工作是實現(xiàn)可視化和交互式元素，這些功能就是為了幫助自己的應(yīng)用程序或網(wǎng)站吸引到