2010年5月4號(hào)，大三，在浙大紫金港的圖書館，第一次知道了HTML的含義，慢慢的開始接觸CSS，jQuery，由一開始的不了解，到漸漸喜歡上前端。記下這篇文字，希望可以跟大家分享一下自己走過的路，算是自己的總結(jié)，私心里希望可以得到大神們的建議，如果能給同樣在學(xué)習(xí)前端的童鞋帶來(lái)一些些啟發(fā)那是最好不過的了。

Q1 為什么學(xué)習(xí)前端？

本專業(yè)是中藥學(xué)，跟前端開發(fā)差了好幾條街，跟身邊的人聊天的時(shí)候，無(wú)數(shù)次被問到，你又不是學(xué)這個(gè)的，怎么會(huì)想做前端呢，呵呵，學(xué)校也沒有前端這個(gè)專業(yè)呀？喜歡一件事和喜歡一個(gè)人有相似的地方，那就是在他的身上可以找到更好的自己，如果你確定那是可以讓你找到更好的自己的工作，為什么不去做呢？It’s never too late to learn。

從小就很仰慕我們村子里的木匠大叔，覺得可以用自己的雙手做出一些東西來(lái)是一件很讓人敬佩的事情，私心里小小的愿望便是以后也可以成為一名手藝人。長(zhǎng)大，讀書，離手藝人的道路似乎越來(lái)越遠(yuǎn)，不喜歡辦公室政治的復(fù)雜，不喜歡每天重復(fù)工作的沉悶，接觸了前端之后，像是遇到了小時(shí)候的夢(mèng)想，手寫代碼，一步步調(diào)試bug，看著自己把設(shè)計(jì)師的作品做成生動(dòng)的網(wǎng)頁(yè)，這個(gè)過程的體驗(yàn)真的很棒！

作為一枚小小的前端，前端的學(xué)習(xí)帶給我的收獲有這么幾點(diǎn)：

（1）提高快速學(xué)習(xí)能力。前端技術(shù)的發(fā)展很快，新的技術(shù)不斷的涌現(xiàn)，因此需要不斷學(xué)習(xí)新知識(shí)的快樂，你需要拼命奔跑以保持原地，想達(dá)到更高的層次就要更加努力的奔跑，而不斷運(yùn)動(dòng)的人會(huì)老的慢一些^0^。

（2）不斷地正向反饋激勵(lì)。頁(yè)面實(shí)現(xiàn)后的成就感對(duì)于更好更優(yōu)質(zhì)的工作是一種激勵(lì)，干掉bug解決問題的感覺太棒了！

（3）喜歡這里的自由簡(jiǎn)單純粹，程序員是一群可愛的人，對(duì)技術(shù)的鉆研，對(duì)于用戶體驗(yàn)的優(yōu)化，對(duì)于優(yōu)質(zhì)代碼的分享，和他們一起工作很開心。

Q2 前端如何初長(zhǎng)成？

現(xiàn)在回憶起來(lái)，學(xué)習(xí)前端最痛苦的就是最開始的那一段時(shí)間了，作為一名沒有摸過代碼的理科女，要理解HTML，CSS和JS，理解JS與jQuery之間的千絲萬(wàn)縷關(guān)系花了挺長(zhǎng)一段時(shí)間，但是這也是一個(gè)必經(jīng)的過程，萬(wàn)事開頭難，幸運(yùn)的是當(dāng)時(shí)有我最親愛的師父帶領(lǐng)著我走過了那段痛苦卻難忘的時(shí)光，感謝師父。

（1）起步

因?yàn)榛A(chǔ)太差，所以就先從HTML的基本標(biāo)簽學(xué)起了，標(biāo)簽啃得差不多了之后就是CSS的各種屬性，盒模型，看的一本書是《CSS網(wǎng)站布局實(shí)錄》，個(gè)人覺得在對(duì)于HTML和CSS的基本用法了解不全面的時(shí)候看書是一種比較好的學(xué)習(xí)方法，網(wǎng)頁(yè)上看來(lái)的教程多比較零散，找一本書啃透，再找?guī)妆鞠嚓P(guān)的書看看就差不多了。關(guān)于jQuery，一開始用的是他們家的插件，jQuery tools系列，后來(lái)用到比較多的是各種選擇器以及各種事件。

學(xué)習(xí)講究學(xué)以致用，2010年末，跟著師父接了一些外包的網(wǎng)站，根據(jù)自己所學(xué)，將設(shè)計(jì)圖切圖，手寫成代碼，然后師父會(huì)指出代碼中存在的一些問題，再進(jìn)行修改。知道了什么樣的代碼是優(yōu)質(zhì)的，才有可能寫出自己的優(yōu)質(zhì)代碼。這個(gè)練手的過程非常重要，在寫網(wǎng)站實(shí)踐的過程中，培養(yǎng)對(duì)設(shè)計(jì)圖的敏感度，怎么劃分設(shè)計(jì)圖，怎樣進(jìn)行布局，用怎樣的代碼結(jié)構(gòu)進(jìn)行實(shí)現(xiàn)，這些經(jīng)驗(yàn)的積累都非常重要。

（2）獨(dú)立

隨著師父的畢業(yè)，我也開始了自己接單做項(xiàng)目的階段。嘗試著在 ELance 上面接包，與客戶交流溝通，清晰的記得接到第一份單的時(shí)候那種激動(dòng)的感覺，雖然只有$50，卻讓自己感覺到了莫大的肯定。獨(dú)自負(fù)責(zé)外包項(xiàng)目的體驗(yàn)帶給自己挺多成長(zhǎng)，歸結(jié)下來(lái)有以下幾點(diǎn)：

a. 項(xiàng)目時(shí)間的控制能力提高。在接單的時(shí)候會(huì)商定開發(fā)時(shí)間，真正實(shí)踐的過程中會(huì)發(fā)現(xiàn)，很多的因素都會(huì)導(dǎo)致項(xiàng)目不能如期交付，如客戶需求的修改，客戶出去度假聯(lián)系不到了…，自己沒有控制好開發(fā)進(jìn)度，項(xiàng)目難度估計(jì)有誤，balabala，這些問題沒有統(tǒng)一的解決方案，經(jīng)驗(yàn)便是在項(xiàng)目評(píng)估的時(shí)候充分考慮各種可能，把握不準(zhǔn)的話就找個(gè)有經(jīng)驗(yàn)的人幫你把把關(guān)，然后就是保持與客戶的溝通，定期匯報(bào)項(xiàng)目進(jìn)度，用心做就會(huì)有收獲。

b. 代碼水平得到提高。外包項(xiàng)目的一大優(yōu)勢(shì)就是你每次都可能做新的項(xiàng)目，新的需求，新的功能，新的技術(shù)，這對(duì)于一個(gè)前端的初長(zhǎng)成有著很大的幫助，在開發(fā)的過程中發(fā)現(xiàn)自己的不足，然后想辦法解決，用自己的腦袋解決問題太帶感了！

c. 外語(yǔ)提高了… 趕鴨子上架是我第一次參加Skype會(huì)議的感受，有跟留學(xué)生溝通過，但是僅限于一些日常交流的內(nèi)容，要用英文跟客戶談項(xiàng)目，想想好頭大…可是又很想挑戰(zhàn)自己，于是用蹩腳的英文跟客戶溝通，居然還聊得不錯(cuò)。最直觀的表現(xiàn)是英文六級(jí)提升了70分，好吧，總結(jié)一下，女人，要對(duì)自己狠一點(diǎn)。

（伯樂在線補(bǔ)充：關(guān)于 Elance，我們博客之前有過不少相關(guān)文章，比如《全球3大項(xiàng)目外包和接單網(wǎng)站介紹》《Elance新手入門》《如何在Elance設(shè)置“個(gè)人資料”》《如何完成Elance的基本測(cè)試和電話確認(rèn)的認(rèn)證》《怎樣在Elance上贏得任何項(xiàng)目》《一位程序員在Elance上的外包經(jīng)驗(yàn)分享》。對(duì)于想通過接單來(lái)積累經(jīng)驗(yàn)的（在校生）朋友，希望這些文章會(huì)有幫助。：） ）

（3）進(jìn)階

外包做得久了也會(huì)遇到瓶頸，對(duì)于初長(zhǎng)成的前端來(lái)說，能夠接到的單子一般來(lái)說功能比較簡(jiǎn)單，久而久之，接到的單子類型也就比較相似了，對(duì)于學(xué)習(xí)新技術(shù)和新知識(shí)的需求就不能滿足了。還有一個(gè)問題便是，在對(duì)于前端的基本知識(shí)掌握之后，有很多的知識(shí)需要自己去思考，并且進(jìn)行探索，這也是自己現(xiàn)在正在經(jīng)歷的階段，對(duì)于自己之前解決過的問題深度思考，深度理解HTML，理解CSS，精通JS，對(duì)于瀏覽器兼容性的全面掌握，網(wǎng)頁(yè)性能的優(yōu)化，路還很長(zhǎng)！

目前在讀的書籍：

《JavaScript高級(jí)程序設(shè)計(jì)》：經(jīng)典之作，JavaScript紅寶書；

《JavaScript.The.Good.Parts | JavaScript語(yǔ)言精粹》：字字珠璣；

《CSS禪意花園》

《鋒利的jQuery》鋒利啊~

最后來(lái)點(diǎn)文藝的：

“You make millions of decisions that mean nothing and then one day your order takes out and it changes your life.” –《Sleepless in Seattle》

西子湖畔，作為一名有理想有自我價(jià)值實(shí)現(xiàn)感的現(xiàn)代文藝女青年，玉面小飛魚立志成為一名優(yōu)秀的前端工程師，可以寫出優(yōu)質(zhì)的代碼，寫出更多優(yōu)質(zhì)的網(wǎng)站，不求有多大出息，但不想辜負(fù)自己。如果你也一樣在路上，請(qǐng)繼續(xù)加油！