javascript - 分享過去學習web前端開發經驗指引或學習路線，讓我們初學者可以學習！

希望有經驗的大大可以分享你們的過去學習經驗，讓我們初學者學習學習。^^
我是一位自學，我目前有在treehouse學習前端，而且我有在網路找到關於學習html5/css3 pdf來學習。
我的學習系統很亂，因我覺得我這裡學一點哪裡學一點，完全到最後都不知道學了什麼，很迷糊。
我想重新調整學習路線，我知道我將要學習語言 前端-html/css/js ，後端-php/mysql。

這是我將要step by step學習web前端：
1.html（完成關於html5電子書或其他網站，就做練習）
2.css （完成關於css35電子書或其他網站，就做練習）
3.js （完成關於js電子書或其他網站，就做練習）
（完成以上就做一個完整的項目）

接下來將要step by step學習web後端：
1.php/mysql （完成關於php/mysql電子書或其他網站，就做練習）
（完成以上就做一個完整的項目）

最後將要step by step學習關於其他：
1.github
2.command line
3.git

以上是我重新調整學習路線，如發現有錯誤馬上告訴我，或大家有什麼建議，或大家有更好學習路線step by step可以告訴我們，感激！
感覺自學很難專註，希望可以通過大家分享，讓我們學習！謝謝^^

回複內容：

希望有經驗的大大可以分享你們的過去學習經驗，讓我們初學者學習學習。^^
我是一位自學，我目前有在treehouse學習前端，而且我有在網路找到關於學習html5/css3 pdf來學習。
我的學習系統很亂，因我覺得我這裡學一點哪裡學一點，完全到最後都不知道學了什麼，很迷糊。
我想重新調整學習路線，我知道我將要學習語言 前端-html/css/js ，後端-php/mysql。

這是我將要step by step學習web前端：
1.html（完成關於html5電子書或其他網站，就做練習）
2.css （完成關於css35電子書或其他網站，就做練習）
3.js （完成關於js電子書或其他網站，就做練習）
（完成以上就做一個完整的項目）

接下來將要step by step學習web後端：
1.php/mysql （完成關於php/mysql電子書或其他網站，就做練習）
（完成以上就做一個完整的項目）

最後將要step by step學習關於其他：
1.github
2.command line
3.git

以上是我重新調整學習路線，如發現有錯誤馬上告訴我，或大家有什麼建議，或大家有更好學習路線step by step可以告訴我們，感激！
感覺自學很難專註，希望可以通過大家分享，讓我們學習！謝謝^^

不好對你的計劃說什麼，因為每個人的成長與基礎不一樣。下面是我的一些建議，結合自己的實際情況，在執行。還是重複一下，前端的核心是js。css不難，但需要來積累。對前端我是這麼看的：

• css就像一瓶酒，得品。

  html,css總共就那些標籤跟選取器屬性什麼的，但是要寫一個有擴充性，健壯性或維護性的頁面不容易。現在寫頁面基本條件反射，不是如何快速的完成，而是思考如果有介面需求修改，怎麼在修改代碼最少的情況下快速完成需求任務。這是對前端耐力，體力，智力的三重考驗。

• js就像一把劍，得磨。

  js剛開始只是為了較驗，隨便技術社會的發展，承擔的角色越來越重，剛開始玩玩jQuery感覺已經會js了，其實只是冰山一角。隨著對js的瞭解越來越多，他即變態又可愛，即好玩又難控，即有很多相容問題，但解決相容是我們基本生存之道。從ajax到jsmvc一路走一路看，高負載潮一浪高過一浪

• 人生就是一場夢，得作。

  技術只是生活的一部分，曾經雄心鬥志，如今低頭寫碼。改變能改變的，接受不能改變的。人生有限，兄爭朝夕啊。人生學習的態度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改變世界，但求能改變自己的生活。不求健步如飛，但求一步一腳印。感謝磨難，他使我們內心更為堅強。感謝挫折，他使我們不斷的成長，感謝bug，他使我們的思維更加深邃。感謝前端，他使我們更加的相信，撐起一片天空需要十八般武藝。

這些是我專為入門朋友準備的一個系列教程，有興趣看看：

1. web前端開發分享-css,js入門篇
2. web前端開發分享-css,js進階篇
3. web前端開發分享-css,js提高篇
4. web前端開發分享-css,js工具篇
5. web前端開發分享-css,js深化篇
6. web前端開發分享-css,js移動篇

你想要學的每一種代碼，網上都有教學專題。
這裡給出幾個網站。不過不一定是你預期的。
前端，包括html、css、js：http://www.w3school.com.cn/js/index.asp
上面的網站同時也有php的教學。
我的最愛——github^_^：
1.http://gitref.justjavac.com/
2.http://www.bootcss.com/p/git-guide/
3.http://git-scm.com/book/zh
4.http://git-scm.com/documentation
最後，一個有趣的前端網站：http://thecodeplayer.com/
ok，that's all.

lz的計劃未免有點太保守、穩妥了
個人覺得可以先找個開源項目2次開發，邊做邊學吧

邊工作邊學習。積累經驗！

我基本上是先看書,比如說css權威指南,js進階程式設計,bootstrap,sass,jquery之類的,看書是打基礎,自己實踐謝謝代碼做做項目才是王道。

