近幾年IT業可謂是發展火熱，而且新生了很多的職業。例如安卓開發工程師、iOS開發工程師。在這衆多的新生職業中備受矚目的當屬Web前端工程師了，前端工程師薪資高，就業發展前景好，更多的人選擇了這一職業成爲自己的發展方向，想要自己成爲一名合格的Web前端工程師，eb前小編整理的Web前端開發學習路線圖值得大家去看看。
以上這份學習路線圖是2019年最新的學習路線，挺適合大家借鑑來學習的。Web前端課程包括了幾個方面的內容：
1、學習HTML，這是最簡單，最基本的是要掌握div，formtable、Ulli、P、跨度、字體這些標籤，這些都是最常用的，尤其是DIV和表格，DIV，表也可以用於佈局，但不靈活，和用於基本表處理數據。學習資料的話可以加下web前端開發學習裙：659加上479再加上860自己去羣裏下載下。
2、學習CSS，CSS這裏說的不包括CSS3 Web前端開發工程師裏面我們看到的，一個可以使用HTML或CSS + CSS+DIV的界面佈局，所以CSS是用來協助HTML佈局和顯示，我們稱之爲“CSS樣式”，爲什麼說DIV+CSS?因爲我說div是HTML主要用於佈局的，所以div是這個東西的核心!CSS必須配合部。CSS必須掌握浮、位置、寬度和高度，以及最大值和最小值，以100%，溢出，邊緣、填充等。這些都是與佈局相關的樣式。
3、五月前學JS。你覺得還過的去，看看JS是可怕的，事實上，JS入門很簡單，不需要很多東西，只要根據ID或名稱DOM或”風格，或價值，然後以一個ID或名稱元標籤，或額外的數據，在HTML，這是對數據的操作有關係，那麼數據邏輯的影響，無非是一個跳躍，彈框，隱藏什麼，這一切都是結合其他應用，代碼一點都不難，將這些基本的JS。百度其他好。然後多看一些，不是什麼問題。
4、學習jQuery相當於封裝一組JS插件的JS。其目的是操作更方便，編寫更少的代碼，jQuery條目也非常簡單。這些都是切入點，要學會像JS，只是改變了JQ代碼。剩下的就跟百度一樣。
5，最好是指出背景語言，如java，php，爲什麼?因爲我們是前臺接口數據，從後臺到點，如果後臺代碼，你知道如何與後臺數據交互是最好的，它節省了時間，也可以使前端代碼更加規範。否則，可能是因爲你回來了，無法忍受的數據，然後前端代碼再次重寫，這將是可怕的。
學習一門技術，你得知道必須要學習的內容有哪些，哪些是更重要的，從淺入深瞭解一門技術，紮實的掌握住基礎的知識，才能讓我們更好的去掌握更精髓的課程內容。
1、敢於表現自己
不是說要像銷售一樣可以口若懸河的介紹和推銷自己，而是敢於把自己做的東西推薦給別人用。因爲很多時候人都是有惰性的，如果你把你自己的東西推薦給別人使用，那麼別人使用會提出一些意見或建議，甚至是bug，這個時候你需要不斷完善你的代碼從而提高自己。
比如說一個團隊裏面，A同學寫了一個插件，那麼推薦給團隊的其他同學使用，這個插件在項目的使用中會得到完善，從而水平會有所提高，看問題的視野也得到擴展。如果他一直都是自己用，可能自己會很熟悉，但是很多的情形是自己考慮不到的，最後自己這方面的實踐（學習）也到此爲止。
2、做好自己的筆記
是的，要做好自己的筆記，做筆記有很多方法，寫博客，用APP（印象、有道）等方式，做筆記是爲了更好記憶和理解自己學習到的東西。因爲開發或學習過程中會遇到各種各樣的問題，有些是當時不理解或者是找不出原因的，有些是很容易被忽視的，那麼你記錄下來，等到你下次遇到同樣或者類似的，那麼你可以快速得解決或者是搞懂一些以前不完全理解的知識。
這個是我入門的時候，我的上司教我的一個方法，我覺得很實用，一直到現在，很多可能大家覺得比較簡單的問題，我都會記錄，有一部分是記錄在開源中國的博客裏面，一個是爲了幫助自己學習，一個是幫助那些跟我一樣遇到這個問題的人。即使在網絡發達，搜索強悍的今天，我還是建議這麼做。
3、學習和提高團隊相關的開發技能
有這麼一種情況，團隊開發用的是react，然後有個同學自己的react都沒有掌握就跑去搞angularjs。說實話，我不反對學習任何的技術，當時在一個團隊裏面互相學習和團隊開發事實上是提高自己一個很好的途徑。如果團隊裏的一些技能自己沒有掌握，那麼你去學習其他技能很容易適得其反，因爲在團隊開發用到的技能是你工作中不可缺少的，如果沒有熟練掌握，你在工作中很多事情都做不好，而你新學習的技能因爲在工作中沒有應用場景，你也很容易忘記。
如果真的在你團隊中應該去使用一些新的框架或組件之類的，那麼可以跟leader或者同事溝通，提出自己的想法，給團隊引進新的技能。但是這個的前提是你能把舊的框架或組件搞懂，因爲你想替換舊的那必須能夠適用現在的場景，反過來說，你還是要熟悉現在團隊的開發。其實沒有不好的框架，只有更合適的框架。
4、做好自己的計劃
做工作計劃是我剛入門的時候，我上司教給我的一個技能。在工作過程中，我們經常被打斷，比如說要修復bug，或者是一些插進來的任務。這樣的事情多的時候我們經常容易混亂，這個時候做自己的工作計劃的重要性就突顯了。其實做工作計劃可以很簡單的，只要記錄自己做了什麼，什麼東西沒做，計劃什麼時候完成這些內容，這樣可以了。
除了做好工作計劃之外，做好自己的學習計劃。這個時代變化太快了，特別是前端，那個規劃好自己的學習我覺得是很有必要的。前端在快速發展，之前還是prototype.js 一轉眼就是jquery，再眨眼的時候angularjs、reactjs、vuejs就出來了。有時候我自己都會有點恐慌，覺得自己趕不上時代，但就因爲這樣，所以更要計劃學習，學習新框架的技術和了解它的應用場景，規劃好自己的時間，選擇性瞭解和學習一些新東西。
5、讀別人的源碼和造輪子
這裏說的讀源碼是隻讀取一些優秀插件或框架的源代碼，因爲這些代碼裏面會有很多的應用技巧、基礎擴展、設計模式等，這些都是很好的學習demo。比如說讀lodash你可以知道一些js的基礎應用和擴展，讀jquery你可以瞭解到一些設計模式和dom操作技巧、緩存技巧甚至是動畫運用等。
讀懂了、學習了別人的源碼，更易於自己造輪子，造輪子是爲了自己更好的去理解使用技巧和應用場景。但這裏並不是告訴你，什麼情況下都要造輪子，很多時候我比較建議用一些合適的成熟的框架，這個是出於開發效率考慮。那麼什麼時候造輪子？我覺得是爲了自己更好掌握這個輪子從而造一部車做準備，或者是這個輪子已經不能滿足自己的擴展。
6、參與開源項目或堅持一個自己的一個開源項目
其實這一點跟第一個觀點很像，第一個觀點敢於表現自己是爲了讓自己更好地學習技術，督促自己學習，而這個觀點我想說的則是要推銷自己，讓自己的一些理念和觀念產品化，做出一款屬於自己的程序（代碼產品），跟第一個觀點是一個質的提升。
簡單的來說就是把自己的插件或組件或框架當作一個產品來做，當自己學習到的知識應用到裏面去，讓你的代碼能夠應用到更多的場景或者再某一個應用場景下發揮更大的作用。現實的一個例子，我身邊一個朋友做了一款編輯器，打造了好些功能，其中有專題製作，在他服務過的幾個公司都用上了，而後有人通過這款編輯器找到他，給他提供了一個待遇不錯的崗位。
7、總結
技能的應用技巧學習很重要，但是我覺得一個人的心態和態度更加重要，所以要敢於表現自己，督促自己不斷學習，有一顆向上的心，好好的計劃自己的工作和學習，希望每個前端都能打造自己的產品。