我是剛開始學習JS的小白，面對複雜的學習路徑，層出不窮的框架工具無所適從，不知道從哪裡學起怎麼辦？

01-21

前端小白，建議先把「w3school在線教程」的「HTML/CSS」與「JavaScript」兩個板塊學習一遍，本人前端老鳥偶爾也會上這個網頁查東西。至於框架庫什麼的，等接觸了項目，再去學習吧，到時候一般是老鳥帶頭，根據項目情況選框架。

最後作為一名程序猿，就要有猿的覺悟——嘗試各種技術，然後尋找最優解。

看到了就來回答一下：html H5 H5+，css css3 ,javascript(這個一直在學習，從不敢說精通，越學越謙虛)，還有就是jsp，PHP啥的，後端語言要了解一門，資料庫要知道簡單的查詢。。。

至少我覺得應該先好好學習一下js。。。前提是你對邏輯比較敏感，如果你對視覺比較敏感，那麼可以熟悉了html和css然後在深入學習js，嗯，我說的熟悉並不是你看了一本書，然後幾天看完了，練習了一下，也知道了就算熟悉，而是要深入了解，理解，我自己是前後端都做過開發，css不太熟悉，真的只是會用的層面，但是要說js，建議將js權威指南，還有js高級程序設計看多幾次，練習多幾次，去理解裡面的編程思維，在看這兩本書之前練習先看一下w3c上一些規範，要知道一些基礎這樣才能愉快的學下去，一定不能急，基礎紮實，後面再選一個框架react vue jq等，不只是去用，去用之前可以先看一下框架的源碼，這樣方便你更好的成長，在後面的開發中避免更多的坑

別人推薦的都是別人的路，你還非得選一條？你抱怨的這些都是很基礎，稍微用點心去學都懂了，還費這個時間來問這些網上百度全都是的問題。

多上GitHub看看

學會CV代碼，做搬運工

也許是應為我學java出生的吧，一直沒覺得js有多難。

現在想下，倒是真還有點詫異。

html5/css3 出現是為了應付前端交互需求和淘汰flash並且不想再出現另外一個flash。

你說的這些框架，要是覺得迷茫。

不要怕，去網上看看招聘信息，自己選幾個主流框架和工具先學著，要求不要太高能用就行。

然後抽空，看設計模式，演算法設計於分析，js代碼規範。

最後還是建議去學習下java面向對象思想，要是能看點軟體工程方面的書更好。

還有node還是不要荒著接觸，慢慢來。

樓主列舉的框架沒有必要全部學，現在最流行的前端框架就是React、Vue、Angular，學會其中之1後，再學一個ui庫就可以上崗工作了。以下基於以上3個前端框架，給3個建議的學習路線給樓主選擇。

html5-&>css3/sass-&>JavaScript-&>jQuery-&>React-&>Ant Design (Mobile) of React

html5-&>css3/sass-&>JavaScript-&>jQuery-&>Vue-&>Muse UI

html5-&>css3/sass-&>JavaScript-&>jQuery-&>Angular-&>Iconic

最後解答一下樓主的一些問題：

html5是最新的html標準

css3是最新的css標準

sass和less都是css生成工具，學習其中一個就可以，一般學習的是sass，因為功能強一點

web app一般是通過打包工具把一個web項目打包成一個手機app的安裝文件，例如是apk，這個初學者不用學，用到再學。

最後對於一般智商正常的人而言，學習看傻瓜書就可以，不要看幾百頁磚頭厚的教程

HTML5 教程 | 菜鳥教程

CSS3 教程 | 菜鳥教程

JavaScript 教程 | 菜鳥教程

jQuery 教程 | 菜鳥教程

學C/C++吧

隨便翻翻學下HTML .css ！

css 3動畫挺好玩的！移動端用起來爽！

HTML 5開發已經是個很大的概念了！反正我也過不全！

知道點常用標籤！會用就行！

js 基礎很重要的！每天看點書當看課外閱讀！

噢去

github 多搜搜！什麼js教程多到不行了！

玩上個幾個月差不多算入門了，很多東西知道自己想去找資料，有個半年了可以學下node ，我也僅僅只是入門了解水平也不多說，node 8也沒去了解！發展確實太快，不過是好事，因為可以專研某個方向發展了！

小程序挺好玩的！可以去學習下，demo 去github 找高星的看看學習！

好了學習下框架吧！vue ！就它了！真的很棒棒！怎麼棒我說不出多少！反正我這麼笨的人也能學的會就是了！

好了！找點喜歡的自己腦洞大開！前後端的知識你都有接觸了，好好融合！成就神功！！

這很正常，每個人剛開始都是這樣的。繼續學下去就會慢慢接觸到這些。加油吧

作為一個看起來熱愛前端的一個初學者你不去抄代碼花這麼多時間在知乎上問這種問題，我想一半的人都會推薦你去從基礎看起，循序漸進。

那我說一下我的入門就是抄代碼入手的，我大學學的http://asp.net，說實話上課我都沒聽懂，還有資料庫上了半學期我都沒太明白，別說什麼js了，我就知道個幾個html標籤。我能學好用好純粹是靠熱愛網站開發（滑稽，只知道幾個標籤就熱愛），沒錯，為了期末的作業，我在別人打dota的時間去學習，查資料，抄代碼，最後做完一個小電商（簡單的展示），後來又從書上抄了個完整的很垃圾的一個論壇項目，然後自己二次開發搞了很多功能。至此，我的入門結束。整個開發流程從資料庫搭建到後端業務邏輯再到前端頁面開發有一個大概的掌握。

與其糾結你要學什麼，倒不如趕快找個項目來抄，關鍵要動腦子，不是死抄。最後說一下，編程要有思想，考慮的不止業務的實現。通過抄寫了解項目的開發模式，你再去學習一些原理性的知識，研究代碼優化，抽象解藕，選擇框架這些問題了。

初學者真真建議看視頻，有點了解和興趣後再看書，推薦http://ycku.com

這裡是我對於這些視頻的一些介紹

等等。。手機複製不了，待會電腦補

學C語言，然後學點數據結構。當然學了這兩樣後你就無懼任何語言框架。

有一個某某說過一個程序員成長可分為如下6個階段。

第一個階段，此階段只要是能熟練的使用某種語言。這就相當於練武中的套路和架式這些表面的東西。
第二個階段，此階段能精通基於某種平台的介面（例如我們常用的win32 API函數）以及所對應語言的自身的庫函數。達到這個階段後，也就相當於可以進行真實散打對練，可以真正地在實踐中做些應用。
第三個階段，此階段能深入的了解某個平台系統底層，以及具有了初級的內功的能力，也就是「手中有劍，心中無劍」。
第四個階段，此階段能直接在平台上進行比較深層次的開發。基本上，能達到這個層次就可以說是進入了高層次。這時進入了高級內功的修鍊。比如能修改一些系統內核。這時候已經不再有語言的束縛，語言只是一種工具，即使要用自己不會的語言進行開發，也只是簡單的熟悉一下，就手到擒來，完全不像是第一階段的時候學習語言的那種情況。一般來說，從第三階段過渡到第四階段是比較困難的。為什麼會難呢？這就是因為很多人的思想轉變不過來。
第五個階段，此階段就已經不再局限於簡單的技術上的問題了，而是能去從全局上把握和設計一個比較大的系統體系結構，從內核，資料庫到外層界面。可以說「手中無劍，心中有劍」。到了這個階段以後，能對市面上的任何軟體進行剖析，就算是淘寶這個大的系統，只要是有足夠的時間，也一定能設計出來。
第六個階段，此階段也是最高的境界，達到「無招勝有招」。這時候，任何問題就純粹變成一個思路的問題，不是用什麼代碼就能表示的。也就是「手中無劍，心中也無劍」。此時，對於練功的人來說，他已不用再去學什麼少林拳，只是在旁看一個少林拳的對戰，就能把此拳拿來就用。這就是真正地大師級的人物。此時，無論系統是win32和Linux還是web後端用的是PHP,ASP,JSP，在你眼裡是沒有什麼差別的。