我也想成為一名出色的web前端開發(fā)工程師

隨著互聯(lián)網(wǎng)的發(fā)展，正式的前端工程師角色被行業(yè)認(rèn)可，到了2010年，互聯(lián)網(wǎng)開始全面進(jìn)入移動時(shí)代，前端工程師的地位越來越重要，前端領(lǐng)域的技術(shù)發(fā)展也越來越快，各種新的思想、設(shè)計(jì)模式、工具和平臺都快速發(fā)展，對前端工程師的技能要求也越來越高。

何為前端工程師？前端工程師，也叫Web前端開發(fā)工程師。他是隨著web發(fā)展，細(xì)分出來的行業(yè)。它要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識，而且要學(xué)會運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持等。

有心于此，于是，我暗下決心，想要一心學(xué)好這門新型技術(shù)。那么，怎么才能成為一名出色的工程師呢？我想，除了要有一定的文化基礎(chǔ)外，更重的是首先要有很好的英語功底，因?yàn)檫@對以后的學(xué)習(xí)會有很大的幫助。其次，就是熟練掌握最基礎(chǔ)的html，css，javascript，具備這三個(gè)還不行，還需要進(jìn)一步學(xué)習(xí)Jquery，css3，html5，amazeui或bootstrap，以及一些其他實(shí)用的插件。到能力提升以后要學(xué)習(xí)混合app開發(fā)，做到前后端分離時(shí)還需要學(xué)習(xí)angularJS或React，ionic或native，node.js，以及混合app打包。當(dāng)然了這就進(jìn)入了比較高級的程度。

優(yōu)秀的Web前端開發(fā)工程師要在知識體系上既要有廣度和深度！做到這兩點(diǎn)，其實(shí)很難。所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師。技術(shù)非黑即白，只有對和錯，而技巧則見仁見智。在以前，會一點(diǎn)Photoshop和Dreamweaver的操作，就可以制作網(wǎng)頁?，F(xiàn)在，只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)， Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好。

必須記住下面的這些知識點(diǎn)就是作為一個(gè)前端工程師必須了解和熟悉的：

DOM結(jié)構(gòu)——兩個(gè)節(jié)點(diǎn)之間可能存在哪些關(guān)系以及如何在節(jié)點(diǎn)之間任意移動。

DOM操作——怎樣添加、移除、移動、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)。

事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。

XMLHttpRequest——這是什么、怎樣完整地執(zhí)行一次GET請求、怎樣檢測錯誤。

嚴(yán)格模式與混雜模式——如何觸發(fā)這兩種模式，區(qū)分它們有何意義。

盒模型——外邊距、內(nèi)邊距和邊框之間的關(guān)系，IE < 8中的盒模型有什么不同。

塊級元素與行內(nèi)元素——怎么用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應(yīng)該如何定義它們的樣式。

浮動元素——怎么使用它們、它們有什么問題以及怎么解決這些問題。

HTML與XHTML——二者有什么區(qū)別，你覺得應(yīng)該使用哪一個(gè)并說出理由。

JSON——它是什么、為什么應(yīng)該使用它、到底該怎么使用它，說出實(shí)現(xiàn)細(xì)節(jié)來。

上述的前端知識，也還需學(xué)會至少一門后端編程語言，讓你自己學(xué)會如何與后端進(jìn)行更好的交互。

很多前端工程師對一些庫非常的熟悉，jQuery，Bootstrap等，但是對于庫的熟悉并不能體現(xiàn)你的出色，真正出色的是那些理解庫背后的機(jī)制，特別是能夠徒手寫出一個(gè)自己的庫的人。真正好的前端工程師是能實(shí)現(xiàn)具體的功能要求，而出色的前端工程師需要解決的問題是尋找一個(gè)最優(yōu)的解決方案。