什么是Web前端?從事Web前端開發(fā)需要學(xué)什么?

今天小編要跟大家分享的文章是關(guān)于Web前端是什么?從事Web前端開發(fā)需要學(xué)什么?準(zhǔn)備學(xué)習(xí)Web前端，從事Web前端相關(guān)工作的小伙伴們來和小編一起看一看吧，希望本篇文章能夠?qū)Υ蠹矣兴鶐椭?/p>

一、什么是Web前端

Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是Web1.0時(shí)代產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。

’2005年以后，互聯(lián)網(wǎng)進(jìn)入Web2.0時(shí)代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動(dòng)，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)實(shí)現(xiàn)的。

說得直白點(diǎn)就是美工photoshop，交互設(shè)計(jì)，flash，js，html+css。就小規(guī)模公司而言，一個(gè)技術(shù)員都得會(huì)這幾樣技能，這樣很鍛煉人的，慢慢的你就會(huì)成為公司的主力。大規(guī)模的公司把這些分得很細(xì)，所以，你可以精通一門，熟悉其他的，進(jìn)軍大公司。

二、網(wǎng)頁開發(fā)工具

學(xué)習(xí)Web前端開發(fā)，網(wǎng)頁開發(fā)工具有FrontPage，會(huì)用 Word的人很容易學(xué)會(huì)FrontPage。還有一個(gè)常用的是Dreamweaver。

這兩種都是使用較多的HTML網(wǎng)頁制作工具，我使用的是Dreamweavercs6,因?yàn)檫@套軟件提供了一套直觀的可視界面，融合了html5一些新的內(nèi)容。包括網(wǎng)格布局什么的。

三、Web前端需要學(xué)習(xí)的技術(shù)

HTML、CSS和JavaScript。html是內(nèi)容，css是表現(xiàn)，javascript是行為。前端開發(fā)的門檻其實(shí)非常低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。

所以，對于從事IT工作的人來說，前端開發(fā)是個(gè)不錯(cuò)的初入點(diǎn)。html是較基礎(chǔ)的，現(xiàn)在流行的是html5設(shè)計(jì)，先學(xué)會(huì)網(wǎng)頁布局。css是用來美化html頁面的為頁面提供布局和格式。較后再學(xué)javascript。

基礎(chǔ)知識(shí)：

1、html + css

邊學(xué)邊練，之后可以模仿一些網(wǎng)站做些頁面。理解css每個(gè)元素的屬性，樣式的實(shí)現(xiàn)不一定只有一種寫法，多想一想還有沒有什么需要改進(jìn)的地方。

2、JavaScript

不是所有的網(wǎng)頁都必須有js，但是要想實(shí)現(xiàn)一些超酷的功能和界面的時(shí)候，就需要涉及到j(luò)s。如果沒有其他編程語言的基礎(chǔ)的話，學(xué)起來可能要費(fèi)些力，還是建議先學(xué)習(xí)。之后看一些JavaScript方面的入門書籍。

3、Photoshop、flash

熟悉會(huì)一點(diǎn)兒就行了，沒必要全部都學(xué)得精通，當(dāng)然如果你在學(xué)習(xí)的過程中，發(fā)現(xiàn)你ps或者flash比較感興趣的話，也可以嘗試做美工這一行。

4、html5和css3

可以先了解一下，然后再入手。畢竟IE的瀏覽器大多還不支持。

5、瀏覽器兼容

懂Web標(biāo)準(zhǔn)，熟練手寫 xhtml css3 并符合符合w3c標(biāo)準(zhǔn)。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現(xiàn)在還使用的人還是有的。W3C驗(yàn)證地址：http://jigsaw.w3.org/css-validator/ 通過驗(yàn)證指定URI的CSS內(nèi)容，可以幫我們檢查一下有沒有錯(cuò)誤。

6、熟悉一門后臺(tái)編程語言 asp、php、jsp等。

四、Web前端工程師的前景

遇到很多想換行的朋友，第一句就問，這行賺錢嗎?我相信一句話，沒有付出，是沒有回報(bào)的!前面已經(jīng)說過了，咱們這行門檻是很低的，所以薪資階段也不一樣。

參考：10000以上(上海北京深圳為例)網(wǎng)頁設(shè)計(jì)師課程一般包括：Photoshop、Fireworks、用戶界面設(shè)計(jì)實(shí)操，xhtml、css、dreamweaver、網(wǎng)站架構(gòu)與網(wǎng)站策劃、flash動(dòng)畫制作，域名與空間、ftp、dhtml、javascript、動(dòng)態(tài)交互網(wǎng)站(asp、php、aja)。