從菜鳥到一名優(yōu)秀的web前端工程師應(yīng)該怎么做

Web前端開發(fā)工程師，主要職責(zé)是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術(shù)進(jìn)行客戶端產(chǎn)品的開發(fā)。完成客戶端程序（也就是瀏覽器端）的開發(fā)，開發(fā)JavaScript以及Flash模塊，同時(shí)結(jié)合網(wǎng)站建設(shè)后臺(tái)開發(fā)技術(shù)模擬整體效果，進(jìn)行豐富互聯(lián)網(wǎng)的Web開發(fā)，致力于通過技術(shù)改善用戶體驗(yàn)。

Web前端開發(fā)工程師是一個(gè)很新的職業(yè)，是從網(wǎng)頁制作設(shè)計(jì)師演變而來的，名稱上有很明顯的時(shí)代特征，在國內(nèi)乃至國際上真正開始受到重視的時(shí)間不超過10年。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是Web 1.0時(shí)代的產(chǎn)物，那時(shí)談到網(wǎng)站建設(shè)，大多數(shù)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。

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

隨著Web 2.0概念的普及和W3C組織的推廣，網(wǎng)站重構(gòu)的影響力正以驚人的速度增長，包括新浪、搜狐、網(wǎng)易、騰訊等在內(nèi)的各種規(guī)模的IT企業(yè)都對(duì)自己的網(wǎng)站進(jìn)行了重構(gòu)。前端開發(fā)的入門門檻其實(shí)非常低。對(duì)于從事網(wǎng)站建設(shè)工作的人來說，前端開發(fā)是個(gè)不錯(cuò)的切入點(diǎn)。

初學(xué)者如何學(xué)習(xí)web前端開發(fā)，需要掌握哪些方面?

一、學(xué)習(xí)HTML5和CSS3基礎(chǔ)
隨著這移動(dòng)互聯(lián)網(wǎng)快速發(fā)展的時(shí)代，尤其是4G時(shí)代，HTML5+CSS3已然成為新一代的web前端網(wǎng)站建設(shè)技術(shù)。
隨著HTML5的發(fā)展和普及，了解 HTML5 也將成為 Web開發(fā)人員的必修課。涉及到網(wǎng)頁外觀時(shí)，就需要學(xué)習(xí) CSS 了，它可以幫你把網(wǎng)頁做得更美觀。

二、學(xué)習(xí)Web前端核心
學(xué)習(xí) Jquery 之后，大家就要學(xué)習(xí) HTML5 高級(jí)階段。
在學(xué)習(xí) Jquery 和 HTML5 學(xué)習(xí)結(jié)束后，就可以完成飛機(jī)大戰(zhàn)、飛揚(yáng)的小鳥以及復(fù)雜訂單的網(wǎng)站建設(shè)功能實(shí)現(xiàn)。

四、學(xué)習(xí)HTTP協(xié)議及Server端網(wǎng)站建設(shè)技術(shù)
服務(wù)器端腳本編程(后臺(tái)開發(fā))也是Web開發(fā)人員的基本功之一。
對(duì)于Web服務(wù)器來說，Apache 就是其中之一。那么Apache、php、數(shù)據(jù)庫，該怎么理解它們的關(guān)系?
1、Apache是服務(wù)器基礎(chǔ)，php和數(shù)據(jù)庫都需要Apache來協(xié)調(diào)工作。
2、php是腳本解釋，如果不用php，那么Apache出來的東西就只是靜態(tài)的，而不能在服務(wù)器實(shí)現(xiàn)功能。
3、數(shù)據(jù)庫完全可以單獨(dú)使用，但是和Apache、php一起，則是由php代碼調(diào)用數(shù)據(jù)庫接口，而apache就負(fù)責(zé)解釋php代碼，讓他能真正地實(shí)現(xiàn)對(duì)數(shù)據(jù)庫的調(diào)用。

五、學(xué)習(xí)Web前端高級(jí)技術(shù)
當(dāng)你掌握了HTML5，CSS3，java等網(wǎng)站建設(shè)技術(shù)之后，就應(yīng)該找一個(gè)Web框架加快你的Web開發(fā)速度，使用框架可以節(jié)約你很多時(shí)間。
Bootstrap是目前很受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的，它簡潔靈活，使得 Web 開發(fā)更加快捷，是web前端開發(fā)者最喜歡，也是現(xiàn)在企業(yè)里最常用的前端框架。
Angular JS是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。AngularJS有著諸多特性，最為核心的是：MVC編程、模塊化、控制器、路由、事件綁定等等。
以上這些是做一名優(yōu)秀的web前端工程師的全部的網(wǎng)站建設(shè)知識(shí)體系。如果你想成為一名合格的、讓leader喜歡的web前端工程師，你除了知道這些網(wǎng)站建設(shè)知識(shí)之外，我覺得還需要以下幾點(diǎn)：
要了解敏捷軟件開發(fā)流程（如SCRUM）和項(xiàng)目管理知識(shí)（如考取PMP），這也屬于一種“軟”知識(shí)吧；
要學(xué)會(huì)在網(wǎng)上和別人交流（博客、qq群、開源項(xiàng)目），交流能讓自己看到自己的不足
要學(xué)會(huì)自我反省和自我學(xué)習(xí)。

想做前端的話，你的眼光要看遠(yuǎn)?，F(xiàn)在網(wǎng)站建設(shè)的技術(shù)更新很快，如果你還在用什么幻燈片，燈箱效果，那你真不是做前端的料，只能說你是應(yīng)付人員，或者說就是只會(huì)就應(yīng)用別人寫的效果代碼而已。其次，要提升自己的價(jià)值。不要學(xué)會(huì)div+css,就不想學(xué)其它的網(wǎng)站建設(shè)技術(shù)了，要時(shí)時(shí)苛刻想到自己的危險(xiǎn)處境，像懂div+css的人太多了，網(wǎng)上教程3天學(xué)會(huì)div+css，10天精通的資料一天堆，多去學(xué)點(diǎn)能提現(xiàn)你自身價(jià)值的網(wǎng)站建設(shè)技術(shù)，比如除div+css之外，可以學(xué)習(xí)一些后臺(tái)語言php，java之類的。