1. 前端學習方向
你好，前端的學習方向有這么幾點
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
前端學習方向
你可以根據這個學習的步驟，從上到下看看你自己哪些是掌握的，哪些是沒有學過的，這樣你就可以查缺補漏及時的找到自己的盲區，然後重點的攻克這些盲區，希望對你有所幫助。
2. web前端學習路線是怎樣的
您好，web前端學習路線包括以下8個階段，希望可以幫助到你。
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、JavaScript函數式編程、JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
3. Web前端工程師的學習路線有哪些每個階段都學習什麼
今天小編要跟大家分享的文章是關於Web前端工程師的學習路線有哪些？每個階段都學習什麼?作為剛接觸Web前端開發或者已成為前端工程師的你，是否經常碰到以下疑問：
_1、零基礎從哪裡開始學Web前端？
_2、學Web前端要學習哪些語言？
_3、學完Web前端能做什麼？
__4、自學Web前端學的會嗎？
_5、學完可以去哪些企業就業？
__錈媒裉齏拍愣_eb前端進行一次深度剖析，讓你實現從小白到互聯網大牛的轉變。下面來和小編一起看一看吧！
一、初識前端
前端開發工作已經變的越來越復雜，僅僅是想羅列一份前端開發的學習列表就已經是一件艱巨的工作。曾經只要會編寫HTML,CSS和Javascript就是能夠找到一份前端開發工作的全部要求。而現在，Web開發遠遠不止是簡單編碼。因為我們的互聯網上有了更多的內容，也因為有更多的人、更多設備可以訪問互聯網,Web前端開發技能也就更多了。
新手學習前端的話，一定要想想為什麼要學習它，是出於一種什麼心態，然者輪後定位好自己，多向大牛請教，多教一些沒有自己水平高的人，那樣往往能讓自己成長的快，切勿急躁。在這里一定要對自己做分析，然後找出一種適合的學習方法。
好吧，其實只要你有熱情，這些還是很有趣的，現在就來仔細看臘祥看，一份前端開發的工作，到底需要你准備些什麼?
二、Web前端的學習路線
結合我的學習經歷、近年來輔導學生的經驗以及公司中實際項目的需求，在這里將Web前端的學習分為以下幾個階段，具體的學習路線圖如圖所示。
第一階段——HTML的學習
超文本標記語言(HyperTextMark-upLanguage簡稱HTML)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染後呈現給用戶。因此，我們必須掌握HTML的基本結構和常用標記及屬性。
HTML的學習是一個記憶和理解的過程，在學習過程中可以藉助Dreamweaver的「拆分」視圖輔助學習。在「設計」視圖中看效果，在「代碼」視圖中學本質，將各種視圖的優勢發揮到極致，這種對照學習的方法彌補了單純識記HTML標簽和屬性的枯燥乏味，想必對各位初學的小盆友們來說必定是極好的!
在學習了HTML之後，我們只是掌握了各種「原材料」的製作方法，要想蓋一幢樓房就還需要把這些「原材料」按照我們設計的方案組合布局在一起並進行一些樣式的美化。
第二階段——CSS的學習
CSS是英文CascadingStyleSheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。
同時CSS中的盒子模型、相對布局、絕對布局等能夠實現對網頁中各對象的位置排版進行像素級的精確控制。通過此階段的學習，我們就可以順利完成「一幢樓房」的建設。
「樓房」建設完成之後，我們可以交給用戶使用，但是如果想讓用戶獲得更佳的體驗，我們還可以對「樓房」進行更深一步的「裝修」，讓它看起來更「豪華」一些。
第三階段——JavaScript的學習
JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，藉助這些內容我們可以來實現一些客戶端的特效、驗證、交互等，使我們的頁面看起來不那麼呆板，_絲瞬間逆襲高富帥!有么有?
此時，也許你還沉浸在JavaScript給你帶來的驚喜之中，但輪嫌搏你的項目經理卻突然對你大吼道
「這個效果在××瀏覽器下不兼容，重新搞」
「不兼容?」瞬間石化了有木有?
「我擦，坑爹啊!那可是花了我一個晚上寫了幾百行代碼搞定的啊，吐血了都!」
_avaScript的兼容性和復雜性有時候的確讓我們頭疼，還好有「大神」幫我們做了封裝。
第四階段——jQuery的學習
jQuery是一個免費、開源的輕量級的JavaScript庫，並且兼容各種瀏覽器(jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支持)，同時現在有很多基於jQuery的插件可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其writeless,domore的核心宗旨。這個Feel倍兒爽!有么有?
第五階段——bootstrap的學習
「豪華大樓」至此拔地而起，但是每天這樣日復一日，年復一年的蓋樓，好繁瑣!能不能將大樓裡面每一個單獨部件模塊化，當需要蓋樓時就像堆積木一樣組合在一起，這樣豈不是爽歪歪?可以實現嗎?答案是肯定的。
_庵炙枷朐_eb前端開發中也是適合的，於是乎就出現了各種前端框架，在這里推薦給大家的是Bootstrap。
Bootstrap是Twitter推出的一個開源的用於前端開發的工具包，是一個CSS/HTML框架，並且支持響應式布局。一經推出後頗受歡迎，一直是GitHub上的熱門開源項目。
在項目開發過程中，我們可以藉助Bootstrap提供的CSS樣式、組件、JavaScript插件等快速的完成頁面布局和樣式設置，然後再有針對性的微調樣式，這樣基於框架進行開發大大縮短了開發周期。站在巨人的肩膀上就是爽！
三、Web前端的學習建議
最後給大家聊聊在學習Web前端中的一些建議和方法：
在CSS布局時需要注意的一個問題是很多同學缺乏對頁面布局進行整體分析，不能夠從宏觀上對頁面中盒子間的嵌套關系進行把握，就急於動手去做，導致頁面中各元素間的關系很混亂，容易出現盒子在浮動時錯位等情況。建議大家在布局時採用「自頂向下，逐步細化」的思想，先用幾個盒子將頁面從整體上劃分，然後逐步在盒子中繼續嵌套盒子。
「君子生非異也，善假於物也」，在學習的過程中還要多瀏覽一些優秀的網站，善於分析借鑒其設計思路和布局方法，見多方能識廣，進而才可以融會貫通，取他人之長為我所用。_
同時還要善於使用Firebug這個利器。Firebug一方面可以在我們學習過程中幫助我們調試自己的頁面，另一方面我們可以使用Firebug方便地查看、分析別人網站的源代碼，「偷」也是一種技能!
每個人的成長與基礎不一樣，結合自己的實際情況，在執行。還是重復一下，前端的核心是js，css不難，但需要來積累。對前端我是這么看的：
css就像一瓶酒，得品。
html,css總共就那些標簽跟選擇器屬性什麼的，但是要寫一個有擴展性，健壯性或維護性的頁面不容易。現在寫頁面基本條件反射，不是如何快速的完成，而是思考如果有界面需求修改，怎麼在修改代碼最少的情況下快速完成需求任務。這是對前端耐力，體力，智力的三重考驗。
js就像一把劍，得磨。
js剛開始只是為了較驗，隨便技術社會的發展，承擔的角色越來越重，剛開始玩玩jQuery感覺已經會js了，其實只是冰山一角。隨著對js的了解越來越多，他即變態又可愛，即好玩又難控，即有很多兼容問題，但解決兼容是我們基本生存之道。從ajax到jsmvc一路走一路看，高載潮一浪高過一浪
人生就是一場夢，得作。
技術只是生活的一部分，曾經雄心鬥志，如今低頭寫碼。改變能改變的，接受不能改變的。人生有限，兄爭朝夕啊。人生學習的態度是：不急不躁，不快不慢。持之以恆，相信自己。不求能改變世界，但求能改變自己的生活。不求健步如飛，但求一步一腳印。感謝磨難，他使我們內心更為堅強。感謝挫折，他使我們不斷的成長，感謝bug，他使我們的思維更加深邃。感謝前端，他使我們更加的相信，撐起一片天空需要十八般武藝。
文章部分內容來自於互聯網，學對自己有用的東西，感覺有不對的地方可以直接無視，只是一個參考，願大家的前端之路越走越遠。
如果你還沒有決定成為哪種程序員，市場高薪搶聘的WEB程序員是你不錯的選擇。WEB程序員有大量的機會，適合不同類型的人的需要。你可能是零基礎起步學Web前端、一個兼職的或者全職的專業程序員，WEB開發會給你提供很多。
以上就是小編今天為大家分享的關於Web前端工程師的學習路線有哪些？每個階段都學習什麼的文章，希望本篇能夠對准備學習Web前端工作的小夥伴們有所幫助，想要了解更多Web前端知識的小夥伴們記得關注北大青鳥Web前端培訓官網。最後祝願小夥伴們工作順利，學習成功。
4. 前端主要學什麼
1如何高效學習HTML5前端開發?
首先要學的是HTML、CSS，這兩個東西是一套的，非常容易理解，隨著web移動端開發的大趨勢，HTML5和CSS3的出現，對前端工程師來說面臨著新的挑戰。所以建議想系統學習的同學，最好是到專業的前端培訓機構去學習，比如達內web前端培訓開設的H5前端開發培訓課程，聘請一線級講師親自授課，手把手帶你做前端，這樣收獲的效果會更好，但如果選擇自學，應該先跟著書仔細、扎實的學一遍。然後就需要做大量的練習，做各種常規的、新穎的布局練習來捆固、理解自己的知識。css要熟練掌握float、 position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等，這些都是跟布局 有關系的樣式，是必須要掌握的。
2JavaScript技術學習
再次就是 Javascript，很多同學談到JS就很困惑，當然不是所有的網頁都必須有js，但是要想實現一些超酷的功能和界面的時候，就需要涉及到js。如果沒有其他編程語言的基礎的話，學起來可能要費些力。
在學習js的時候, 會接觸一些後端的東西，沒錯，就是ajax。這個是需要後端返回數據的， 這個時候你要開始學習php了, 入門php相比於js會更麻煩一些，因為運行php需要有很多細節要處理。
再次就是學習jquery。jquery是相當於把js封裝了一套的一個js插件。目的就是操作起來更方便，代碼寫的更少，jquery入門比較簡單，那些是入門需要學的和js一樣，只是換成了jq的代碼。
3其他方面技術學習
談到如何高效學習H5前端開發的問題，也要了解學習前端開發使用的工具，目前最常用的是Dreamweaver， 其曾經風靡一時，到現在也沒有退出歷史舞台，證明DW還是有很大優勢的，尤其是針對初學者，其強大的提示功能可以幫助我們很快的熟悉並掌握網頁布局。
5. 前端入門應該如何規劃自己的學習路徑
給你幾點建議和學習路線，參考一下：
1、作為一個初學者，你必須明確系統的學習方案，我建議一定有一個指導的人，全靠自己學，放棄的幾率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就都靠自己鑽研，第一步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。
2、視頻為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這里給大家提醒，書可以看，但是是在建立於你已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於你對於知識的理解。
3、對於學習技術來講，掌握一個學習方法是非常重要的，其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成「方法不對，努力白費」。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。
4、不建議自己一個人瞎學，在我了解學習編程的這些人來看，從零基礎開始學並且最後成功做這份工作的其實並沒有幾個，我覺得大部分原因就是因為他們都不了解web前端是干什麼的，學什麼的，就盲目的買書看，到處找視頻看，最後看著看著就放棄了，所以我建議初學者在沒有具體概念之前，還是找有經驗的人請教一下，聊過之後你就會知道web前端具體是干什麼的，該怎麼學，這是我個人的小建議，可以不採納。
《Vue.js權威指南》
Vue作為現在前端的主流框架，在國內應用最為廣泛，所以了解Vue原理必須要啃一本Vue的書籍。我之所以推薦這本，是因為這本書對於引導初用Vue的開發者有著質的提升。從基礎知識到主流打包以及源碼解析，還有很多實踐的案例，都是一本不錯的實用性書籍。主要內容包括數據綁定、指令、表單控制項綁定、過濾器、組件、表單驗證、服務通信、路由和視圖、vue-cli、測試開發和調試、源碼解析及主流打包構建工具等。該書內容全面，講解細致，示例豐富，適用於各層次的開發者。
《編程之美》
無論是什麼崗位的程序員，必讀的一本書籍，沒有讀過這本書的程序員幾乎都是假程序員。這本書有60道演算法和程序設計題目，這些題目大部分在近年的筆試，面試中出現過，或者是被微軟員工熱烈討論過。作者試圖從書中各種有趣的問題出發，引導讀者發現問題，分析問題，解決問題，尋找更優的解法。可以大幅度提高自己的編程思維和對於這個行業的深入思考，最終變成技術大牛。
相關的視頻教程需要的話，留言告訴我。
6. 如何成為前端工程師需要學哪些東西
第一部分：HTML。HTML是標記語言，也就是經常在代碼中看到的<p></p><div></div>。現在有了HTML5，提供了一些新的標簽語言，例如<header><nav><article><aside><footer>。這一部分最簡單，通常只需要2-3天學習就可以記住。
第二部分：CSS。css控制網頁的樣式，例如字體顏色、字體大小、行邊距等。css是盒模型，分為margin、padding、content和border。css樣式眾多，學起來需要很長時間，但在實際操作學習更快。學習這一部分，大概需要花費一周時間，以後在實踐中邊學邊用。
第三部分：JavaScript，前端的核心技術。js是一種腳本語言，用於實現網站中各種功能，例如表單提交、播放器等。這一部分學習是沒有盡頭的，想成為一名初級前端只要學五個月左右的時間，學習function的正確寫法即可，邏輯演算法需要長時間的研究。
第四部分：HTTP協議。HTTP協議使互聯網的基礎協議，也是網頁開發的必備知識。需要學習的時間不用太長，在學習JavaScript後會很快上手，需要時間大約為一周左右。
第五部分：三大框架，Angular/React/Vue，三種是目前主流框架。Angular全面，項目代碼多；Vue輕便，針對性解決問題，拿來就用，開發具有局限性。新手建議從Vue上手，再去了解React和Angular。
7. web前端工程師入門需要學什麼
第一階段：前端頁面重構
內容包含了：PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目。
第二階段：JavaScript高級程序設計
內容包含：原生 JavaScript交互功能開發項目、面向對象進階與 ES5/ES6應用項目、JavaScript工具庫自主研發項目。
第三階段：PC端全棧項目開發
內容包含：jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目。
第四階段：移動端項目開發
內容包含：Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目。
第五階段：混合(Hybrid,ReactNative)開發
內容包含：微信小程序開發、React Native、各類混合應用開發。
第六階段：NodeJS全棧開發
內容包括：WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫。
第七階段：大數據可視化
內容包含：大數據可視化基礎與實戰、一、數據可視化入門、二、D3.js詳解、三、其他JS庫。
8. 前端開發需要學習什麼應該怎麼學
目前前端開發主要通過自學和報班學習兩種途徑學習，自學的難度高一些。
自學的話，要先規劃好自己要學哪些知識，從哪裡入手，有困難如何解決。機構學的話，就要選一個靠譜的機構。近幾年，前端的發展還是非常好的，市場需求大，加上學習起來也相對簡單，有眾多人選擇並學習。
學習的內容包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
想要系統學習，你可以考察對比一下開設有IT專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能，建議實地考察對比一下。
祝你學有所成，望採納。
9. 前端怎麼學
與其他計算機主流技術所不同的是，Web前端所包含的知識模塊很多，就目前而言，HTML、CSS、JS、DOM是目前前端技術最為基礎也是最為主要的四大模塊，但會隨著實際需求而有所改變。
一名優秀的Web前端工程師，需要JavaScript語言基礎扎實，具有良好的規范開發習慣；熟悉常用的設計模式，熟練使用Vue、Angular技術棧開發；能夠熟練使用angular、vue、echarts、jquery、react等框架進行傳統開發；要熟悉MVVM、MVC開發模式；熟悉前端工程化、自動化技術，可以根據需求配置Gulp文件及更改Webpack配置文件；熟練使用git版本管理工具。
此外，還要熟悉HTML5、CSS3的新特性，了解不同瀏覽器之間的差異，製作出的頁面能夠有很好的兼容性。
Web發展得很快，幾乎每天都在變化！如果沒有快速學習的能力，就跟不上 Web發展的步伐。作為前端工程師僅僅依靠今天的知識是無法適應未來的，必須不斷提升自己，不斷學習新技術、新模式。因此，不僅作為新人小白要努力學習，提高自己；就連已經入職三五的前端開發工程師，也需要不斷學習，了解前端技術的變化，提高自己的技術技能。