web前端有哪些很普遍的經驗供新手學習？

01-20

學了好多知識點，但開始做網頁的時侯還是有很多不清楚的地方，比如class和id的選擇、怎樣合理的布局、有哪些高手皆知的編碼技巧、有哪些好的編碼習慣等等。發現不管到什麼水平，只要想學就總有你不會的東西。

前端菜鳥一枚，分享一下學習經驗。

我認為的經驗之一：stay hungry stay foolish。正如題主所說：發現不管到什麼水平，只要想學就總有你不會的東西。

來看前端技能條，這還不是完整版。

還有 @張錚錚在前端大牛們都學過哪些東西？ - 調查類問題回答的一樣：

CSS不能編程？用Less、Sass、Stylus、甚至直接用 Absurd，框架除了Bootstrap還有很多。JS寫多了很麻煩？jQuery。移動開發？Zepto.js。結構不好？找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twitter還弄了個事件驅動框架Flight。庫多了要優化載入？RequireJS。

代碼質量成問題？Jasmine、QUnit、Mocha做單元測試。各種瀏覽器都要測？用Karma。測試通過了部署還有問題？持續集成，用Travis CI。用戶行為也要測？用Selenium 。樣式測試還有Viff 。覺得JS都夠麻煩的？用CoffeeScript。
想做動畫？Canvas或SVG還有CSS3幫忙，幹掉Flash。SVG太難畫？用Snap.svg。想開發遊戲？用Canvas。自己寫FPS太低？用框架，CreateJS.。2D太幼稚？three.js幫你用WebGL開發3D，還不夠給力？asm.js讓你在瀏覽器中擁有虛幻3引擎。
這一堆東西都要配置部署，麻煩，用Grunt，庫太多？用Bower管理，項目開始要創建各種文件文件夾？用Yeoman。開源項目太多了，GitHub.上找，不會？學Git。順便用Jekyll託管博客，不是吧還有Ruby這玩意...SASS也是Ruby寫的，等等Sublime Text是Python寫的，要寫插件？也學一下。調試太難？用Chrome開發者工具，一堆API和功能。
光在電腦瀏覽器上跑不給力？移動開發HTML5，離開網路就渣了？HTML5離線應用。不如原生應用？用PhoneGap。想調用原生API？開發Firefox OS應用吧。瀏覽器應用也得會吧，Chrome Firefox都有自己的文檔。接著是不是把後端甩了，自己來，裝Node.js，所以還得學點伺服器知識，想用npm管理node包？linux技巧shell神馬的也得學。想前後端通吃？再看看http協議。Web精通了？node-webkit 讓你可以寫桌面程序了，繼續學吧。
想學模塊化開發？看看CommonJS和AMD規範。理解JS有偏差？看看ECMA-262，等等不知道什麼時候第6版就要出了。瀏覽器各不相同，弄不清該怎麼兼容？看看W3C標準，HTML寫出來人看的懂，機器讀不懂？要SEO，要支持殘障人士？看HTML語義化，全會了但IE就是不支持？叫不出名字的瀏覽器尼瑪連JS都不知道是啥？漸進增強。想一次把各種設備全搞定？響應式設計。

然後上面這些不過是一些討巧的小技術。公司做什麼業務的？了解一下行業信息。面向大眾的產品？交互設計。美工不給力？UI設計。外包和諮詢？設計模式、重構方法、演算法、數據結構。知道軟體工程嗎？了解一下敏捷開發，或許還可以試試TDD、ATDD、BDD。
看了這麼多東西，第一反應是不是求中文文檔？學英語去吧。
這些也不過是我目前所能看到的一小部分，而且每段基本都是到了一個邊界，並不是沒得學了，而是繼續學又是另一片天地。真心希望有人能幫我填補知識盲區。另外，我僅把一些知識點串起來，不全或不對的地方請見諒。

題主不要被嚇著了。

第二條經驗：多動手多實踐，使勁折騰，但不要瞎折騰。說多了都是淚T_T。如果能做幾個外包，那就太不錯了。即賺錢，還能寫在簡歷上。

至於題主問的「class和id的選擇、怎樣合理的布局、有哪些高手皆知的編碼技巧、有哪些好的編碼習慣等等」這些，多練，多看大牛的博客，然後自己積澱、思考一下一下，基本問題不是太大。

Web前端開發有哪些良好的編程習慣？ - JavaScript 這個鏈接應該正好能回答你在問題描述里提的問題。

題主啊，趁著年輕多學點是點。。答主最近很憂鬱啊。。暑假實習還沒著落，糾結著是學習感興趣的東西還是準備面試題。。。。。

學喜歡編程就把js學透。喜歡頁面重構就學好css，盒模型 bfc都學懂。

雖然前端是一個工程性很強的專業，但是學好基礎還是比多干幾個活要重要的。

布局的話去看css那些事兒，js的話去妙味課堂花100弄個會員可以看裡面的視頻資源很多，一年堅持下來就到中級了，之後再考慮向重構還是專寫js上發展，不管怎麼樣多寫一下總結，多問幾個為什麼，多練習!

不要設計前端後台一起會

只會一樣就好

多看，多寫，多分享

其實大牛們也就是做到了這三點。