軟件開(kāi)發(fā)工程師在行業(yè)外大眾的眼里， 或許是一個(gè)出眾的職業(yè)，收入不低， 技術(shù)含量還挺高，就連我自己剛?cè)胄袝r(shí)也是這么認(rèn)為的，但事實(shí)上并不確切。任何行業(yè)中，只要是在金字塔頂端的那部分，都是令人羨慕的，然而，那是需要天賦、機(jī)緣、心血、實(shí)力的。 但如果僅僅只是想入行，就沒(méi)那么苛刻了， 尤其是軟件開(kāi)發(fā)行業(yè)，更容易。

做一件事情輕松還是堅(jiān)難， 使用什么樣的方法不可忽視，我以一個(gè)過(guò)來(lái)人的身份分析能如何正確快速的踏入軟件開(kāi)發(fā)這個(gè)行業(yè)。

許多人認(rèn)為開(kāi)發(fā)軟件是一件只有聰明人才能做的事情， 這只是一個(gè)刻板印象，跟IT行業(yè)發(fā)展的速度太快有關(guān)系 。二十年前， 在中國(guó)絕大部份人可能連電腦是長(zhǎng)什么樣的都還不知道，僅僅幾年后，電腦飛速普及，每家必備。 然而， 要使用這部機(jī)器， 必須經(jīng)過(guò)專業(yè)的培訓(xùn)，連開(kāi)關(guān)機(jī)時(shí)先按顯示器開(kāi)關(guān)還是先按主機(jī)開(kāi)關(guān)都有很深的學(xué)問(wèn)，這不僅難度高，而且還很神秘。更別說(shuō)里面裝的軟件了， 不經(jīng)過(guò)長(zhǎng)期專業(yè)的指導(dǎo)，根本玩不來(lái)。 從正常的邏輯上的看「使用軟件都這么難了， 那制造軟件門檻不是要高到天上去了」

事實(shí)上， 開(kāi)發(fā)軟件和使用軟件之間并沒(méi)有什么必然的關(guān)聯(lián)，更不是老子和兒子的關(guān)系 。 有時(shí)候使用某個(gè)軟件會(huì)很困難，而開(kāi)發(fā)某類軟件卻很容易，還有的時(shí)候卻是相反的，因?yàn)殚_(kāi)發(fā)軟件的工具和編程語(yǔ)言， 也只是一種軟件而已。至于倒底是先有軟件和還先有編程語(yǔ)言，那就是先有雞還是先有蛋的問(wèn)題了， 這里不作詳細(xì)討論 。

首先解釋幾個(gè)常見(jiàn)的疑問(wèn)

編程是不是需要具備較強(qiáng)數(shù)學(xué)能力？

完全不用， 只需要你掌握普通的加減乘除、算絕對(duì)值、指數(shù)等最最基礎(chǔ)的知識(shí)， 編程的數(shù)學(xué)要求也就滿足了。 這毫不夸張， 我寫了五六年的代碼 ， 唯一一次用到上學(xué)時(shí)學(xué)到的數(shù)學(xué)公式是三角函數(shù)相關(guān)的知識(shí)，那時(shí)候需要讓一個(gè)點(diǎn)在網(wǎng)頁(yè)上轉(zhuǎn)圈，而且這并不是工作上的需要， 只是我自己沒(méi)事耍著玩而已。

英語(yǔ)不好能編程嗎？

理論上最低的要求是認(rèn)識(shí)26個(gè)英文字母即可， 也就是說(shuō)你只要上過(guò)初中英文課程就行了。 這并不是說(shuō)編程并不需要會(huì)英語(yǔ)， 而是因?yàn)楝F(xiàn)在翻譯軟件滿天飛， 看不懂用軟件翻譯就能解決問(wèn)題了。

找軟件工程師的工作有學(xué)歷要求嗎？

學(xué)歷自然是越高越好， 然而， 只要技能掌握扎實(shí)，就絕對(duì)會(huì)有公司要你。 現(xiàn)在這種職位行業(yè)需求大， 很多公司根本招不到人， 學(xué)歷不是他們首要考慮的入職要求。

編程職業(yè)是不是到年紀(jì)大了就不能做了？

沒(méi)有人會(huì)原地踏步， 只要你不斷努力就總會(huì)有你發(fā)揮價(jià)值的空間， 反之， 干任何工作都會(huì)丟飯碗

編程這種工作是不是需要經(jīng)常加班？

在任何行業(yè)中， 總有加班現(xiàn)像特別嚴(yán)重的公司， 政府機(jī)關(guān)和國(guó)企也不能例外， 不想加班只要不去那樣的單位就可以了， IT行業(yè)也有工作很輕松的企業(yè)。 反正我做了這么多年， 加班次數(shù)數(shù)都數(shù)的過(guò)來(lái)。

至于最重要的收入方面，這個(gè)需要看地區(qū)， 如果在一二線城市， 那絕對(duì)高于普通傳統(tǒng)行業(yè)。

講了一大堆廢話，接下來(lái)進(jìn)入正題，聊聊如何快速成為一名前端開(kāi)發(fā)工程師， 這里的前端開(kāi)發(fā)指的是網(wǎng)站的前端。

網(wǎng)頁(yè)前端開(kāi)發(fā)技術(shù)是所有軟件開(kāi)發(fā)技術(shù)中入門最簡(jiǎn)單的， 沒(méi)有之一。前端開(kāi)發(fā)其實(shí)并不是純粹的編程，它的的工作分為兩塊， 一塊是制作網(wǎng)頁(yè)， 一塊是制作網(wǎng)頁(yè)上的動(dòng)態(tài)效果， 制作網(wǎng)頁(yè)是不需要編程的，制作動(dòng)態(tài)效果是需要編程的。 因此， 制作網(wǎng)頁(yè)是非常簡(jiǎn)單的一件事， 而稍微有點(diǎn)難度的是寫網(wǎng)頁(yè)動(dòng)態(tài)效果 ，但和其它編程技術(shù)比起來(lái)還算是很簡(jiǎn)單。

上面說(shuō)過(guò)， 想在零基礎(chǔ)的前提下入行做一名前端開(kāi)發(fā)工程師（軟件工程師），是不需要擁有很高的學(xué)歷的，也不需要很強(qiáng)的數(shù)學(xué)能力， 更不需要玩的很溜的英語(yǔ)水平。 然而， 卻需要具備

對(duì)編寫代碼有強(qiáng)烈的興趣，非常想自己去制作一張網(wǎng)頁(yè)、編寫一段特效，或者說(shuō)用代碼實(shí)現(xiàn)一個(gè)自己想要的功能

較強(qiáng)的自學(xué)能力， 能不通過(guò)別人的幫助，自己尋找方法學(xué)會(huì)某一類知識(shí)、玩轉(zhuǎn)某一種技術(shù)。

養(yǎng)成看書的習(xí)慣， 因?yàn)榭磿亲詈玫南到y(tǒng)的學(xué)習(xí)知識(shí)的方法。 一名前端開(kāi)發(fā)工程師， 最低標(biāo)準(zhǔn)也需要看完兩本600頁(yè)的專業(yè)知識(shí)書籍。

能持之以恒，不輕言放棄，因?yàn)閺牧慊A(chǔ)到可以通過(guò)掌握的前端技能謀生， 最起碼需要經(jīng)過(guò)3-6個(gè)月不間段的學(xué)習(xí)和訓(xùn)練， 這也許是一個(gè)枯燥寂寞痛苦的過(guò)程

前端技術(shù)分為兩塊， html、css和JavaScript，html和css用來(lái)制作網(wǎng)頁(yè)頁(yè)面， JavaScript用來(lái)編寫網(wǎng)頁(yè)特效

html和css相對(duì)簡(jiǎn)單， 其中內(nèi)容深度較淺，易于理解，而且這兩種技術(shù)的學(xué)習(xí)過(guò)程中并不會(huì)牽扯出其它相關(guān)聯(lián)的知識(shí)，換句話說(shuō)，你學(xué)好了html和css就等于學(xué)好了頁(yè)面制作的全部。 此外， 學(xué)習(xí)html和css并沒(méi)有多少需要深刻理解的知識(shí)，僅僅是花時(shí)間記憶和練習(xí)就足夠了。 大致上使用html和css編寫網(wǎng)頁(yè)是以如下方式工作的

在頁(yè)面的左上角放置一個(gè)方塊，將長(zhǎng)度設(shè)置為100像素，將寬度設(shè)置為100像素，將背景設(shè)為淡藍(lán)色，將邊框設(shè)為深藍(lán)色

在頁(yè)面頂部放置一行文字 ， 將字體設(shè)置為微軟雅黑，將字體大小設(shè)置為14像素，將字體顏色設(shè)置成淡黑色

在頁(yè)面中間放置一張圖片， 圖片地址設(shè)為xxx，圖片寬為100像素，高度自適應(yīng)，鼠標(biāo)移至圖片時(shí)變?yōu)槭中?/p>

在頁(yè)面底部放置一個(gè)鏈接，鏈接地址為xxx，點(diǎn)擊鏈接跳轉(zhuǎn)至百度首頁(yè)，并且需要另起一個(gè)新窗口

試想一下， 一張網(wǎng)頁(yè)不就是以這種形式構(gòu)成的嗎

html其實(shí)并不需要通過(guò)看書來(lái)學(xué)習(xí)，因?yàn)樗浅５暮?jiǎn)單， 內(nèi)容也不多， 在網(wǎng)上看一些專門講解html知識(shí)的網(wǎng)站的內(nèi)容就可以了，這里推薦一個(gè)公認(rèn)的適用于初學(xué)者學(xué)習(xí)的網(wǎng)站， 地址是HTML 教程。

css的學(xué)習(xí)就要復(fù)雜多了，必須要通過(guò)專門的書籍來(lái)學(xué)習(xí)，因?yàn)閏ss的知識(shí)量相對(duì)較大，各大瀏覽器對(duì)css的支持又不盡相同， 如果不通過(guò)系統(tǒng)的閱讀書籍來(lái)循序漸進(jìn)的學(xué)習(xí)，很難窺其全貌，在真正工作實(shí)踐使用時(shí)，也很難靈活高效正確的應(yīng)用。有的同學(xué)可以會(huì)想通過(guò)看視頻來(lái)進(jìn)行學(xué)習(xí)，我不是很推薦這種方法， 原因如下

css的內(nèi)容很多，一般網(wǎng)絡(luò)上的視頻很難覆蓋所有知識(shí)， 試想一下， 上學(xué)時(shí)老師給學(xué)生上一門課也需一個(gè)學(xué)期， 可見(jiàn)對(duì)某一類知識(shí)進(jìn)行系統(tǒng)的學(xué)習(xí)， 信息量有多大了

視頻中講解者的水平很難保證， 導(dǎo)致時(shí)間精力花下去了，效果卻看不到

看書這種習(xí)慣必須要養(yǎng)成，學(xué)css或許可以看視頻 ， 那學(xué)JavaScript呢？ 學(xué)習(xí)知識(shí)如果依賴視頻，那在這個(gè)行業(yè)中走不遠(yuǎn)

學(xué)習(xí)css推薦使用《css權(quán)威指南》這本書， 我當(dāng)初看的就是這個(gè)， 內(nèi)容很全講，而且講的通俗易懂，現(xiàn)在已經(jīng)出到第三版了，內(nèi)容質(zhì)量應(yīng)該勝過(guò)我之前看的地個(gè)版本

看書的過(guò)程中還需要做筆記， 不要太信任自己記憶力， 一些不常用但又很重要的知識(shí)， 如果不記下來(lái)， 隨時(shí)溫習(xí) ， 隨著時(shí)間的推移，肯定會(huì)漸漸的忘記。 最好要把書中講解的每一個(gè)要點(diǎn)， 都作記錄。 在學(xué)校里， 如果不關(guān)心考試成績(jī)， 那么完全可以左耳進(jìn)右耳出， 因?yàn)閷W(xué)校里學(xué)的知識(shí) ， 上了社會(huì)已后， 不一定用的上。 然而， 在學(xué)習(xí)技術(shù)過(guò)程中忘掉學(xué)過(guò)的內(nèi)容就太吃虧了， 因?yàn)檫@些知識(shí)完全可以在工作中用的上， 說(shuō)的優(yōu)雅一點(diǎn)就是對(duì)自己的職業(yè)生涯有幫助 ， 說(shuō)的現(xiàn)實(shí)一點(diǎn)就是可以升職加薪賺錢。

然而， 學(xué)習(xí)過(guò)程中， 看書只能占百分之四十， 另外百分之六十是動(dòng)手實(shí)踐。首先， 你可以參考別人網(wǎng)站上的網(wǎng)頁(yè)， 找一張覺(jué)得自己有能力可以實(shí)現(xiàn)的頁(yè)面， 然后照著樣子自己寫一張， 不管使用什么方法， 查書、網(wǎng)上資料，或者參照目標(biāo)網(wǎng)頁(yè)已實(shí)現(xiàn)的版本的做法， 總之動(dòng)手去做， 把網(wǎng)頁(yè)做出來(lái)就可以了，然后不斷的重復(fù)這個(gè)過(guò)程，直到可以不借助任何外部手段， 徒手能把一張網(wǎng)頁(yè)畫出來(lái)， 這樣就有找工作通過(guò)面試的資格了。 不要小看這一張做出來(lái)的網(wǎng)頁(yè)， 因?yàn)閺牟粫?huì)到會(huì)的這一個(gè)過(guò)程中， 在尋找解決問(wèn)題的方法時(shí)， 學(xué)到的不僅僅是解決方法本身， 還有因?yàn)榻鉀Q這個(gè)問(wèn)題而被牽扯出來(lái)的其它知識(shí)也被一并學(xué)會(huì)。 因此， 看似只是做了一張簡(jiǎn)單的網(wǎng)頁(yè)， 然而做網(wǎng)頁(yè)的來(lái)龍去脈已經(jīng)爛熟于心了。

學(xué)會(huì)制作網(wǎng)頁(yè)后， 就已經(jīng)是一名合格前端工程師了， 但在實(shí)際工作時(shí)卻還沒(méi)有辦法獨(dú)當(dāng)一面， 只會(huì)制作頁(yè)面， 肯定只能是協(xié)助人家工作， 打打下手。 只有學(xué)會(huì)使用JavaScript， 才能算的上是一位真正的前端開(kāi)發(fā)工程師。

這里說(shuō)的JavaScript也叫原生JavaScript

寫JavaScript可就是正兒八經(jīng)的編程了，如果想做一個(gè)優(yōu)秀的前端工程師， 百分之七十的精力都需要花在這個(gè)上面。 花3-6個(gè)月成為JavaScript高手顯然不現(xiàn)實(shí)， 3-6年或許差不多。 然而，如果僅僅是入門和應(yīng)付工作，那就足夠了。 要知道很多網(wǎng)頁(yè)的動(dòng)態(tài)效果都是別人寫好的，我們只需要拿過(guò)來(lái)使用就可以了。常見(jiàn)的JavaScript應(yīng)用場(chǎng)景如下

驗(yàn)證表單輸入的內(nèi)容是否符合規(guī)則

網(wǎng)頁(yè)中的滾圖片滾動(dòng)效果

網(wǎng)頁(yè)中的標(biāo)簽切換效果

關(guān)鍵字搜索時(shí)的向?qū)崾?/p>

無(wú)刷新頁(yè)面內(nèi)容更新

這些是最常見(jiàn)和簡(jiǎn)單的應(yīng)用。復(fù)雜的應(yīng)用包括

JavaScript網(wǎng)頁(yè)游戲

炫酷到能上天圖片預(yù)覽效果

網(wǎng)頁(yè)版Office軟件

也就是電腦有的軟件，用JavaScript在瀏覽器都能做出同樣的效果。幸好，這些你根本不需要會(huì)，只會(huì)上面說(shuō)的基礎(chǔ)內(nèi)容， 就足以讓你找到一份前端開(kāi)發(fā)工程師的工作。

JavaScript基礎(chǔ)入門的學(xué)習(xí)一般都是先拿別人做好的東西來(lái)用， 然后照著樣子自己修改或?qū)崿F(xiàn)一人，最后再以自己的思路，實(shí)現(xiàn)一個(gè)更合適或者更優(yōu)秀的?，F(xiàn)在互聯(lián)網(wǎng)行業(yè)內(nèi)， 前端開(kāi)發(fā)工程師招聘對(duì)于JavaScript的最低標(biāo)準(zhǔn)是會(huì)使用網(wǎng)上現(xiàn)成的特效完成工作，而并不要求你會(huì)自己寫。

學(xué)習(xí)JavaScript推薦的書籍是《JavaScript權(quán)威指南》，也就是鼎鼎大名的「犀牛書」

我當(dāng)初看這本書時(shí)還是第四版 ，現(xiàn)在已經(jīng)出到了第六版 。 這本書寫的非常精深， 想要一遍就看懂是不現(xiàn)實(shí)的。 它適合初學(xué)都也適合高手，在不同層次閱讀這本書都會(huì)有不同的領(lǐng)悟， 我就看過(guò)三遍，而且每一遍看后感覺(jué)都不一樣。 在初學(xué)閱讀這本書時(shí)， 可以只看很少的幾章， 其中只包括核心JavaScript中講解的一些基本語(yǔ)法和瀏覽器文檔對(duì)象模型這兩部分內(nèi)容就可以了。 當(dāng)能在前面提到的幾個(gè)簡(jiǎn)單場(chǎng)景中運(yùn)用這幾章中的內(nèi)容完成任務(wù)時(shí)，就說(shuō)明閉關(guān)修練可以結(jié)束了， 有了出關(guān)去江湖上闖蕩的資格了。

還需要說(shuō)到的一個(gè)東西叫jQuery， 這個(gè)東西的介紹在這里就不展開(kāi)了。 舉個(gè)簡(jiǎn)單的例子， 如果把JavaScript技術(shù)當(dāng)成是「九陰真經(jīng)」的話， 那前面講到原生JavaScript相關(guān)的東西就是「九陰真經(jīng)」的前半卷，而jQuery就是后半卷， 如果沒(méi)學(xué)前半卷就去練后半卷的話， 那就會(huì)和梅超風(fēng)一個(gè)下場(chǎng) 。 切記， 一定要學(xué)了原生JavaScript后再去學(xué)習(xí)jQuery， 這關(guān)系整個(gè)前端職業(yè)生涯的發(fā)展和成就。

最后，不能不知道，學(xué)習(xí)前端的三把利器

看書

使用搜索引擎

不懂上技術(shù)論壇提問(wèn)

用好這三把武器，行走江湖將能如虎添翼。

我不建議去培訓(xùn)班學(xué)習(xí)，如果想做一個(gè)優(yōu)秀的前端開(kāi)發(fā)工程師，自學(xué)能力是必須要掌握的，既然如此，那不妨在入門的時(shí)候就可以開(kāi)始自學(xué)了，何必多此一舉去上培訓(xùn)班。而且，上培訓(xùn)班可能會(huì)使你過(guò)度依附外力，削弱自學(xué)和獨(dú)立思考的能力，還浪費(fèi)錢。此外，現(xiàn)在培訓(xùn)班的教學(xué)質(zhì)量真的很難保證，很可能的結(jié)果是吞了你的錢還教不會(huì)你技術(shù)。

透露點(diǎn)敏感而現(xiàn)實(shí)的東西， 如果把上面介紹的內(nèi)容學(xué)到位， 那么在杭州地區(qū)， 月薪資應(yīng)該能拿到6-8K， 一到兩年后會(huì)破萬(wàn)， 再之后就看自己修行道行的深淺了。