什么是
web前端?
web前端是創(chuàng)建Web頁(yè)面或app等前端界面出現(xiàn)給用戶的進(jìn)程.web前端通過(guò)HTML,CSS及JavaScript以及衍生出來(lái)的各種技能、結(jié)構(gòu)、解決方案,來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互 .它從網(wǎng)頁(yè)制造演化而來(lái),稱號(hào)上有很明顯的時(shí)代特征.在互聯(lián)網(wǎng)的演化進(jìn)程中,網(wǎng)頁(yè)制造是Web1.0時(shí)代的產(chǎn)物,前期網(wǎng)站主要內(nèi)容都是靜態(tài),以圖片和文字為主,用戶運(yùn)用網(wǎng)站的行為也以瀏覽為主.跟著互聯(lián)網(wǎng)技能的發(fā)展和HTML5、CSS3的使用,現(xiàn)代網(wǎng)頁(yè)愈加美觀,交互效果顯著,功用愈加強(qiáng)壯.
移動(dòng)互聯(lián)網(wǎng)帶來(lái)了大量高性能的移動(dòng)終端設(shè)備以及快速的無(wú)線網(wǎng)絡(luò),HTML5,node.jS的廣泛使用,各類結(jié)構(gòu)類庫(kù)層出不窮.
Web前端的發(fā)展歷程
前端技術(shù)的發(fā)展是互聯(lián)網(wǎng)自身發(fā)展變化的一個(gè)縮影.
前端技術(shù)指通過(guò)瀏覽器到用戶端計(jì)算機(jī)的統(tǒng)稱,存貯于服務(wù)器端的統(tǒng)稱為后端技術(shù).
前端開發(fā)主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶.
以前會(huì)Photoshop和Dreamweaver就可以制作網(wǎng)頁(yè),隨著網(wǎng)站開發(fā)難度加到、開發(fā)方式多樣,網(wǎng)頁(yè)制作更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā),網(wǎng)頁(yè)制作更多被稱為Web前端開發(fā).前端技術(shù)包括4個(gè)部分:前端美工、瀏覽器兼容、CSS、HTML"傳統(tǒng)"技術(shù)與Adobe AIR、Google Gears,以及概念性較強(qiáng)的交互式設(shè)計(jì),藝術(shù)性較強(qiáng)的視覺設(shè)計(jì)等.
在Web1.0時(shí)代,由于網(wǎng)速和終端能力的限制,大部分網(wǎng)站只能呈現(xiàn)簡(jiǎn)單的圖文信息,并不能滿足用戶在界面上的需求,對(duì)界面技術(shù)的要求也不高.隨著硬件的完善、高性能瀏覽器的出現(xiàn)和寬帶的普及,技術(shù)可以在用戶體驗(yàn)方面實(shí)現(xiàn)更多種可能,前端技術(shù)領(lǐng)域迸發(fā)出旺盛的生命力.
2005年以后,互聯(lián)網(wǎng)進(jìn)入Web2.0時(shí)代,各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn),前端由此發(fā)生了翻天覆地的變化.網(wǎng)頁(yè)不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁(yè)的內(nèi)容更加生動(dòng),網(wǎng)頁(yè)上軟件化的交互形式為用戶提供了更好的使用體驗(yàn),這些都是基于前端技術(shù)實(shí)現(xiàn)的.
隨著手機(jī)成為人們生活中不可或缺的一部分,成為人們身體的延伸,人們迎來(lái)了體驗(yàn)為王的時(shí)代.移動(dòng)端的前端技術(shù)開發(fā)前景寬闊.此外,前端技術(shù)還能應(yīng)用于智能電視、智能手表甚至人工智能領(lǐng)域.
web前端的核心技術(shù)
HTML(HyperText Markup Language)
超文本標(biāo)記語(yǔ)言,標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用.
掌握HTML是網(wǎng)頁(yè)的核心,是一種制作萬(wàn)維網(wǎng)頁(yè)面的標(biāo)準(zhǔn)語(yǔ)言,是萬(wàn)維網(wǎng)瀏覽器使用的一種語(yǔ)言,它消除了不同計(jì)算機(jī)之間信息交流的障礙.因此,它是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言,也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言,學(xué)好HTML是成為Web開發(fā)人員的基本條件.
HTML是一種標(biāo)記語(yǔ)言,能夠?qū)崿F(xiàn)Web頁(yè)面并在瀏覽器中顯示.HTML5作為HTML的最新版本,引入了多項(xiàng)新技術(shù),大大增強(qiáng)了對(duì)于應(yīng)用的支持能力,使得Web技術(shù)不再局限于呈現(xiàn)網(wǎng)頁(yè)內(nèi)容.
CSS(Cascading Style Sheets)
層疊樣式表是一種用來(lái)表現(xiàn)HTML或XML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語(yǔ)言.CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè),還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化.
CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力.
學(xué)好CSS是網(wǎng)頁(yè)外觀的重要一點(diǎn),CSS可以幫助把網(wǎng)頁(yè)外觀做得更加美觀.
JavaScript
JavaScript一種直譯式腳本語(yǔ)言,是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言,內(nèi)置支持類型.它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語(yǔ)言,最早是在HTML網(wǎng)頁(yè)上使用,用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能.
學(xué)習(xí)JavaScript的基本語(yǔ)法,以及如何使用JavaScript編程將會(huì)提高開發(fā)人員的個(gè)人技能.