學(xué)習(xí)

? ? ? 學(xué)習(xí)，尤其是自主學(xué)習(xí)對(duì)每個(gè)人來(lái)說(shuō)都是一件十分重要的事情。很多人的學(xué)習(xí)都是碎片式的學(xué)習(xí)，然后就覺(jué)得成為通才了，可是一到實(shí)踐動(dòng)手，或者深入的時(shí)候就歇菜了，這樣的方式或許是各種環(huán)境造成的沒(méi)有頓悟，也是對(duì)自己的浪費(fèi)。

? ? ? ?對(duì)于寫(xiě)代碼實(shí)效與應(yīng)用的知識(shí)，最好的學(xué)習(xí)是實(shí)踐，搜索學(xué)習(xí)，再實(shí)踐改善，總結(jié)。沒(méi)有結(jié)果的看書(shū)學(xué)習(xí)是偽用功，可能短時(shí)間會(huì)了解一些東西，但是很快會(huì)忘，還不會(huì)用，沒(méi)有太多的實(shí)際價(jià)值。要學(xué)會(huì)深入地搜索學(xué)習(xí)，然后實(shí)踐是入門(mén)，應(yīng)用到項(xiàng)目里是稍入門(mén)，恰當(dāng)?shù)赜玫巾?xiàng)目里才算學(xué)會(huì)，最后總結(jié)好這類(lèi)知識(shí)的特點(diǎn)，以及熟悉其實(shí)現(xiàn)原理才算深入，才算是嘚瑟的資本。

? ? ? 對(duì)于一些需要了解原理才能入門(mén)的東西，那就頭就學(xué)真打好基礎(chǔ)深入學(xué)習(xí)，總結(jié)，然后再學(xué)著使用，拿來(lái)改善一些做項(xiàng)目，做事，解決問(wèn)題等。?

? ? ? 總之，有些東西我們需要從頭深入地懂到尾，有些東西只需要了解，能用就行。學(xué)習(xí)的過(guò)程是要把這些給過(guò)一遍，真正的悟性在于如何有效地在工作，生活，學(xué)習(xí)中識(shí)別出哪些知識(shí)在哪些恰當(dāng)?shù)臅r(shí)間需要快速消化，哪些知識(shí)在哪些時(shí)間需要打好很深的基礎(chǔ)，為以后應(yīng)用起來(lái)做好堅(jiān)實(shí)的準(zhǔn)備。

資源

? ? ? 資源是最好的老師，因?yàn)樾聳|西都是通過(guò)自主學(xué)習(xí)獲得的，很好地利用了學(xué)習(xí)資源，就可以接觸到最新的技術(shù)動(dòng)態(tài)趨勢(shì)，可是不能停留在這一點(diǎn)，只是懂一點(diǎn)，人家問(wèn)三個(gè)問(wèn)題就倒了，不成體系的學(xué)習(xí)跟沒(méi)學(xué)差不多。

前端資源：

1、電腦blogs：前端亂燉，博客園，CSDN。從中多收集積累看大神系列專(zhuān)欄，項(xiàng)目遇到問(wèn)題就googgle搜索出有幫助的網(wǎng)頁(yè)來(lái)學(xué)習(xí)使用。

2、問(wèn)答網(wǎng)站 ：stack overflow、segmentfault等等。。。。不過(guò)盡量不要去一般的很水的論壇啥的看，拒絕百度知道這類(lèi)東西

3、開(kāi)發(fā)者頭條APP，關(guān)注一些文章，博客

4、微信公眾號(hào)：前端JavaScript；前端早讀課；前端外刊評(píng)論

=================================================

不能從google里自主篩選出一些東西的習(xí)慣是十分不好的。。。。這種能力是現(xiàn)代人需要

掌握的

==================================================

前端經(jīng)歷路線(xiàn)：

1，網(wǎng)頁(yè)制作（PC 端和移動(dòng)端網(wǎng)頁(yè)，時(shí)間：半月為好。以后需要熟練加強(qiáng)）

（1）理解web 瀏覽器如何顯示出網(wǎng)頁(yè)，知道前端網(wǎng)頁(yè)有哪幾部分組成（HTML + CSS +JavaScript），瀏覽器如何使用這三種東西渲染出頁(yè)面

（2）快速知道，體驗(yàn)學(xué)習(xí)常用html標(biāo)簽，，，，別浪費(fèi)時(shí)間，記憶一些不用的標(biāo)簽。知道塊級(jí)元素和內(nèi)聯(lián)元素

（3）知道CSS渲染的機(jī)制，CSS層疊是什么意思，CSS選擇器及其優(yōu)先級(jí)，懂得盒模型，position，float，display。需要的時(shí)候?qū)W習(xí)一些新增CSS3（這些東西也要快，用心的話(huà)基本10天，算上學(xué)html的時(shí)間，最重要的是多動(dòng)手寫(xiě)一些頁(yè)面，對(duì)網(wǎng)頁(yè)布局了解，學(xué)習(xí)資源有，“css知多少”博客系列，十天標(biāo)準(zhǔn)之路）

（4）會(huì)使用js或者jQuery做一些動(dòng)態(tài)效果

（5）能使用ps設(shè)計(jì)圖，然后切圖，能寫(xiě)出很好的布局網(wǎng)頁(yè)，兼容各個(gè)瀏覽器，與學(xué)的過(guò)程結(jié)合，學(xué)了寫(xiě)不出這樣的網(wǎng)頁(yè)等于啥都沒(méi)學(xué)，這階段以動(dòng)手加上理解總結(jié)為主。

參考資源：Css知多少博客系列，十天標(biāo)準(zhǔn)之路，別真花十天。。。各種博客，各種demo，多看極客學(xué)院等其他資源中的wiki，規(guī)范啥的。

2，JavaScript程序設(shè)計(jì)，jQuery頁(yè)面制作（時(shí)間為1個(gè)月，根據(jù)小項(xiàng)目時(shí)間）

（1）深入學(xué)習(xí)js語(yǔ)言（ECMScript），熟悉使用jQuery API，可以使用jQuery以及js如何在網(wǎng)頁(yè)中進(jìn)行的表單驗(yàn)證，動(dòng)畫(huà)展示等基本功能。。。。保證能在很短時(shí)間內(nèi)寫(xiě)出有動(dòng)態(tài)效果的頁(yè)面。

（2）理解大部分js的知識(shí)，主要以項(xiàng)目經(jīng)驗(yàn)為主，中間出現(xiàn)不會(huì)的就尋找方法解決，是自己的編程速度和網(wǎng)頁(yè)布局效果表現(xiàn)出很好的水平。

參考資源：《js高級(jí)程序設(shè)計(jì)》，《js語(yǔ)言精粹》，已經(jīng)夠用了，好的jQuery書(shū)籍，jQuery博客系列，專(zhuān)欄，熟悉jQuery 的API，多查API來(lái)進(jìn)行項(xiàng)目實(shí)踐。

3，DOM編程，事件處理機(jī)制，深入JavaScript編程（變量?jī)?nèi)存模型，變量訪(fǎng)問(wèn)與函數(shù)值傳遞，Object，F(xiàn)unction，Array，閉包，自執(zhí)行函數(shù)，原型鏈，ajax（XHR）），使用過(guò)大部分jQuery工具函數(shù)，事件，DOM，選擇器，發(fā)送ajax，ajax基本原理。從項(xiàng)目和學(xué)習(xí)基礎(chǔ)中積累總結(jié)

（1）通過(guò)參與很大的項(xiàng)目，從頭到尾進(jìn)行訓(xùn)練，或者自己的個(gè)人項(xiàng)目。對(duì)自己的代碼要求苛刻，對(duì)業(yè)務(wù)的理解加強(qiáng)，可以進(jìn)行表單提交驗(yàn)證，前后臺(tái)數(shù)據(jù)交互，發(fā)送處理ajax。。。以及自行處理在編程中找出遇到的bug，大力減少自己在低級(jí)方面的錯(cuò)誤。

（2）理解后臺(tái)如何進(jìn)行跳轉(zhuǎn)的，在返回頁(yè)面如何設(shè)置jsp中的變量等等。。。與后臺(tái)人員一起根據(jù)業(yè)務(wù)可以做出恰當(dāng)?shù)木W(wǎng)站頁(yè)面效果。

參考資源：通過(guò)博客和項(xiàng)目實(shí)踐為主，《js高級(jí)程序設(shè)計(jì)》，網(wǎng)上系列博客很有幫助，多學(xué)一些語(yǔ)言基礎(chǔ)知識(shí)，尤其是在ES6和Node，模塊化和組件化開(kāi)發(fā)已經(jīng)成為主趨勢(shì)的背景下

4，深入理解jQuery的實(shí)現(xiàn)，學(xué)會(huì)記性面向?qū)ο蟮姆绞絹?lái)進(jìn)行編程，嘗試學(xué)習(xí)一些框架，庫(kù)，來(lái)快速完成一些項(xiàng)目功能，如bootstrap如何很好地做到響應(yīng)式的，這樣的庫(kù)如何設(shè)計(jì)到自己的網(wǎng)站中；學(xué)習(xí)使用backboneJS框架，angular，reactJS（拿其中一個(gè)來(lái)進(jìn)行項(xiàng)目實(shí)戰(zhàn)），前端路由，前后臺(tái)模板引擎（velocity，hbs）等一些很不錯(cuò)的方式。深入提高自己的能力和理解

參考資源：通過(guò)系列博客，和最新的網(wǎng)上教程?！禸ackbone 入門(mén)教程，第二版》，下載github上的demo，自己實(shí)現(xiàn)demo。。。。這些都比較新，可以通過(guò)來(lái)看在線(xiàn)教育的視頻，后考慮買(mǎi)書(shū)。

5，學(xué)習(xí)進(jìn)行模塊化和組件化開(kāi)發(fā)，先熟悉庫(kù)，類(lèi)，然后根據(jù)js來(lái)構(gòu)建自己的模塊化庫(kù)，會(huì)使用AMD和CMD的加載器，CommonJS等，不再寫(xiě)引入多個(gè)js文件方式的代碼

參考資源：網(wǎng)上資源，框架官網(wǎng)，庫(kù)官網(wǎng)，博客系列，demo實(shí)現(xiàn)，書(shū)

6，學(xué)會(huì)打包，壓縮代碼，使用node工具，甚至學(xué)一門(mén)后臺(tái)語(yǔ)言，數(shù)據(jù)庫(kù)等來(lái)進(jìn)行開(kāi)發(fā)，培養(yǎng)全棧的能力。學(xué)會(huì)優(yōu)化自己的網(wǎng)站，優(yōu)化以前的項(xiàng)目，彌補(bǔ)自己的漏洞，做個(gè)高級(jí)前端開(kāi)發(fā)工程師

參考資源：根據(jù)自行搜索的教程搭建環(huán)境，自行嘗試，修煉，，，優(yōu)化項(xiàng)目，優(yōu)化原來(lái)寫(xiě)過(guò)的代碼，總結(jié)，多寫(xiě)博客文章，，，自行搭建博客，加入主流博客網(wǎng)站，學(xué)著寫(xiě)技術(shù)積累，總結(jié)。