本文是維基百科相關(guān)頁面的翻譯，主要介紹了前端編程的三大工具以及發(fā)展目的。

前端網(wǎng)絡(luò)編程，也被認(rèn)為是用戶端編程，是為了網(wǎng)頁或者網(wǎng)頁應(yīng)用，而編寫HTML，CSS以及JS代碼，所以用戶能夠看到并且和這些頁面進(jìn)行交流。前端網(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è)備上顯示正確，這需要在工程師端進(jìn)行仔細(xì)的計劃。

前端網(wǎng)絡(luò)編程所使用的工具

這里有一些工具能被用于進(jìn)行前端編程，理解工具最適用于哪些任務(wù)，這有助于產(chǎn)生一個高質(zhì)量的、可升級的站點。

超文本標(biāo)記語言（HTML）：

HTML是任何網(wǎng)頁工程程序的骨架，沒有它網(wǎng)頁不會存在。超文本標(biāo)記語言能提供站點總體的樣子。HTML被Tim Berners-Lee所發(fā)展。隨著HTML的發(fā)展，在萬維網(wǎng)中產(chǎn)生了許多版本。最新版本的超文本標(biāo)記語言被稱為HTML5，在2014年0月28日被W3所推出。這一版本包含了新的并且高效的方式來傳輸元素，例如音頻以及視頻文件。H5在前端工程師中非常受歡迎。和老的版本相比，HTML5有很多特點。

隨著HTML的發(fā)展，在網(wǎng)絡(luò)中產(chǎn)生了一場革命?，F(xiàn)在，世界開始通過同一種語言相互交流，那就是超文本標(biāo)記語言。其由兩種部分組成，第一是超文本（就是超鏈接），第二是標(biāo)記語言（raditionally written with ablue pencilon authors'manuscripts.）。

層疊樣式列表（CSS）：

CSS控制了站點的樣子，讓你的站點有自己獨有的外觀。其實現(xiàn)形式是：保證樣式列表先于其他的樣式規(guī)則，由其他的輸入形式所影響，例如屏幕的尺寸和分辨率。

JS：

JS是基于場景的命令式語言（和HTML的說明性語言不同），用于將靜態(tài)的HTML界面動態(tài)化。JS的代碼能使用HTML標(biāo)準(zhǔn)提供的文檔對象模型（DOM），來根據(jù)事件，例如用戶的輸入，操縱網(wǎng)絡(luò)頁面。

使用一種被稱為異步JavaScript和XML的技術(shù)（AJAX），JS代碼也能動態(tài)的改變網(wǎng)頁的內(nèi)容（與原始的HTML頁面端相獨立），并且也能回應(yīng)服務(wù)端的事件，讓網(wǎng)頁體驗增加了真正動態(tài)的特性。

發(fā)展的目的

前端工程師牢記以下要點，使用可獲得的工具以及技術(shù)來到達(dá)后端。

可達(dá)性：

隨著移動設(shè)備（例如例如手機(jī)和平板）的持續(xù)發(fā)展，設(shè)計者需要確保他們的站點在所有的設(shè)備中的瀏覽器正確運(yùn)行。這能通過在CSS的樣式列表中使用響應(yīng)式的網(wǎng)頁設(shè)計（responsive web design）。

性能：

性能指標(biāo)主要關(guān)注加載時間，使用HTML，CSS以及JS來確保站點快速打開。