大二女生web開發(fā)成長之路——講述我從軟妹子到女漢子的進階過程

時間：2023-05-28 09:45:02 | 來源：網站運營

時間：2023-05-28 09:45:02 來源：網站運營

大二女生web開發(fā)成長之路——講述我從軟妹子到女漢子的進階過程：原文地址：http://www.cnblogs.com/0603ljx/p/3918625.html 作者：floralam




學習和實踐前端一年時間，幾乎天天在工作室和一群男程序員一起學習、開發(fā)。這種潛移默化的環(huán)境下，編碼提高了，節(jié)操也細碎了。

一年前，嬌滴滴的還是工作室里面小師妹一枚，軟軟的軟件工程妹子，做不到人見人愛，但在這個據說男女比例8比1的學校中，仍是比較受歡迎群體——女生中的一員。

然而， 回想過去這一年，跟一幫大老爺們坐在一起講蛋疼的笑話；

工作室聚餐中滿懷“邪”意地企圖把師兄們灌醉

為了趕項目，可以經常和某位苦逼男一起debug到兩三點，不亦樂乎；

男生喚我作欣姐，各種玩笑各種開，因為都不拿我當女生看；

天天十多小時對著電腦，很少化妝，因為卸妝好麻煩，還不如留著時間擼碼；

沒課的時候。蓬頭垢臉，踢著拖鞋就奔工作室去了；

在工作室中睡覺，口水嘩嘩流，完全不理會身邊有十多個男生盤算著通宵達旦擼碼。

一路心酸。辛酸。我本來一好好的妹子，怎么就成了女漢子。好吧，其實我還是挺喜歡現在這種生活~~~

發(fā)了一段牢騷，如今調回工作模式。

定期總結、回顧優(yōu)劣，重新規(guī)劃。

這并不是為了讓人駐足圍觀（也就不存在什么顯擺之類的目的），主要的目的至少是可以審度過去那一段時間——做過的事，看過的書、感悟，才能更好地規(guī)劃日后。

——————? 做過的事 ?——————

學過半年的前端，直到大二下學期才等來開發(fā)的機會。大二上半年有點清閑，下半年累得蛋疼。過去半年都是在項目折磨下進步地，簡單回顧一下它們，我的孩子嘛，應該都有我十分之一的“韻魅”。

一、項目

? 伴你同行婚紗攝影網站（2014年2、3月）

單獨完成前后端工作。我的長子。

這里要贊美一下我可愛又丑陋的姐夫，讓我早早投入到項目開發(fā)中，唯一一個獨攬前后臺開發(fā)的項目。它讓我盡早發(fā)現自己學習和實際開發(fā)的差距。也是因為大二寒假的努力，讓我更加有底氣爭取更多項目開發(fā)機會。

收獲 ： 1，著重用戶體驗

　　　　2，基于Ajax/JSON數據交互

　　　　3，獨立完成java后臺開發(fā)

　　　　4，MySQL

? BMS南海博物館系統(tǒng)（2014年4、5、8月）

單獨完成前端工作。第一個和工作室同學交（liu）配（he）的孩子。

和善良幽默的佳銘合作，在廖老師和他的嚴格要求下，熬了若干夜。也是這個項目讓我拉下“頁面做得不好看”，“代碼可讀性差”的“臭名”。

收獲 ：1，原生可拖拽、最大化、最小化窗口控件

　　　 2，javascript面向對象設計

? 梅州地區(qū)中學校園網站及其后臺管理系統(tǒng)（2014年4、5月）

單獨完成前端工作。

收獲： 1，設計與用戶交互提升一個檔次

　　　　2，多文件上傳，上傳管理

　　　　3，實現后臺管理系統(tǒng)對前端頁面的樣式修改

? 廣東省氣象局信訪風險防控登記系統(tǒng)（2014年6、7月，至今）

合作完成前端工作。

收獲： 1，javascript跨域問題的解決

　　　　2，自定義JQuery復選框插件

　　　　。。。。。。

? 數字化校園管理系統(tǒng)（2014年7月）

合作完成前端工作。

接了某師弟的爛攤子，把整個管理系統(tǒng)前端頁面重構了一次，然后和某同學合作重寫了前后臺交接部分，一個星期完成別人三個月都完成不了的工作。在我看來這個比較高級的項目，涉及一卡通設備管理、考勤管理、人員管理、短信管理等功能。

收獲

　　我萌生自定義控件的想法：

　　例如，網格插件——調用者僅需提供表頭信息，ajax加載表體內容，附帶分頁篩選控件。extjs　　在這方面做得比較細致方便，數據存儲機制很獨到。如果能夠模仿這方面的類庫實現自定義的網格插件，將大大減少代碼的冗余量和開發(fā)工作量。

? 2014年杭州一院遠程教育網（2014年8月，至今）

領導完成前端工作。

算是最用心做得一個項目，也是至今為止，唯一一個有小師弟協(xié)助的項目。想過踏踏實實地做，認認真真指導師弟。認真分析五十多M的資料，整理了角色與功能，畫出UML，從面向對象分析，企圖整理出可復用的控件，并且根據角色權限拓展控件功能。后來，計劃跟不上變化。對于這個規(guī)模的項目，我的計劃是三四個月，可是老師的要求卻是一個月。。。頁面太多了，即便整理了，少說也有五十多個頁面；師弟才剛接觸前端一兩個月，我要完成我手上的工作，分身法術，沒有多余時間指導。

收獲： 1，初步接觸UMl

　　　　2，補習Extjs基礎，自定義若干個類。

　　　　3，奠基面向對象思想

　　　　4，接觸了偉大的響應式設計Shamcey

　　　　。。。。。。

小結：

1，技術要更加扎實，不能再繼續(xù)坑隊友，尤其是暑假不少時候熬到深夜2點debug。項目越做到后面，越是要堅持下來，對技術的考驗越高。

2，如果日后有機會，我想參與到一個比較大型的項目。一個能夠讓我掌控的項目（客戶和老師對界面要求不嚴格，需求寬松），能夠讓我更加得心應手而不是前顧后盼，更能專注于開發(fā)而不是老師的非技術要求，更有信心繼續(xù)做下去。

3，注意規(guī)范和代碼可讀性。不僅僅為了日后的二次開發(fā)，更多的是，貫穿里外、自始至終整潔規(guī)范的代碼是后期開發(fā)的動力！

4，做得多，收獲更多。一度又一度已經不想再做重重復復，修修改改的前端頁面。讓程序員設計是一件頭痛的事情。很不幸這些項目很多都是我“獨攬”前端，沒有UI設計者給我設計頁面，沒有人給你分析需求。只有一個前端，只有一個后臺。從設計，到HTML、CSS、javascript，再到交互的Ajax，不累掛前端不完結。沒錯，做得多，收獲更多！

5，時間安排。使用的技術太狹隘、單一了。其實也局限于時間，做的項目太多，沒有多余時間總結和學習新技術。其實我可以在做項目的這塊海綿擠出更多的時間做這些事情：在設計頁面方面，我想多參考外國優(yōu)秀的網站模版；在技術方面，多看牛人的博客；定時總結，從技術難點角度、從語言角度、從項目角度。不總結，學得再多，做得再多也顯徒勞。

二、招新

為咱們偉大的topview工作室招攬新一代賢才真是一個激動人心，讓人振奮的任務。咱們打著讓大三大部分師兄找到BAT實習機會的名號，從海報設計到招新網站，沒有一個我沒參與。出了幾個招新方式小想法，杜撰了幾道前端招新的計時題目，問到一些小師弟小師妹口啞啞，也左右了最后招新的賽果。從浩浩蕩蕩的四百人馬中篩選中17位學習能力強，態(tài)度性格良好的人才。

收獲：

1，看到過來招新的小師弟小師妹，就想起當年自己?？己藭r期的最充實，也就是那段時間養(yǎng)成自學編程的素養(yǎng)。他們不懈拼搏，追趕著我們這群不愿被超越的老骨頭。

2，意向要堅定。很多同學意向不堅定，左右搖擺，在若干個工作室報名考核，卻不清楚自己到底想留在哪個工作室。這是個大忌，，其實我們有和別的工作室leader師兄交流，即便面試者不坦白，我們對他們的情況還是一清二楚。日后我們去公司招聘也要注意這一點。同時通過多個工作室的面試不代表你厲害，能夠通過最終考核的同學才是勝利者。因為他們搖擺不定，最后從自己手上掌握多個機會，到一個機會都抓不住。

3，我需要更加耐心和細心。能夠理清思路，從多個角度教會別人，一直都是我的追求。多角度分析問題，需要扎實的功底。

——————? 看過的書 ?——————

與其說是看過的書，不如說成是學過的事物。深諳：看過某門知識的書，不代表掌握某門知識。掌握知識的途徑不僅僅是書本，還有網絡和同伴交流。下面列舉過去這一年來，閱讀過的，值得推薦的幾本書：

一、交互/界面

《大巧不工》

內容看似簡單和基礎，但是估計有一定開發(fā)經驗的同學才能真正體會到文章的深刻。對初學者尤為重要，他可以讓你們少走彎路。無論是web前端技術方向還是用戶體驗研究方向，這本書應該是一本不錯的指導書。內容都很精彩，收獲匪淺，雖然出書有一定年代了，但內容不會太過時。

“可用性”的首要原則是“別讓我思考”。這是我印象最深刻的一章。在她的引導下，我發(fā)表了我的第一篇博文http://www.cnblogs.com/0603ljx/p/3580191.html

《網頁設計秘笈Don’t Make Me Think》

和《大巧不工》這本書相比，它的文筆更加犀利簡潔。書本精彩之處，在于作者站在使用者而不是開發(fā)者的角度，從若干生活用例出發(fā)。然而，要吃透這一類書，可能需要一個漫長而潛移默化的過程，邊開發(fā)邊閱讀，也許會有更深刻的認識。

《CSS3實戰(zhàn)》

大量實用的實例，沒有網上關于css3和html5的紛繁精彩，也沒有提供例子源碼，但是因為這兩點，更加令我靜下心來好好研究這門算是比較新鮮的技術。無論如何，學習都是要踏踏實實一步一步來，網上的實例多么復雜漂亮，如果不動手做，而總想著復制改，恐怕永遠都達不到你想要的高度。如果想更詳細地認識css3和html5，可以參考《HTML5與CSS3權威指南》

二、技術

《jQuery基礎教程4》

不要說我崇洋媚外，外國程序員出的書很多都很精彩?；A教程嘛，從一個小小例子出發(fā)、逐步加深、邊講解邊拓展，這種教程模式很美妙。很欣賞作者的編程思路和獨特的算法模式，表格操作跟滑移和翻轉都是很實用的章節(jié)?！朵h利的jQuery》這本書太簡單了，比較適合那些只想在前端蜻蜓點水的后端開發(fā)同學看。想認真學好jQuery這門框架，這是一本很耐看和實用的書。《jQuery網頁開發(fā)實例精解》在推薦的這堆書里面，這本書的作者有點弱。里面的例子很小型，還算比較實用和經典。對于那些要馬上做項目但是jQuery又沒學通的同學，里面有超多例子可以直接用。

《JavaScript權威指南(第六版)》

前端基礎工具書之一，初學者很難靜下心來把書遍歷一遍。對象、數組、函數、類和模塊這幾章據說很重要，師兄說面試必備。學了一年前端，我終究不能寫出很面向對象的原生javascript可能也是因為這些基礎掌握不太牢固吧。很想找個比較空閑的幾天，再看一遍這幾章。

《Javascript_語言精粹》

薄薄一本小寶典，濃縮出精華。沒法泛泛而讀，可以說字字珠璣，細致認真地讀，收獲將匪淺。同等類型的書還有幾本，不過質量次之?！墩鞣嗀jax》難度位于基礎教程和高級程序設計之間，有深度，但是又容易看懂，進階的好書。《JavaScript DOM編程藝術 第2版》是一本適合初學者或者已經學但是沒學精的前端設計人員看的書?！陡咝阅躂avaScript編程》是我課上偷偷看的電子版，那段時間忙著做項目確實沒有太多課余時間，無法想象居然看了將近兩個月。里面的內容無法一時半刻領悟，需要開發(fā)著用。

《ExJS實戰(zhàn)》

《深入淺出ExtJS》這本書說得太細致，學extjs要糾結到類的屬性就自個兒看api吧，要學得深入這是更好的選擇。現今出了ext5，但書講的是ext3，泛讀一遍，補補基礎。

《javascript高級程序設計》

雖說是高級教程，但知識點都是循序漸進的，條理也比較暢順，挺能符合常人的思維習慣。講了很多代碼實現的進化過程，并且對js中很難理解的閉包，繼承，原型，原型鏈都講的很清楚。事件和dom部分講到很多瀏覽器兼容問題，哪些函數是哪個標準的版本，哪些瀏覽器支持等。js如果不是使用框架，那么瀏覽器兼容簡直就是噩夢。但具體的兼容性還沒有權威的書籍進行介紹。

《Effective JavaScript》
還沒看完，也知道現在我這種水平要看完并且看懂，需要比較長的時間。每看一章就受一次挫敗，但想深入學習javascript，唯有再接再厲，繼續(xù)努力。

——————? 感悟 ?——————

一、機會總是留給有準備的人。

以前看過不少名人的故事，但感悟并不深刻。直到這個學期遇到一些事情才深有感悟。很多人只知道：珍惜來之不易的機會，創(chuàng)造更多的價值。但是在機會來臨之前所能做的少之又少，甚至只是等待，機會走過了還不知不覺。

大一的時候如果沒有好好學好基礎課，你將錯過加入學院工作室的眾多機會，與接觸編程厲害、邏輯思維縝密同學的機會失之交臂。

大二的時候分心，不提高效率、專心于專業(yè)技術，你將因為能力不足錯過參與實際項目的機會，與磨練實戰(zhàn)失之交臂。

大三馬上就有陸陸續(xù)續(xù)的實習生招聘，沒有準備好，或許，等到身邊同伴都有所歸屬的時候，你只能在一旁悄然落淚。

二、堅持很重要。

定期制定計劃，這個星期、這個月、這個學期，堅持下來！

項目后期堅持下去。項目到后期要改的細節(jié)太多，以前遺留下來的問題也不少，然而自己熱情不再，這個時候很考驗意志。

三、總結也是一次針對性地復習。

平時遇到零零碎碎的問題，平時點點滴滴的發(fā)現。總結起來，我相信日后會是個巨大的寶庫

——————? 規(guī)劃 ?——————

不能計劃好自己的人，只能成為別人計劃中的一部分。

一、學好英語。

要學會看懂外語文檔，博文。要學會接觸外國新技術，不能指望等人家消化完，又出書，網上博客都上百篇的時候才開始接觸這些新技術。

二、開發(fā)自己的類庫

開發(fā)出符合自己開發(fā)習慣，方便團隊日后開發(fā)的前端庫。注意規(guī)范，可讀性，詳盡的文檔

需要更加扎實的基礎，和獨特的代碼觸覺。以往的開發(fā)經驗讓我更清楚哪些部件更需要封裝重用

三、拓寬知識面

補補java，繼續(xù)進修php，繼續(xù)熟悉linux系統(tǒng)操作等等，要做的事情太多，沒有太多時間偷懶。

四、寫出風格

在代碼風格和算法效率方面仍需下下苦工。這是一個漫長地循序漸進地成長過程。

用了兩個半晚上，湊了一下零零碎碎的想法。寫給大一升大二的小師弟小師妹，也寫給我即將逝去去的青春。

青春和時光都會凋零，只有住在心里的那一朵花能夠永遠地燦爛下去。

計算機專業(yè)充滿挑戰(zhàn)和機會，我們需要堅持下去，靜下心來學習。







作者： GD_SeHun

鏈接：https://www.imooc.com/article/4813

來源：慕課網

---

推薦閱讀：

一份代碼構建移動、桌面、Web全平臺應用

【Kotlin中使用Dagger2】基礎入門篇（一）

2018年騰訊前端一面總結（面向2019屆學生）

56個PHP開發(fā)常用代碼片段（上）

程序員修煉之路（分享整理）