這是我在知乎上的一個回答， 如果有興趣的同學可以在知乎上搜索我的賬戶： JS加加前端開發。
1、橫向分類
前端：HTML、CSS、JavaScript
後端：PHP、MySQL
2、責任分類
HTML：負責網頁結構部分
CSS：負責網頁佈局與樣式部分
JavaScript：負責網頁程序邏輯、動態渲染與特效部分
PHP：負責服務端邏輯與數據庫操作部分
MySQL：負責數據存儲部分
3、學習技術與人的類比
1、首先，人要有一個基本的組成（頭、身體、胳膊、手、腿、腳）
-> 學習HTML
2、其次，人要有一個所有組成部分的有序組合和著裝（將各部分組成一個身體並穿上衣服）
-> 學習CSS
3、再其次，人需要有一些邏輯思維來支撐人的活動能力（吃飯、睡覺、運動等）
-> 學習JavaScript
4、再次，人需要有動腦思考問題的能力（比如學習、解決問題、道德行為等）
-> 學習PHP
5、最後，人需要一些知識、信息的儲備來武裝自己成為一個有能力、有素養的人
-> 學習MySQL
4、基本總結：HTML/CSS -> JavaScript -> PHP/MySQL
5、具體分析
1、所謂『全棧』
對於初學者來說，全棧是引以為豪的稱謂。
對於成熟的工程師來說，全棧大多數情況下是個貶義詞。
原因：初學者為了完成一個完整的項目，會快速學習前後端所有己需的技術點，但無論前端還是後端，都是一門技術。首先，任何開發者的開發技術的成熟都依賴的堅實的理論基礎和業務經驗，所以往往自學的開發者很難勝任企業的開發任務，任何企業都需要易讀、易維護、易擴展、並且科學的項目架構和代碼，而往往缺乏理論基礎和業務指導的學習者，很難將項目的開發做到以上的要求，這也就出現了自學成才的初學者始終都處在『全棧自嗨』的狀況中。而殊不知全棧的感念誤導了自己，變成一個非職業、非專業的代碼生產者。其次，缺乏紮實的理論基礎的學習者，很難理解更加高深的技術點，比如函數式編程中的柯里化、偏函數、ECMAScript中的原型、閉包、聖盃模式等等，這就阻礙了學習者進一步提升開發能力的步伐。
一個成熟的工程師，絕不敢說自己的全棧工程師，因為自己心裡清楚，我的技術門類是前端，前端我是專業的，就算我確實會寫PHP、Java，我也不敢說我精通或者我也可以承擔後端的工作，這是一個工程師的態度，所謂術業有專攻嘛。
如果的如果
你就想什麼都會，根據前述，導出一個學習順序：
1、HTML/CSS在一個階段學習：結構和樣式必須一起學，才有直觀感。
PS：總得先弄清楚HTML基本的標籤吧！
也少不了學完後，做個京東淘寶首屏，我不會做！
摳破腦袋，給我摩出來，這是必經之路。
抱歉！給你壓力了！
2、JavaScript單獨學習：（傷不起的前端在此刻出現）
JavaScript是一個很難的語言！！
再成熟、再牛X的前端工程師也會說同樣的話。原因是因為它十分靈活。
怎麼寫好像都對，但你就是不知道怎麼寫。有同樣的感覺吧？
他，分為三個部分：
1、ECMAScript 2、DOM 3、BOM
懂行的都知道ECMAScript對於初學者來說，是最難的部分，什麼作用域、什麼原型原型鏈、什麼閉包、什麼對象數組一大堆東西。如果你在學習JavaScript時，覺得特簡單，對不起，我只能建議你重新學習。學習ECMAScript週期最長。
DOM也不簡單，因為.......內容也非常多，什麼遍歷樹、什麼節點、什麼元素、一大堆兼容性封裝，什麼冒泡捕獲事件代理、什麼鼠標鍵盤行為、什麼拖拽、什麼鼠標行為預測、什麼雙擊單擊 一大堆封裝、什麼DOM事件處理函數邏輯、一大堆案例等著你做。
BOM相對簡單，需要掌握的不多，強調一下，不是沒用，是兼容性不好，畢竟是孤兒，沒有規範，所以就只能將就用一下，但你也不能忽略他其中的單頁面應用的學習。
3、PHP和MySQLy一起學
PHP的基本語法搞懂以後，你可能想做點啥。
那你就得折騰一下數據了，沒有數據就沒有項目，你懂的。
當然，這是你自己要選擇『全棧』的哈，表怪我。
2、所謂『WEB開發學習的態度』
技術的學習本是一個漫長的過程，但是...由於社會的浮躁感，讓本該有過程的事變得急於求成而最終跪敗。
所謂全棧，也不過就是前端 + 後端的技術能力，而前端和後端各是一門技術與學科，所以真正的WEB開發學習的態度應該是鑽研一門技術，這也是企業需要的，全棧的稱謂在這個時代，已經逐漸被企業所唾棄，原因很簡單，全棧 === 技術不精，而有人肯定會吐槽我的觀點說：很多成熟的工程師都會前後端，人家多成功啊。但你不知道的是全棧作為技術鑽研是可敬的，但作為技術的炫耀與稱謂是可悲的，因為一句古話：術業有專攻，時間花在前端技術鑽研上，你後端的能力肯定會遜色，反之亦然。不要說有很多精力學習，單獨一個前端或後端就夠學上個好歹（這裡不敢瞎說時間）。
最後希望我的答案，能夠幫助問者揭開學習疑惑，再問題的基礎上，我又闡述了很多相關的東西，我相信問者也會需要。
謝謝各位的閱讀
關鍵字: ECMAScript 部分 JavaScript
