學習
? ? ? 學習,尤其是自主學習對每個人來說都是一件十分重要的事情。很多人的學習都是碎片式的學習,然后就覺得成為通才了,可是一到實踐動手,或者深入的時候就歇菜了,這樣的方式或許是各種環境造成的沒有頓悟,也是對自己的浪費。
? ? ? ?對于寫代碼實效與應用的知識,最好的學習是實踐,搜索學習,再實踐改善,總結。沒有結果的看書學習是偽用功,可能短時間會了解一些東西,但是很快會忘,還不會用,沒有太多的實際價值。要學會深入地搜索學習,然后實踐是入門,應用到項目里是稍入門,恰當地用到項目里才算學會,最后總結好這類知識的特點,以及熟悉其實現原理才算深入,才算是嘚瑟的資本。
? ? ? 對于一些需要了解原理才能入門的東西,那就頭就學真打好基礎深入學習,總結,然后再學著使用,拿來改善一些做項目,做事,解決問題等。?
? ? ? 總之,有些東西我們需要從頭深入地懂到尾,有些東西只需要了解,能用就行。學習的過程是要把這些給過一遍,真正的悟性在于如何有效地在工作,生活,學習中識別出哪些知識在哪些恰當的時間需要快速消化,哪些知識在哪些時間需要打好很深的基礎,為以后應用起來做好堅實的準備。
資源
? ? ? 資源是最好的老師,因為新東西都是通過自主學習獲得的,很好地利用了學習資源,就可以接觸到最新的技術動態趨勢,可是不能停留在這一點,只是懂一點,人家問三個問題就倒了,不成體系的學習跟沒學差不多。
前端資源:
1、電腦blogs:前端亂燉,博客園,CSDN。從中多收集積累看大神系列專欄,項目遇到問題就googgle搜索出有幫助的網頁來學習使用。
2、問答網站 :stack overflow、segmentfault等等。。。。不過盡量不要去一般的很水的論壇啥的看,拒絕百度知道這類東西
3、開發者頭條APP,關注一些文章,博客
4、微信公眾號:前端JavaScript;前端早讀課;前端外刊評論
=================================================
不能從google里自主篩選出一些東西的習慣是十分不好的。。。。這種能力是現代人需要
掌握的
==================================================
前端經歷路線:
1,網頁制作(PC 端和移動端網頁,時間:半月為好。以后需要熟練加強)
(1)理解web 瀏覽器如何顯示出網頁,知道前端網頁有哪幾部分組成(HTML + CSS +JavaScript),瀏覽器如何使用這三種東西渲染出頁面
(2)快速知道,體驗學習常用html標簽,,,,別浪費時間,記憶一些不用的標簽。知道塊級元素和內聯元素
(3)知道CSS渲染的機制,CSS層疊是什么意思,CSS選擇器及其優先級,懂得盒模型,position,float,display。需要的時候學習一些新增CSS3(這些東西也要快,用心的話基本10天,算上學html的時間,最重要的是多動手寫一些頁面,對網頁布局了解,學習資源有,“css知多少”博客系列,十天標準之路)
(4)會使用js或者jQuery做一些動態效果
(5)能使用ps設計圖,然后切圖,能寫出很好的布局網頁,兼容各個瀏覽器,與學的過程結合,學了寫不出這樣的網頁等于啥都沒學,這階段以動手加上理解總結為主。
參考資源:Css知多少博客系列,十天標準之路,別真花十天。。。各種博客,各種demo,多看極客學院等其他資源中的wiki,規范啥的。
2,JavaScript程序設計,jQuery頁面制作(時間為1個月,根據小項目時間)
(1)深入學習js語言(ECMScript),熟悉使用jQuery API,可以使用jQuery以及js如何在網頁中進行的表單驗證,動畫展示等基本功能。。。。保證能在很短時間內寫出有動態效果的頁面。
(2)理解大部分js的知識,主要以項目經驗為主,中間出現不會的就尋找方法解決,是自己的編程速度和網頁布局效果表現出很好的水平。
參考資源:《js高級程序設計》,《js語言精粹》,已經夠用了,好的jQuery書籍,jQuery博客系列,專欄,熟悉jQuery 的API,多查API來進行項目實踐。
3,DOM編程,事件處理機制,深入JavaScript編程(變量內存模型,變量訪問與函數值傳遞,Object,Function,Array,閉包,自執行函數,原型鏈,ajax(XHR)),使用過大部分jQuery工具函數,事件,DOM,選擇器,發送ajax,ajax基本原理。從項目和學習基礎中積累總結
(1)通過參與很大的項目,從頭到尾進行訓練,或者自己的個人項目。對自己的代碼要求苛刻,對業務的理解加強,可以進行表單提交驗證,前后臺數據交互,發送處理ajax。。。以及自行處理在編程中找出遇到的bug,大力減少自己在低級方面的錯誤。
(2)理解后臺如何進行跳轉的,在返回頁面如何設置jsp中的變量等等。。。與后臺人員一起根據業務可以做出恰當的網站頁面效果。
參考資源:通過博客和項目實踐為主,《js高級程序設計》,網上系列博客很有幫助,多學一些語言基礎知識,尤其是在ES6和Node,模塊化和組件化開發已經成為主趨勢的背景下
4,深入理解jQuery的實現,學會記性面向對象的方式來進行編程,嘗試學習一些框架,庫,來快速完成一些項目功能,如bootstrap如何很好地做到響應式的,這樣的庫如何設計到自己的網站中;學習使用backboneJS框架,angular,reactJS(拿其中一個來進行項目實戰),前端路由,前后臺模板引擎(velocity,hbs)等一些很不錯的方式。深入提高自己的能力和理解
參考資源:通過系列博客,和最新的網上教程。《backbone 入門教程,第二版》,下載github上的demo,自己實現demo。。。。這些都比較新,可以通過來看在線教育的視頻,后考慮買書。
5,學習進行模塊化和組件化開發,先熟悉庫,類,然后根據js來構建自己的模塊化庫,會使用AMD和CMD的加載器,CommonJS等,不再寫引入多個js文件方式的代碼
參考資源:網上資源,框架官網,庫官網,博客系列,demo實現,書
6,學會打包,壓縮代碼,使用node工具,甚至學一門后臺語言,數據庫等來進行開發,培養全棧的能力。學會優化自己的網站,優化以前的項目,彌補自己的漏洞,做個高級前端開發工程師
參考資源:根據自行搜索的教程搭建環境,自行嘗試,修煉,,,優化項目,優化原來寫過的代碼,總結,多寫博客文章,,,自行搭建博客,加入主流博客網站,學著寫技術積累,總結。