成為web前端工程師應(yīng)必備哪些“硬貨”

怎樣通過(guò)敲代碼走上人生巔峰？

如何在前端開(kāi)發(fā)這種高精尖技術(shù)領(lǐng)域

找到心儀的工作？

一份前端開(kāi)發(fā)的工作

需要你準(zhǔn)備些什么?

對(duì)于這些還是一臉懵逼，

小編的攻略也許能幫到你。

曾經(jīng)，只要會(huì)編寫(xiě) HTML, CSS 和 Javascript

就能夠找到一份前端開(kāi)發(fā)的工作。

現(xiàn)在需要考慮的問(wèn)題很多

比如→載入時(shí)間，性能，

不同的屏幕尺寸, 不同的輸入方式,

部署策略，還有如何組織好代碼。

入行必備5大硬件

1.一顆智商在平均水平線(xiàn)以上的大腦；

2.一份“我的代碼要可以運(yùn)行在任何一個(gè)有瀏覽器的設(shè)備上”的強(qiáng)烈渴望；

3.一臺(tái)可以運(yùn)行 Windows, Mac OS X, 或 Linux 系統(tǒng)筆記本電腦；

4.一個(gè)文本編輯器：推薦的是Atom,Visual Studio Code, TextMate, 它們都有在 Mac OS, Windows 的免費(fèi)版本；

5.一個(gè)翻墻代理，你懂得。

初級(jí)web前端工程師

1.必備瀏覽器的三大基本語(yǔ)言：HTML, CSS, Javascript，

2.一定要理解這三大語(yǔ)言后再去學(xué)習(xí)別的，確保知道怎樣在各種尺寸的屏幕上排列好你的網(wǎng)頁(yè)；

3.怎樣在一個(gè)按鈕被按下后 do something!

4.學(xué)習(xí)資源推薦：

Codeacademy: interactive, code-along tutorials (this site is the bomb btw)

Web Development for Beginners: article from webplatform.org.

MDN：https://developer.mozilla.org/en-US/docs/Web

中級(jí)web前端工程師

1.Command line：要掌握基本的操作,熟悉怎樣配置你的環(huán)境,還有奇怪的 shell 腳本。

2.CSS已經(jīng)不夠用了,因?yàn)橛蠧SS的預(yù)處理：Sass, LESS。

3.知道如何搭建一個(gè) build 系統(tǒng)：Gulp 或 Grunt 這類(lèi)的構(gòu)建任務(wù)腳本器,還包括一個(gè)本地的 web 服務(wù)器用于測(cè)試代碼。

4.代碼版本管理，git。

5.在 github 上分享你的代碼！

6.找免費(fèi)的服務(wù)提供商

（eroku.com, https://pages.github.com）讓網(wǎng)站上線(xiàn)。

這就是前端開(kāi)發(fā)者會(huì)用到的工具和技術(shù)，

需要攻城獅學(xué)習(xí)的東西還有很多，

除了本身對(duì)技術(shù)的渴望，

能高效解決bug才是企業(yè)追逐的

“高能web前端工程師”。

遇到問(wèn)題該如何是好？考慮清楚這些，

你才可以成為一個(gè)合格前端開(kāi)發(fā)攻城獅。