一花一世界hq
我是一個工作了多年的前端開發者，我來回答一下這個問題。
近幾年隨著移動互聯網的高速發展，智能設備的興起，前端在整個項目的開發中的地位舉足輕重。前端開發者一度成為企業的香餑餑。大批的開發人員湧向了前端，也包括我。
前端入門相對其它語言比較容易。下面我大致列舉一下前端學習路線。
1、html、css（包括css3）、JS(ecmascript,dom,bom)基礎 這些是前端的根，不管什麼技術都離不開這幾個前端學科。
2、入門了以後，接下來一定要擼一把jquery，一個前端開發者，jquery是必備的，雖然現在jquery已經沒有前幾年火熱了。
3、有了js基礎，上手了jquery，那麼就可以回過頭來再學一下js的高級知識點了。比如js面向對象，閉包、ES6 等。
4、再往後可以開擼Vue、react、angular 了，當然這三個框架前期建議只學一個即可，建議Vue，簡單易上手。
5、前端圖形學。主要就是html5提示的新的標籤canvas提供一套繪圖的API，結合一些canvas封裝庫，建議學
phaser.js
，再深入了就是webgl 3D繪圖了，對應的比較流行的庫有threejs。6、基礎打勞了以後，可以試著去讀下Jquery和Vue的源代碼，相信我，你一定會有很大的收穫。
7、js相關的一些設計模式，算法。然後就是做整站的前端架構。
前端的路很長，坑也比較多。我也是一路踩坑過來的，我的回答能幫助到你。
暢哥聊技術
從個人和職業發展的角度來說，為了讓自己的職業走的更遠，我的建議是這樣的：
首先會一門基礎的編程語言，比如java，C，C++這些語言基礎，如果有了這些基礎的編程思維，你走前端方向是很容易的。
其次掌握基礎的數據結構、算法、設計模式，這是學任何語言開發業務應用的基礎，掌握了這些能讓你在工作中走的更長遠些。
還有基礎的數學和英語基礎，因為前端學深入了和數學是分不開的，比如你要研究動畫圖形動畫方向，沒有數學基礎思維你是做不下去的。英語的重要性我就不必說太了，因為前端知識更新太快，最新的文檔都是英文版本的，能閱讀基礎英文是必備的基礎。
對前端的興趣也十分重要，你為什麼選擇前端，因為前端更新太快，如果沒有足夠的興趣是無法支撐你時刻保持激情學習新的內容的。
接下來就是前端的一些基礎了，建議一定從基礎學起，別一上來就是框架之類的，建議先從基礎的css和js學起，一定要看前端的入門經典書籍紅皮書和那本犀牛封面的書籍，不建議一上來就看視頻學習，這樣你就沒有紮實的基礎。基礎的內容很重要，基礎的內容很重要，基礎的內容很重要。重要的事情說三遍，基礎知識一定要打牢固了。
光看這些基礎內容，是很容易忘記的，一定要動手實踐，養成學習記筆記的習慣，如果你能將學到的內容整理成文章，那就更好了。
學完這些基礎內容後，你就要開始考慮選擇自己的興趣方向了，是對基礎的業務應用場景感興趣（那種增刪改查的業務系統），還是對界面的動畫效果甚至網頁遊戲感興趣。有了方向後，在學習更深入的技術。比如基礎業務系統建議選擇目前比較主流的三大框架：Angular，React，Vue。 Vue很簡單，很適合初學者。如果你對動畫感興趣，一定要仔細研讀CSS3的相關屬性，如果更復雜點的三維動畫就是webGL, ThreeJS了。如果你對後端業務感興趣可以學習NodeJS。
前端達人
很高興能回答您這個問題，以下我為大家分享，我個人對這個問題的看法與想法，希望我的分享能給大家帶來幫助，也希望大家能夠喜歡我的分享。
作為一個從業16週年的IT老兵，見證了互聯網Web應用一步步發展至今。從最簡單的靜態Html網頁，到動態數據庫驅動的網頁，再到現在百花齊放的前後臺Web應用框架，Web技術棧變得越來越豐富，豐富到剛入行的朋友都無從下手。但是萬變不離其蹤，我建議想入門前端的Web開發者從基本的Web原理開始，掌握Html，熟悉CSS+Div佈局，熟練使用javascript、DOM操作，進階學習JQuery，最後再瞭解下Bootstrap佈局框架和流行的前端框架（比如Vue或者React等），基本就算是入門了。當然這些東西都得循序漸進，絕不是一日之功。
Web交互原理
瞭解Web的原理稱不上一種技能，但是作為Web應用開發者，如果連這點都不知道就有點說不過去了。而且理解這個原理，就會清晰的理解前後臺如何交互。
Web交互的原理其實並不複雜，我們請求一個網頁，其實就是通過輸入網址，瀏覽器向網站服務器發起HTTP請求，網站響應請求，同樣也通過HTTP方式回覆瀏覽器Html網頁或者應用數據。其中Web服務器關於動態數據處理的部分就是後端，而作為瀏覽器展示和交互的部分就是前端了。
經典前端入門組合HTML+CSS+DIV
嚴格的來說，上述的技術棧首先是Html語言，它是一種用於創建網頁的標準標記語言。原則上，只需要使用Html語言，就可以做網頁而不依賴與其他技術，不過現在沒有人這麼使用。
然後再來看看DIV+CSS，DIV+CSS是網站的基本佈局技術，其實比較早的網站是使用表格（table）來佈局的，在後來的XHTML網站設計標準中，不再使用表格定位技術，而是採用DIV+CSS的方式實現各種定位和風格展示。作為前端開發人員，需要網頁展示出各種效果，DIV+CSS技術是必不可少的。
javascript、DOM、jQuery
這三種技術其實起到的作用是相同的，都是為了動態操作Html元素以實現各種效果。它們三者是順序發展的產物。
JS(javascript)，是一種可以插入到html中的輕量級編程腳本語言。在一個html中將js代碼放在script標籤中即可使用。js在html中主要的作用就是用來給網頁增加動態功能的，放置功能函數。
DOM定義了所有 HTML 元素的對象和屬性，以及訪問它們的方法。可以把其看作為一個API，利用裡面的方法可以對html元素進行訪問、刪除、修改、增加以及添加事件。
jQuery是一種js框架，也可以是一個js的函數庫，並含有許多插件(不是一門語言)。jQuery的優點是比較簡單，用起來很方便，對於DOM操作不需要寫那麼複雜的函數名稱和方法。
前端框架三駕馬車
前端技術發展比較迅速，尤其是這幾年，各種新框架層出不窮。用框架的好處就是很多東西框架已經幫你考慮好，只要按照框架個格式操作就可以，缺點就是你得學習去理解，但個人覺得這個學習是值得的，有輪子幹嘛不用呢。現在前端框架主流的大概就三種，Angular、React、Vue，三者的設計模式其實差不多，都是基於MVVM的。個人感覺Vue相對要簡單些，而且目前勢頭比較好，文檔比較齊全（中文的噢），更新什麼都比較快，順便提下它還是中國人（大神尤雨溪 ）寫的。建議學習前端框架首選Vue。
以上介紹的僅僅是Web前端技術的一個基本脈絡，還有很多旁支末節的前端技術，都提出來又會搞得新手無所適從，建議大家可以從主線出發，等到梳理清楚後再順藤摸瓜，那也就不會再有疑惑了。
在以上的分享關於這個問題的解答都是個人的意見與建議，我希望我分享的這個問題的解答能夠幫助到大家。
在這裡同時也希望大家能夠喜歡我的分享，大家如果有更好的關於這個問題的解答，還望分享評論出來共同討論這話題。
我最後在這裡，祝大家每天開開心心工作快快樂樂生活，健康生活每一天，家和萬事興，年年發大財，生意興隆，謝謝！
亮亮老師之計算機編程
1、具有良好的溝通與表達能力，工作積極主動，有責任心； 2、具有較強的頁面製作功底（DIV + CSS佈局），熟悉JavaScript、Ajax、Html5、CSS3等WEB開發技術；
3、熟悉jQuery、Bootstrap、Vue.js、Element-Ui等主流前端開發框架，精通Vue.js優先；
4、掌握Photoshop、Illustrator等設計軟件，具有一定的審美能力和基礎的美工操作能力；
5、熟練使用前端相關開發調試工具，積極解決頁面兼容性問題；
6、有移動端開發經驗；
關注公眾號邦圈職，月薪6k-8k武漢本地前端工程師火熱招聘中！
阿德邦HRSaaS
前端開發大致分為2個方向，Web端和移動端：
1、Web端開發，知識圖譜如下：
2、移動端開發，包括原生開發（IOS開發、安卓開發），小程序開發等等：
