【同說】@曼青：前端折騰之路

前言

還記得以前的那個【同說】個人前端路上期待有你！嗎？早讀君有作過專訪前端界的前輩們，分享他們的經驗，那麼在咱們身邊呢其實也存在很是多低調的前端大神，只是有時候咱們不知道而已。那麼同說計劃就是爲你設立的。

正文從這開始

@曼青，廣州華農某宿舍，妹子一枚，19歲（讀書比較早還在奔二的路上啊哈哈）。曾參加過【活動】第二期21 天技術書籍閱讀分享

在前端摸爬滾打已經兩個年頭，說長不長說短不短，一直想寫點什麼記錄一下本身的成長，恰好看到早讀君的活動，起身動筆。

兩年半前，帶着想進IT行業想學計算機的想法入了華農的網絡工程專業（而後回家都會被人問..呀跑去耕田了麼…），稀裏糊塗的開始了各類計算機基礎理論課。然而一行行的代碼，僅僅是在黑白屏之間跳躍，做爲一個從小喜歡美術自認爲有些藝術細胞的我，實在以爲枯燥對於課程也只是處於好好學習並未深究的階段。

再說真正接觸前端， 從大一的一次網頁比賽設計開始，爲了響應學校的號召發揮本身多年的設計才能（我纔不會說是看中他的獎金呢（咳咳…），設計了一個當時自認爲不錯的網站而後一兩星期在w3cschool上速成了html+css，固然….結果是跟大獎無緣。不過也正是這一次經歷，讓我發現了原來語言不只僅是運行在控制檯輸出結果用了，原來有這麼神奇的東西存在，原來我想的我畫的東西能夠真實的顯示在網頁中，能夠那麼酷炫的動起來。接着的劇情可想而知….在漫漫前端路上一發不可收拾，白天上課，晚上時常看文檔看教程看博客到一兩點（這點你們不要學仍是身體重要）。

由於學校並無前端系列化的知識，因此學習也基本都是靠着自學。認識一些同在前端路上的師兄，開始跟我介紹文本編輯工具（剛開始一兩個星期被建議是用寫字本的而後也所以對於經常使用的屬性全拼都沒多大問題，固然後來就換成了大名鼎鼎的sublime），開始按着F12去模仿網站去了解佈局去判別絕對定位相對定位有什麼不一樣。期間，主要的學習方法就是不停的翻文檔，練習，不懂的百度查google查各類問，大概這種狀態花了一兩個月基本能作一些基本排版佈局還能作點簡單特效了，大一暑假跟着老師作了一個關於藝人簽約演出（「販賣人口」）的項目（此刻，前端入門的新手任務完成）

再說說js，從w3cschool的相關內容和《Javascript Dom編程藝術》開始入門的，由於有c和java的編程基礎，因此學起來並非很困難，不用多久就能夠發現能實現一些基本的動畫能夠寫一些小玩意了（好比倒計時之類的），此時成就感max的像是看着本身的小孩學會了走路同樣（男友都沒拿來小孩…摔…）不過跟遊戲同樣，當你成功闖完了一關戰勝了boss，每每下面的關卡難度等級也開始提升。又繼續看文檔學了jq以後，發現整我的跟開了外掛同樣，腰不酸了腿不疼了，不用天天去寫document.getElementById(id)這麼長的東西了。繼續作項目沒項目的時候就本身找事作，不過由於大二的課不是通常多（一星期從早上八點到晚上十點就三節空的，並且大多老師喜歡點名喜歡不定時堂測），技能點並無飛速發展。利用零散的時間學會了ajax的使用，看着教程書用canvas寫了一個俄羅斯方塊，開始接觸css3，學會了響應式佈局，再有就是jq的使用開始開始熟練（經常使用函數基本記得，不記得的去翻文檔也知道大概在哪一個位置）暑假的時候在一個公司實習了一個月，再有接了一個外包的項目（內部成員冗雜，海內海外學生大觸都有）也就是這個項目讓我發現了人與人之間的差距），開始思考人生，遇到了傳說中的瓶頸。一直的學習，只是純粹的像小孩子鬧過家家那樣，雖然是興趣的驅使，但就是這邊玩玩那邊玩玩，沒有什麼是精通的。會重構會jq，基本在學校老師給的網站項目基本實現都不會有多大問題，有種窮途末路的感受。然而，身邊的挺多都還停留在課本階段，都以爲你是大神，也找不到多少能夠吐槽的對對象。就這樣迷茫的糾結着，跟老師作作項目，重複的機械的排版佈局，繼續前行….

再到大三，關注了不少關於前端的公衆號，微博，博客，天天去瀏覽，也許是視野寬闊了，忽然發現滿世界開始大談less,sass,postcss，談grunt到glup，談node.js，談Agular談React，談性能優化談各類適配。也許剛開始會被嚇到，但也所以有種清風徐來，柳暗花明又一村的感受。跟着教程搭了hexo的博客開始記錄新的生活，開始在github上提交本身的代碼，開始學會分享，跟着師兄創建了w3ctrain的平臺。也慢慢的發現，前端的發展很快，可是全部看起來酷炫聽起來逼格很高的框架，都是別人封裝好了的東西，基礎好的話上手也只是花時間去了解語法思想而已，並不用太過畏懼。真正須要學習的，是去了解他們爲何要這麼寫，這麼寫和那樣寫有什麼差之類之類。一方面回過頭開始翻js紅寶書和js設計模式，開始真正的去了解鏈式，瞭解對象，另外一方面開始研究css3，html5的一些新屬性，跟着一些主流博客的腳步去認知flex佈局去對作的項目進行性能優化，再有一直說想學習一門後端語言的我開始接觸了node.js，正在嘗試去寫點什麼好玩的東西。

流水帳的廢話了那麼多，總結一下：

• 看過的相關書籍：

  • 《css禪意花園》

  • 《JavaScript DOM編程藝術》

  • 《鋒利的jQuery》

  • 《圖解CSS3:核心技術與案例實戰 》

  • 《響應式Web設計:HTML5和CSS3實戰》

  • 《高性能網站建設指南》

  • 《單頁Web應用:JavaScript從前端到後端 》

  • 《圖解http》

  • 《web全棧工程師的自我修養》

  • 《白帽子講Web安全》

• 常常上的網站：

  • http://www.w3cplus.com/

  • http://www.w3cfuns.com/

  • https://css-tricks.com/