最重要的是一定要練習，而不是像背誦課文似的通讀所有知識並背誦。想快速入門的話我的建議是不論什麼教程，通讀一個知識塊後有所瞭解，不一定要當時就非得弄清原理理解透徹，先對所學知識有一個大概的概念，然後輔助練習，不斷結合之前學到的內容加深瞭解。練習練習練習。

看別人給你整理出來前端豐富的內容可能你會感到迷茫，到底從那裡學起？

HTML:先對html的標籤有個瞭解，這個時候快速瞭解一下常用的標籤和屬性即可。

CSS:這個時候就可以試著給寫好的html標籤進行“美化”

原生js還是jquery？本身不衝突，jquery本身就是js的工具庫，一開始我建議還是用jquery，不要去管現在vue angular react這些前端框架，有些知識還是需要至少是瞭解的，使用jquery而不是js也是為了快速對前端開發有個瞭解，jq可以簡化很多程式碼，並且歷史積累也有很多的外掛可用

以上三個內容儘可能的熟練使用，如果能找個簡潔而不簡單的網站進行模仿也是很棒的。熟悉之後就可以進行進一步拓展了，開始接觸前端框架，個人建議，如果沒有人帶的話可以先從vue開始，得益於vue漸進式的開發，也就是一步一步的增加內容，vue的上手難度低出成果快。跟著官網的demo練習，有所瞭解後再使用vue-cli開始前端的開發吧（之前的階段可以說都沒有用到前端如webpack的構建工具等，從vue-cli開始，你就會發現又是一個新的天地，精彩！）

我這裡說的還是比較粗糙的，但這是我推薦的一個線路，在這個線路上你肯定會遇到很多問題，比如html時會有塊元素行內元素等不同的表現，在css上有瀏覽器的相容性，不同瀏覽器表現不一致，js也有版本相容問題等，遇到一個問題解決一個並用你習慣的筆記軟體記錄，前端的內容很多，想一次性學完再開始那是不可能的，但是你可以一步一步的積累，積累，積累。

加油！

一個優秀的Web前端開發工程師要在知識體系上既要有廣度和深度！應該具備快速學習能力。

前端開發工程師不僅要掌握基本的Web前端開發技術，網站效能最佳化、SEO和伺服器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括程式碼的可維護性、元件的易用性、分層語義模板和瀏覽器分級支援等。

首先要學習div與css，這是最基本的，會這兩個就能寫靜態網頁了。入了門之後再去學習js與JQuery，這是實現一些特效的。還有現在火熱的H5與CSS3。最後要學習一些後臺，後臺語言要掌握一門，比如php。還有mysql資料庫、cms後臺管理系統也要了解一下。這些做前端都是要知道的。

“君子生非異也，善假於物也”，在學習的過程中還要多瀏覽一些優秀的網站，善於分析借鑑其設計思路和佈局方法，見多方能識廣，進而才可以融會貫通，取他人之長為我所用。

每個人的成長與基礎不一樣，結合自己的實際情況，在執行。還是重複一下，前端的核心是js，css不難，但需要來積累。對前端我是這麼看的。

一張圖告訴你前端開發應該怎麼學！

HTML5初級開發工程師學習路線

HTML5中高階開發工程師學習路線

HTML5大神級開發工程師學習路線

只要按照上面的學習路線學習前端開發，成為大神絕對沒問題。

web前端近幾年發展迅速，受到了很多企業的青睞和廣泛使用，然後企業需求大，人才的缺口也不斷增長，很多企業高薪也聘請不到專業的web前端人才，人才市場的短缺，讓web前端開發工程師的薪資一路水漲船高，越來越多的人看到這一市場前景，紛紛投入到web前端的學習中來，web前端就業薪資高嗎?現在市場有沒有飽和?參加web前端培訓好嗎?

雖然web前端現在市場發展前景很好，但是大家除了關心這個。更關注的是這個行業的薪資問題，想知道培訓完web前端之後就業薪資高嗎?對於薪資的問題，我想用資料來說明更有說服力。

在拉鉤網上搜索“web前端”相關職位，深圳的崗位應屆生月薪較低8k起，3年左右經驗的普遍月薪達到15k以上。web前端開發人員目前被普遍劃分為前端工程師，網際網路行業態勢大好，未來做前端開發的工資基本不會低於10k。

如果小夥伴們一定要有個詳細劃分，大概是這樣的：

具備基本獨立開發web前端能力的(一般是移動裝置上的web網站或APP)，月薪10k左右;

對各類家互動體驗拿捏到位或具備某項專業技能(如SVG、Canvas)，至少15k;

開發者英語能力好的，普通基礎上再加5-10k不等;

如果還懂德育法語這些稍冷門語言的，恭喜你，工資直接翻一番!

web前端開發的工資之所以那麼高，主要是因為市場需求量大。一家公司，除了技術以外的其他崗位都比較容易招人，而一個好技術，需要的是與公司產品有“心有靈犀一點通”的默契。只要你真的有能力，哪怕目前的薪資沒有達到預期，公司前景好的話，未來一樣能走上人生巔峰。

所以，web前端發展前景好，薪資也很可觀，想學習就現在開始吧，如果自學不能快速達到你想要的要求，那麼選擇千鋒這樣口碑較好規模較大的培訓機構學習吧，如今web前端開發已是大勢所趨，市場對於web前端開發人才需求也在不斷增加。千鋒教育作為業內首家建立完整web前端課程體系培訓機構，不僅為許多跨專業、零基礎的從業者提供了一個系統學習的平臺，同時也為想繼續深造的IT從業者，提供了更多精進學習的機會。千鋒教育完整的web前端課程體系培訓機構，不僅為許多跨專業、零基礎的從業者提供了一個系統學習的平臺，同時也為想繼續深造的IT從業者，提供了更多精進學習的機會。

學習web前端，可以參考千鋒提供的web前端學習路線，對從零基礎小白到web前端初級開發工程師，web前端高階開發工程師，後面的web前端大神級開發工程師都有一個明確清晰的指導，根據千鋒提供的web前端學習路線圖可以讓你對學習web前端開發需要掌握的知識有個清晰的瞭解，並快速入門web前端開發。

當下，前端開發工程師需要掌握的技能有：基本的Web前端開發技術，網站效能最佳化、SEO和伺服器端的基礎知識，學會運用各種工具進行輔助開發以及理論層面的知識，維護程式碼、保持元件的易用性、分層語義模板和瀏覽器分級支援等。那麼如何從前端萌新進階成前端工程師呢？

1.制定好學習的計劃，細化，列舉知識列表如下：

基礎知識：HTML、CSS、JavaScript；

進階：JQuery，HTML5，CSS3，ES6，框架；

附帶的知識：HTTP協議，AJAX；

2.制定每一天的學習進度，根據情況靈活調整。

3.閱讀前端開發書籍。推薦《Head First HTML與CSS》，這本書把知識點講解的很透徹，適合新手。閱讀書籍是因為前端的基礎知識很雜、很多、很細，一個影片所容納的資訊量是有限的，它沒有辦法將很零碎的知識全部都講解一遍。在沒有基礎的情況下，這些零碎的知識恰恰是非常非常重要。

4.做好每日學習筆記總結，學會如何打斷點除錯，查錯。