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

前言

還記得之前的那個【同說】我的前端路上期待有你!嗎?早讀君有做過專訪前端界的前輩們,分享他們的經驗,那麼在我們身邊呢其實也存在非常多低調的前端大神,只是有時候我們不知道而已。那麼同說計劃就是爲你設立的。

正文從這開始

@曼青,廣州華農某宿舍,妹子一枚,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安全》

  • 經常上的網站:


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章