武漢大前端培訓(xùn)體驗(yàn)課

web前端就是前端網(wǎng)絡(luò)編程，也被認(rèn)為是用戶端編程，是為了網(wǎng)頁(yè)或者網(wǎng)頁(yè)應(yīng)用，而編寫(xiě)HTML，CSS以及JS代碼，所以用戶能夠看到并且和這些頁(yè)面進(jìn)行交流。

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

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

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

擴(kuò)展資料：

前端網(wǎng)絡(luò)編程所使用的工具能被用于進(jìn)行前端編程，理解工具適用于什么任務(wù)，有助于產(chǎn)生一個(gè)高質(zhì)量的、可升級(jí)的站點(diǎn)。

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

HTML是任何網(wǎng)頁(yè)工程程序的骨架，沒(méi)有它網(wǎng)頁(yè)不會(huì)存在。超文本標(biāo)記語(yǔ)言能提供站點(diǎn)總體的樣子。HTML被Tim Berners-Lee所發(fā)展。隨著HTML的發(fā)展，在萬(wàn)維網(wǎng)中產(chǎn)生了許多版本。最新版本的超文本標(biāo)記語(yǔ)言被稱(chēng)為HTML5，在2014年0月28日被W3C所推出。

這一版本包含了新的并且高效的方式來(lái)傳輸元素，例如音頻以及視頻文件。H5在前端工程師中非常受歡迎。和老的版本相比，HTML5有很多特點(diǎn)。隨著HTML的發(fā)展，在網(wǎng)絡(luò)中產(chǎn)生了一場(chǎng)革命。

2、層疊樣式列表（CSS）。

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

3、JavaScript。

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

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

JS中有很多流行的開(kāi)發(fā)框架，幫助開(kāi)發(fā)者快速構(gòu)建web頁(yè)面，比如Vu**js、Angular、React都是很流行的框架，擁有大批忠實(shí)的用戶。