幾個月前,開始關注前端開發以及HTML5,有了轉前端的衝動,開始系統的學習JS。也從事好幾年的.net 開發,想在找個新的學習領域打磨本身。
以前一直都是稀裏糊塗的比較生硬使用js和各類當下火的js框架,而本身寫的js框架,也都寫的比較生硬,更多的是模仿,空有架子,沒有好的設計思想。
看到這篇2014總結,讀完頗有收穫,也給了我在學習前端的路上指出了比較清楚的方向,轉於不轉前端並不重要,重要的是在接下來的1年裏,對前端要學到什麼程度,每一個階段如何學習,掌握到什麼,
有了很是清楚的總結。
2015年的計劃:
1英語 : 天天堅持學習
2.前端 : 更多的是在移動前端上的實踐,指望能真正成爲合格的優秀前端開發
3.C : 主要是數據結構和算法的知識的複習和學習,基礎不能丟
4.DotNet : javascript
5.Java、Android的學習和實踐html
6.Swift Objective-C的學習和實踐前端
7.WinPhone的學習和實踐java
8.瞭解Go語言編程node
最後,整理一下2015年讀書計劃。jquery
------------------------------------------------------------------android
http://www.cnblogs.com/yexiaochai/p/4193447.html#!commentsios
大學兩年前,小釵發了一篇水文:兩年內,我要成爲國內優秀的前端技術人員!
git
從那之後小釵又回到了大學的學習狀態,晚上會私下學習總結,週末學習新知識,跌跌撞撞,兩年時間快結束了,兩年時間小釵經歷了些神馬呢?今天來一篇總結的水文。程序員
01 重複讀了兩本經典的前端書籍:《Javascript高級程序設計》、《CSS權威指南》,基礎知識獲得了鞏固
02 換了一個工做,通過一輪業務開發,進入框架組,開始全站基礎框架開發
03 工做中逐漸接手框架核心業務,面向對象思惟,框架思惟,設計思想逐漸獲得薰陶
04 研究webapp模式的框架,接觸並解決移動端各類各樣難題,如300ms延遲,點透、層級管理、兼容性,渲染問題......
05 源碼學習,包括:zepto、Backbone、underscore、requireJS、Fastclick、IScroll......
06 公司業務產生井噴效應,業務快速發展,全站CSS文件三易其手,框架龐大化、複雜化,公司架構變化,由無線框架組轉戰公司框架組
07 框架積重難返,要作優化不易,思考以前所學,由工做總結出輕量級webapp框架blade,並再上作大量優化
08 框架變慢,維護成本變高,團隊開始框架升級,將blade的優化成果從新迴歸框架
09 開始全站優化,與幾位老大哥優化框架,框架尺寸降低1/3,框架結構清晰
10 開始全站樣式遷移,分拆CSS入各個UI,引入shadow dom技術,梳理全站樣式,樣式文件尺寸降低一半
11 過程當中寫了接近200篇博客;而後接觸了不少高手,如Aaron、OD、左盟主、周文斌、結衣等
因此,在接近兩年的時間裏,我以爲我勉強能算得上優秀的前端技術人員了,個人第一個計劃算是實現了吧?溫故而知新,因而第二輪的計劃也要開始了
後兩年計劃,成爲一個合格的架構師,因此15年的計劃是:
① 全站優化整理總結
② web components研究
③ 正則、nodejs
④ 架構思想、文檔水平學習提高
⑤ webapp框架再研究,pad方案、seo方案研究
⑥ 移動端調試工具研究
⑦ 深化重構思想、深化面向對象思想、深化工程思惟
⑧ 擴大視野
仍是那句老話,一我的進入優秀的團隊,再遇到一個好的老大,那簡直就是中了彩票同樣,不知不覺本身就成長起來了
可是,這種概率卻很低,因此多數朋友的工做是不如意的,不如意的緣由各類各樣,可是我仍是認爲責任主要在本身,由於沒有團隊會放棄創造價值的人
你在團隊不如意,必定是你本身不努力,若是你努力了仍然不如意,就是你努力的時間不夠長,若是你本身真的作的很好了仍是不如意的話
我就建議你離職了,由於通過你如此的工做,離職漲個50%徹底不是問題,問題是你是否是真的在努力
其實以我最近兩年的經從來說不少朋友也許以爲我很幸運,進了大公司,還擔當了重要的業務,作了好多優化,事實上哪裏那麼簡單???
最初進入無線團隊時候,我也只是完成一些簡單的業務工做,只不過本身私下去吸取了整個框架代碼,不懂就問,對前輩尊重,態度良好
一個月後,框架組吸取熟悉框架的人,我瓜熟蒂落的進入框架組學習,並接手一些簡單的業務;而後leader會逐漸出招,讓你去抗難的甚至瑣碎的事物,好比文檔維護什麼的、性能對比。
你每次都接招成功後,而且還會幹出幾件出彩的事情,老大哥們天然信任你,喜歡你,單純技術好意義不大,產出高技術好纔是王道,因此開發不但須要技術好,還得情商高,態度好!
可是,優秀團隊,好的leader這種好的事情,今天就出現了,我原來的leader招聘,錢多人傻,速來,有能者請與我聯繫!!!
書籍這個事情貴精不在多,我這裏推薦兩本便可:
爲何只推薦兩本呢?由於我發現不少朋友看書實際上是有問題的,我我的看javascript高級程序設計至少三篇,其中寫了不少demo
而不少朋友看書就跟看連環畫似的,第一次看一個星期就看完了,我是該說你悟性高呢仍是喜歡裝B啊,這種書要細看,要慢慢看,要反覆看
學習要有成果,學習要有效率,好比這小半年我就幹了這些事情,是拿的出來的:
那各位看書後,或者看博客後會留下痕跡麼,若是留不下痕跡,那麼多數就給忘了
第三個階段固然是讀源碼了,必定要讀源碼,並且必須好好讀!!!這裏尤爲推薦讀本身熟悉而且不太包含思想的源碼
好比我上個星期看了下backbone就搞得莫名其妙的,緣由是沒有用過,這裏推薦幾個庫:
zepto與jquery相似,說白了就是借鑑,可是zepto非常輕便,讀起來輕鬆,可是首次讀如果沒有半個月的話基本就是沒讀(不考慮神人)
由於工做後不多專門有時間去讀源碼,讀的時候要細細的讀,看不懂的地方就反覆看,慢慢的就所有清晰了
zepto讀完後,整個js的水平會看似上升一大截,這個時候再加緊來點經驗就穩穩的前端入門了
第二個推薦的庫是underscore,這個庫比zepto還要簡單,建議好好讀下,務必讀明白,不要不懂裝懂
如果有移動端編程經驗的朋友,建議好好的讀下這個庫,寫的很是不錯,完了後會讓你對移動端的事件兼容有深刻的理解
與Fastclick相似的庫
初級程序員讀以上幾個庫就差很少了,並且建議花一到兩個月詳細的研究一個庫,而且將裏面的思想用於項目中去,這樣才能真正的吸取
讀源碼不是看熱鬧,看熱鬧會一問三不知
以上幾個階段結束後,就能夠去外面看看本身的斤兩了,真的作到以上的朋友,基本是面幾個有幾個了,真正的瓶頸就出如今大公司了
這個時候又到了另一個階段:
① 深度-細節點
② 廣度-知識面
以細節點來講,真正的高手一個javascript事件機制就能夠問的多數人啞口無言:
① javascript綁定事件的方式
② javascript事件對象
③ 自定義事件
④ 如何觸發自定義事件
⑤ zepto/jquery事件機制
⑥ 解決移動端300ms延遲
⑦ ios android事件差別
⑧ 事件冒泡/捕獲機制以及鬼點擊
⑨ javascript事件底層實現......
以CSS來講,一個position就夠了
① Position的各類屬性值
② 行內元素塊級元素
③ 行高問題
④ fixed在移動端的問題
⑤ 由fixed引導至viewport
⑥ 縮放等等問題......
因此,javascript真正的高手對這些把握是很細的,不是所有都會,但不可能所有都不會。這裏可能會有朋友提出學院派以及實幹派的想法
其實個人道友Aaron就是真正的實幹派,徹底白手起家,他就確定知道這些問題,至少七七八八
因此深度必定要有,並且是慢慢積累的,不信看正美那700篇博客吧,有了深度再提廣度,否則你的廣度就不值錢
深度完了就是廣度,光有深度還不夠還得有廣度,廣度表明業務能力,表明工做水平
① nodejs
② 打包工具
③ H5嵌入APP
④ 移動端調試工具(如何在手機console,如何在頁面上調試手機程序)
⑤ 壓縮工具
⑥ 項目管理工具(git/svn)
⑦ 各類開源框架
這些都是廣度的體現,優秀的人不僅是知識穩固,並且還能推進團隊使用新技術,帶給團隊不同的感受
前端知識點繁雜,毫不止局外人看見的那麼點
如果你發現各個大公司想去就去,offer拿到手軟了,那麼恭喜你,你成爲了中級程序員了!!!!
而後再怎樣我就真不知道了,個人眼界暫時只能到這裏了,但願對處於迷茫階段的前端同窗有所幫助
大學兩年前,小釵發了一篇水文:兩年內,我要成爲國內優秀的前端技術人員!
從那之後小釵又回到了大學的學習狀態,晚上會私下學習總結,週末學習新知識,跌跌撞撞,兩年時間快結束了,兩年時間小釵經歷了些神馬呢?今天來一篇總結的水文。
01 重複讀了兩本經典的前端書籍:《Javascript高級程序設計》、《CSS權威指南》,基礎知識獲得了鞏固
02 換了一個工做,通過一輪業務開發,進入框架組,開始全站基礎框架開發
03 工做中逐漸接手框架核心業務,面向對象思惟,框架思惟,設計思想逐漸獲得薰陶
04 研究webapp模式的框架,接觸並解決移動端各類各樣難題,如300ms延遲,點透、層級管理、兼容性,渲染問題......
05 源碼學習,包括:zepto、Backbone、underscore、requireJS、Fastclick、IScroll......
06 公司業務產生井噴效應,業務快速發展,全站CSS文件三易其手,框架龐大化、複雜化,公司架構變化,由無線框架組轉戰公司框架組
07 框架積重難返,要作優化不易,思考以前所學,由工做總結出輕量級webapp框架blade,並再上作大量優化
08 框架變慢,維護成本變高,團隊開始框架升級,將blade的優化成果從新迴歸框架
09 開始全站優化,與幾位老大哥優化框架,框架尺寸降低1/3,框架結構清晰
10 開始全站樣式遷移,分拆CSS入各個UI,引入shadow dom技術,梳理全站樣式,樣式文件尺寸降低一半
11 過程當中寫了接近200篇博客;而後接觸了不少高手,如Aaron、OD、左盟主、周文斌、結衣等
因此,在接近兩年的時間裏,我以爲我勉強能算得上優秀的前端技術人員了,個人第一個計劃算是實現了吧?溫故而知新,因而第二輪的計劃也要開始了
後兩年計劃,成爲一個合格的架構師,因此15年的計劃是:
① 全站優化整理總結
② web components研究
③ 正則、nodejs
④ 架構思想、文檔水平學習提高
⑤ webapp框架再研究,pad方案、seo方案研究
⑥ 移動端調試工具研究
⑦ 深化重構思想、深化面向對象思想、深化工程思惟
⑧ 擴大視野
仍是那句老話,一我的進入優秀的團隊,再遇到一個好的老大,那簡直就是中了彩票同樣,不知不覺本身就成長起來了
可是,這種概率卻很低,因此多數朋友的工做是不如意的,不如意的緣由各類各樣,可是我仍是認爲責任主要在本身,由於沒有團隊會放棄創造價值的人
你在團隊不如意,必定是你本身不努力,若是你努力了仍然不如意,就是你努力的時間不夠長,若是你本身真的作的很好了仍是不如意的話
我就建議你離職了,由於通過你如此的工做,離職漲個50%徹底不是問題,問題是你是否是真的在努力
其實以我最近兩年的經從來說不少朋友也許以爲我很幸運,進了大公司,還擔當了重要的業務,作了好多優化,事實上哪裏那麼簡單???
最初進入無線團隊時候,我也只是完成一些簡單的業務工做,只不過本身私下去吸取了整個框架代碼,不懂就問,對前輩尊重,態度良好
一個月後,框架組吸取熟悉框架的人,我瓜熟蒂落的進入框架組學習,並接手一些簡單的業務;而後leader會逐漸出招,讓你去抗難的甚至瑣碎的事物,好比文檔維護什麼的、性能對比。
你每次都接招成功後,而且還會幹出幾件出彩的事情,老大哥們天然信任你,喜歡你,單純技術好意義不大,產出高技術好纔是王道,因此開發不但須要技術好,還得情商高,態度好!
可是,優秀團隊,好的leader這種好的事情,今天就出現了,我原來的leader招聘,錢多人傻,速來,有能者請與我聯繫!!!
書籍這個事情貴精不在多,我這裏推薦兩本便可:
爲何只推薦兩本呢?由於我發現不少朋友看書實際上是有問題的,我我的看javascript高級程序設計至少三篇,其中寫了不少demo
而不少朋友看書就跟看連環畫似的,第一次看一個星期就看完了,我是該說你悟性高呢仍是喜歡裝B啊,這種書要細看,要慢慢看,要反覆看
學習要有成果,學習要有效率,好比這小半年我就幹了這些事情,是拿的出來的:
那各位看書後,或者看博客後會留下痕跡麼,若是留不下痕跡,那麼多數就給忘了
第三個階段固然是讀源碼了,必定要讀源碼,並且必須好好讀!!!這裏尤爲推薦讀本身熟悉而且不太包含思想的源碼
好比我上個星期看了下backbone就搞得莫名其妙的,緣由是沒有用過,這裏推薦幾個庫:
zepto與jquery相似,說白了就是借鑑,可是zepto非常輕便,讀起來輕鬆,可是首次讀如果沒有半個月的話基本就是沒讀(不考慮神人)
由於工做後不多專門有時間去讀源碼,讀的時候要細細的讀,看不懂的地方就反覆看,慢慢的就所有清晰了
zepto讀完後,整個js的水平會看似上升一大截,這個時候再加緊來點經驗就穩穩的前端入門了
第二個推薦的庫是underscore,這個庫比zepto還要簡單,建議好好讀下,務必讀明白,不要不懂裝懂
如果有移動端編程經驗的朋友,建議好好的讀下這個庫,寫的很是不錯,完了後會讓你對移動端的事件兼容有深刻的理解
與Fastclick相似的庫
初級程序員讀以上幾個庫就差很少了,並且建議花一到兩個月詳細的研究一個庫,而且將裏面的思想用於項目中去,這樣才能真正的吸取
讀源碼不是看熱鬧,看熱鬧會一問三不知
以上幾個階段結束後,就能夠去外面看看本身的斤兩了,真的作到以上的朋友,基本是面幾個有幾個了,真正的瓶頸就出如今大公司了
這個時候又到了另一個階段:
① 深度-細節點
② 廣度-知識面
以細節點來講,真正的高手一個javascript事件機制就能夠問的多數人啞口無言:
① javascript綁定事件的方式
② javascript事件對象
③ 自定義事件
④ 如何觸發自定義事件
⑤ zepto/jquery事件機制
⑥ 解決移動端300ms延遲
⑦ ios android事件差別
⑧ 事件冒泡/捕獲機制以及鬼點擊
⑨ javascript事件底層實現......
以CSS來講,一個position就夠了
① Position的各類屬性值
② 行內元素塊級元素
③ 行高問題
④ fixed在移動端的問題
⑤ 由fixed引導至viewport
⑥ 縮放等等問題......
因此,javascript真正的高手對這些把握是很細的,不是所有都會,但不可能所有都不會。這裏可能會有朋友提出學院派以及實幹派的想法
其實個人道友Aaron就是真正的實幹派,徹底白手起家,他就確定知道這些問題,至少七七八八
因此深度必定要有,並且是慢慢積累的,不信看正美那700篇博客吧,有了深度再提廣度,否則你的廣度就不值錢
深度完了就是廣度,光有深度還不夠還得有廣度,廣度表明業務能力,表明工做水平
① nodejs
② 打包工具
③ H5嵌入APP
④ 移動端調試工具(如何在手機console,如何在頁面上調試手機程序)
⑤ 壓縮工具
⑥ 項目管理工具(git/svn)
⑦ 各類開源框架
這些都是廣度的體現,優秀的人不僅是知識穩固,並且還能推進團隊使用新技術,帶給團隊不同的感受
前端知識點繁雜,毫不止局外人看見的那麼點
如果你發現各個大公司想去就去,offer拿到手軟了,那麼恭喜你,你成爲了中級程序員了!!!!
而後再怎樣我就真不知道了,個人眼界暫時只能到這裏了,但願對處於迷茫階段的前端同窗有所幫助