學習web前端的方法
學習web前端的方法
隨著科技社會的道來,互聯(lián)網(wǎng)事業(yè)快速發(fā)展,很多大型企業(yè)也需要精通于web前端的技術(shù)人才,下面學習啦小編收集了一些關(guān)于學習web前端的方法,希望對你有幫助
學習web前端的方法
01HTML5基礎
在這一階段主要學習,HTML5、CSS3、JavaScript基礎,以及UI設計交互,完成京東頁面的實現(xiàn)。
02JavaScript核心
在這一階段中我們將學習JavaScript核心,DOM編程,完成各種頁面動態(tài)效果以及動態(tài)交互,實現(xiàn)2048游戲?qū)崙?zhàn)項目。
03web前端核心
這一階段是web前端真正核心所在,學習內(nèi)容包括:jQuery、http協(xié)議及server端技術(shù)、HTML5高級,完成頁面各種功能及效果,能夠?qū)崿F(xiàn)服務器端的通信分析,實現(xiàn)京東訂單頁的功能分析。
04web前端高級技術(shù)
這一階段是web前端技術(shù)提升階段,學習內(nèi)容包括:bootstrap、angularJS、web APP、常用JS框架,微信開發(fā),實現(xiàn)web頁面到移動端的遷移和部署,掌握微信產(chǎn)品設計和接口開發(fā)實現(xiàn)的相關(guān)技能。
web前端學習路線三部曲
初級前端
主要學習三個部分:HTML,CSS,JavaScript
一、html+css部分:
這部分特別簡單,到網(wǎng)上搜資料,書籍視頻非常多。css中盒子模型,流動,block,inline,層疊,樣式優(yōu)先級等這些自學起來也是非常容易。最后再深入了解下瀏覽器差異性,ie9以下兼容簡單了解就行了,ie9以下瀏覽器被淘汰掉是趨勢,低版本沒必要浪費大量時間去學習兼容主流瀏覽器,google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內(nèi)容很多,建議在實踐中多多積累。
二、JavaScript部分。
1.基礎學習:
難點,也是重點,要學的內(nèi)容實在很多,如果沒有其他編程語言的基礎的話,學起來可能要費些力,有很多比較抽象的概念,必須要深入理解,比如閉包、原型、面向?qū)ο?、封裝等,要理解透徹??磿潜夭豢缮俚?,找一本優(yōu)秀的js書從頭到尾,反復研究學習,第一遍可以快速翻閱,大體知道了解概念即可,第二三遍就需要深入學習了。另外,js面向?qū)ο缶幊瘫仨氁獙W習,非常重要,個人推薦一本書, Stoyan Stefanov著,凌杰譯的《javascript面向?qū)ο笾改稀贰_厡W邊練,實踐出真知。
2.jQuery學習:
這些基礎知識掌握好之后,還需要學jQuery,這是一個非常優(yōu)秀的Javascript庫,大型開發(fā)必備。它簡化了Javascript的復雜操作,消除了Javascript跨平臺兼容問題,提供了大量實用方法,有良好的文檔和幫助手冊,是一個非常成熟的Javascript庫。慕課網(wǎng)學習視頻http://www.imooc.com/code/64.學習方法也很簡單,照著產(chǎn)品文檔做幾個頁面就行了,不用面面俱到,以后遇到問題查文檔就行了。
大概流程就是這樣,如下圖所示:
3.進階學習:
有了以上知識,對于大多數(shù)小型網(wǎng)站,你應該已經(jīng)可以寫出能夠工作的代碼了。但要想成為更專業(yè)的前端,你還需繼續(xù)努力。更高的要求大概還有四方面:易維護,可測試,高性能,低流量(移動端)
中高級前端
1.工具學習習:
大型項目中,前端代碼構(gòu)建已經(jīng)不是簡單的壓縮一下了,依賴管理、模塊合并、各種編譯步步不可缺少,需要學會使用grunt、gulp等前端構(gòu)建工具,要學習的還有:包管理器bower、npm,代碼優(yōu)化CSS Lint、JSHint、JSLint,CSS預處理器less、sass,代碼管理及版本控制svn、Git,web框架/服務器Node、Express,代碼規(guī)范、HTML模塊化、css模塊化。
2.布局框架學習如Bootstrap.
3.新技術(shù)html5學習。
4.js框架學習,requireJS、AngularJS等,往前端架構(gòu)師靠近。
5.nodejs學習。
高級前端工程師
下圖非常好的表達了高級前端工程師需要學習的內(nèi)容:
到招聘網(wǎng)站,參考任聘要求,準沒錯,舉例如下:
1.精通html和css,能制作符合W3C標準的靜態(tài)頁面;
2.精通JavaScript編程,對面向?qū)ο缶幊趟枷胗猩羁汤斫?
3.精通主流Javascript庫/框架jQuery;
4.理解并掌握JavaScript語言核心技術(shù)DOM、BOM有Javascript性能優(yōu)化經(jīng)驗;
5.對瀏覽器兼容性有深入的研究,精通各種瀏覽器問題 ;
6.了解Backbone.js、AngularJs等MVC框架并有實際項目開發(fā)經(jīng)驗;
7.了解asp.net等服務器后臺技術(shù)和擁有一定的C#編程能力者優(yōu)先;
8.對交互體驗、可用性、用戶體驗有一定程度的理解;
9.有良好的責任心和團隊合作能力、能承受較大的壓力;
猜你感興趣: