想想你經(jīng)常逛的一些網(wǎng)站??梢允且粋€(gè)新聞網(wǎng)站,可以是一個(gè)購(gòu)物網(wǎng)站,一個(gè)視頻網(wǎng)站,一個(gè)社交媒體平臺(tái),一個(gè)前端培訓(xùn)網(wǎng)站等等。
不管你喜歡的網(wǎng)站屬于哪一類,它肯定會(huì)和其他網(wǎng)站有很多共同之處。要訪問(wèn)任何網(wǎng)站,首先必須將其加載到瀏覽器中。一旦加載,網(wǎng)站通常包含一種方式,以導(dǎo)航鏈接或搜索欄的形式。除了導(dǎo)航之外,您還可以找到要閱讀的文本、要查看的圖像、要觀看的視頻和可單擊的鏈接。
所有這些不同類型的網(wǎng)站都有其他共同點(diǎn):僅僅設(shè)計(jì)它們是不夠的。設(shè)計(jì)師使用草圖和線框創(chuàng)建網(wǎng)頁(yè)的結(jié)構(gòu),并在創(chuàng)建模型時(shí)對(duì)顏色、排版和攝影做出決定。但在開(kāi)發(fā)人員介入之前,模型只是一幅圖畫(huà)。開(kāi)發(fā)人員通過(guò)編寫(xiě)代碼將該圖片轉(zhuǎn)化為交互式網(wǎng)站--代碼指示瀏覽器顯示文本、呈現(xiàn)這些圖像、一旦用戶點(diǎn)擊鏈接就會(huì)看到一個(gè)新頁(yè)面。
前端開(kāi)發(fā)人員有時(shí)被稱為客戶端開(kāi)發(fā)人員,因?yàn)殚_(kāi)發(fā)人員編寫(xiě)的所有代碼都可以被用戶看到,換句話說(shuō),就是用戶可以訪問(wèn)網(wǎng)站或應(yīng)用程序,這些都是由代碼編寫(xiě)出來(lái)的。
前端開(kāi)發(fā)人員通過(guò)編寫(xiě)HTML、CSS和JavaScript的組合,使用代碼實(shí)現(xiàn)了用戶所看到的界面。所以前端開(kāi)發(fā)人員都要會(huì)用這三種編程語(yǔ)言,一般前端培訓(xùn)也都會(huì)教這三種語(yǔ)言。
HTML,CSS,JavaScript
每個(gè)網(wǎng)頁(yè)由三個(gè)不同的層組成,它們一起工作,向用戶提供體驗(yàn)。有一個(gè)內(nèi)容層、一個(gè)表示層和一個(gè)行為層。
內(nèi)容層是HTML,超文本標(biāo)記語(yǔ)言的縮寫(xiě)。HTML提供了網(wǎng)頁(yè)的結(jié)構(gòu)基礎(chǔ)。像標(biāo)題、段落、項(xiàng)目符號(hào)列表、鏈接和圖像這樣的內(nèi)容由HTML定義。
前端開(kāi)發(fā)人員使用HTML標(biāo)記將web內(nèi)容轉(zhuǎn)換為HTML元素。例如,如果我們希望瀏覽器顯示短語(yǔ)“HelloWorld”,我們需要用HTML標(biāo)記包圍這個(gè)短語(yǔ),告訴瀏覽器它是什么類型的內(nèi)容。是航向嗎?或者一個(gè)段落?
表示層是CSS,是級(jí)聯(lián)樣式表的縮寫(xiě)。CSS控制HTML的外觀。我們使用樣式表對(duì)HTML進(jìn)行樣式化,包括顏色、字體大小、背景、布局等等。CSS還調(diào)整內(nèi)容以適應(yīng)各種設(shè)備、屏幕大小和分辨率。
前端開(kāi)發(fā)人員編寫(xiě)CSS代碼來(lái)改變HTML元素的外觀?!澳愫?,世界!”是一個(gè)段落,我們可以編寫(xiě)代碼,將文本從默認(rèn)的黑色更改為紅色,或者是藍(lán)色。
行為層通常由JavaScript操作,它提供了實(shí)時(shí)的用戶交互。前端開(kāi)發(fā)人員使用JavaScript響應(yīng)用戶輸入和動(dòng)態(tài)更新web內(nèi)容。
JavaScript也被后端開(kāi)發(fā)人員用于與數(shù)據(jù)庫(kù)進(jìn)行通信。因此,JavaScript肯定會(huì)比HTML和CSS復(fù)雜一些。
當(dāng)前標(biāo)題:什么是前端網(wǎng)絡(luò)開(kāi)發(fā)
當(dāng)前網(wǎng)址:
http://weahome.cn/article/esghoj.html