入門主要有三個部分 1、html+css部分:
1.前端的入門門檻極低,體如今HTML和CSS上運行環境就是瀏覽器,html+css這部分特別簡單,網上搜資料,書籍視頻很是多。css中盒子模型,流動,block,inline,層疊,樣式優先級等這些自學起來也是很是容易。最 後再深刻了解下瀏覽器差別性,ie9如下兼容簡單瞭解就好了,ie9如下瀏覽器被淘汰掉是趨勢,低版本不必浪費大量時間去學習兼容主流瀏覽 器,google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器便可。瀏覽器差別內容不少,建議在實踐中多多積累。 javascript
2、JavaScript部分。 css
1.基礎學習: 重要點也是難點,要學的內容實在不少,若是沒有其餘編程語言的基礎的話,學起來可能要費些力,有不少比較抽象的概念,必需要深刻理解,好比閉包、原型、 面向對象、封裝等,要理解透徹。看書是必不可少的,找一本優秀的js書從頭至尾,反覆研究學習,第一遍能夠快速翻閱,大致知道了解概念便可,第二三遍就需 要深刻學習了。另外,js面向對象編程必需要學習,很是重要,我的推薦一本書, Stoyan Stefanov著,凌傑譯的《javascript面向對象指南》。邊學邊練,實踐出真知。 html
2.jQuery學習:
這些基礎知識掌握好以後,還須要學jQuery,這是一個很是優秀的Javascript庫,大型開發必備。它簡化了Javascript的複雜操做, 消除了Javascript跨平臺兼容問題,提供了大量實用方法,有良好的文檔和幫助手冊,是一個很是成熟的Javascript庫。
3.進階學習:
有了以上知識,對於大多數小型網站,你應該已經能夠寫出可以工做的代碼了。但要想成爲更專業的前端,你還需繼續努力。更高的要求大概還有四方面:易維護,可測試,高性能,低流量(移動端)
三.中高級前端
1.工具學習:
大型項目中,前端代碼構建已經不是簡單的壓縮一下了,依賴管理、模塊合併、各類編譯步步不可缺乏,須要學會使用grunt、gulp等前端構建工具,要學習 的還有:包管理器bower、npm,代碼優化CSS Lint、JSHint、JSLint,CSS預處理器less、sass,代碼管理及版本控制svn、Git,web框架/服務器Node、 Express,代碼規範、HTML模塊化、css模塊化。
2.佈局框架學習如Bootstrap.
3.新技術html5學習。
4.js框架學習,requireJS、AngularJS等,往前端架構師靠近。
5.nodejs學習。http://www.qykh2009.com/prodetail_37.html前端