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