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

怎樣通過敲代碼走上人生巔峰？

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

找到心儀的工作？

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

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

對于這些還是一臉懵逼，

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

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

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

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

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

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

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

入行必備5大硬件

1.一顆智商在平均水平線以上的大腦；

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

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

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

5.一個翻墻代理，你懂得。

初級web前端工程師

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

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

3.怎樣在一個按鈕被按下后 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

中級web前端工程師

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

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

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

4.代碼版本管理，git。

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

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

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

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

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

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

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

“高能web前端工程師”。

遇到問題該如何是好？考慮清楚這些，

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