偽裝-嘴角輕蔑的傷
首先前端相比之下確實比較好學... 另一方面，前端的需求很大，基本上所有的公司一定是要有前端程序員的，有很多公司現在的技術棧已經很落後了，甚至有一些公司還沒有用現在流行的框架，還在用jq，你只要會基本的HTML和css，然後學一下jq的API找到一份前端的工作是很容易的，但是工資水平就不說了。
稍微好一點的程序員，應該是有一定的框架項目經驗，然後對css和js的運用有一定的心得。框架已經改變了前端目前的生態，熟練使用之後前端的開發已經變得非常容易了，你需要注意類似狀態管理，生命流程管理之類的事情。另外就是類似webpack之類的工具，瞭解一下先慢慢就上手了。
然後前端經常會說全棧這種說法，js的發展趨勢非常迅猛，至少了解一下node的相關知識，這樣會對你前端工作有一定幫助。
能想起來的（其他的以後再補），html+css你要做到：
佈局(flex,grid)->樣式(css3)->CSS動畫->適配->
js方面個人
熟悉各種神奇的方法，比如：
體會js裡面萬物皆為對象的思想，瞭解原型鏈這個神經的設計，瞭解js裡面獨特的神奇的數組。
《JavaScript語言精粹》是一本不錯的書，很薄的一本書但是內容比較有啟發性，建議可以讀一讀。
之外的，算法一定要學的，然後瀏覽器的各種video，audio，canvas要了解的，最好深入至少一種API，一技傍身很有好處的。
綜上，看你想做什麼程度的前端程序員了，中間的收入差距能差一個數量級...
一定要養成良好的代碼習慣，寫註釋。
學習路線
一、HTML、CSS基礎、JavaScript語法基礎。學完基礎後，可以仿照電商網站（例如京東、小米）做首頁的佈局。
二、JavaScript語法進階。包括：作用域和閉包、this和對象原型等。相信我，JS語法，永遠是面試中最重要的部分。
三、jQuery、Ajax等。jQuery沒有過時，它仍然是前端基礎的一部分。
四、ES6語法。這部分屬於JS新增的語法，面試必問。其中，關於 promise、async 等內容要尤其關注。
五、HTML5和CSS3。要熟悉其中的新特性。
六、canvas。面試時，有的公司不一定會問canvas，靠運氣。如果時間不夠，這部分的內容可以先不學。但如果你會，絕對屬於加分項。
七、移動Web開發、Bootstrap等。要注意移動開發中的適配
長治資訊show
前端開發人員的地位也日益提高，相應的技術要求要是越來越高，那麼現在想成為一名合格的Web前端工程師應該怎樣學習呢Web前端學習路線圖，希望對初學者有幫助。
一、WEB基礎
前端開發入門學習有：HTML、CSS、JavaScript（簡稱JS）這三個部分。所以在學習之前我們需要先明確三個概念：
HTML，它的作用是表示一個HTML標籤在頁面裡是個什麼角色。
CSS，它的作用是表示一塊內容以什麼樣的樣式（字體、大小、顏色、寬高等）顯示。
JS，它的作用是當用戶觸發某些行為時，會給內容和樣式帶來什麼樣的改變。
二、JQuery
學習jQuery相當於封裝一組JS插件的JS。其目的是操作更方便，編寫更少的代碼，jQuery條目也非常簡單。這些都是切入點，要學會像JS，只是改變了JQ代碼。剩下的就跟百度一樣。
三、前端相關框架
JQuery / Bootstrap / Vue.js /React / Angular通過框架幫我我們快速開發程序。
學習前端開發也就這些基本的路線，不求快，只求穩，在學這門語言的時候要多練，尤其對於初學者來說，當然，前端開發是所有語言中工具是最多的一門語言，框架也多
學習一門技術，你得知道必須要學習的內容有哪些，哪些是更重要的，從淺入深瞭解一門技術，紮實的掌握住基礎的知識，才能更好的去學習和運用。
IT老田
初級前端
主要學習三個部分：HTML，CSS，JavaScrip
（1）html + css部分
這部分特別簡單，到網上搜資料，書籍視頻非常多。css中盒子模型，流動，block，inline，層疊，樣式優先級等這些自學起來也是非常容易。最後再深入瞭解下瀏覽器差異性，ie9以下兼容簡單瞭解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費大量時間去學習兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內容很多，建議在實踐中多多積累。
（2）JavaScript部分
基礎學習：難點，也是重點，要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向對象、封裝等，要理解透徹。看書是必不可少的，找一本優秀的js書從頭到尾，反覆研究學習，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學習了。另外，js面向對象編程必須要學習，非常重要，個人推薦一本書， Stoyan Stefanov著，凌傑譯的《javascript面向對象指南》。邊學邊練，實踐出真知。
jQuery學習：這些基礎知識掌握好之後，還需要學jQuery，這是一個非常優秀的Javascript庫，大型開發必備。它簡化了Javascript的複雜操作，消除了Javascript跨平臺兼容問題，提供了大量實用方法，有良好的文檔和幫助手冊，是一個非常成熟的Javascript庫。慕課網學習視頻幕課網。學習方法也很簡單，照著產品文檔做幾個頁面就行了，不用面面俱到，以後遇到問題查文檔就行了。
進階學習：
有了以上知識，對於大多數小型網站，你應該已經可以寫出能夠工作的代碼了。但要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：易維護，可測試，高性能，低流量（移動端）。
盛夏知道
如今在整個技術領域，Web前端開發永遠站在第一線直面用戶體驗，已成為當下互聯網行業緊俏的高端技術崗位，越來越多的人想要學習Web前端，成為一名Web前端開發工程師。
看你的問題，應該也是初學者。一般來說0基礎/初學者，在學習Web前端時很容易陷入理論派以及不知道怎麼去學習，如何系統學習的一些誤區，經常是學一個階段就迷茫了，這個原因大體就是目標不明確，以及學習路線不清晰造成的。
因此，你需要明確Web前端培訓要學哪些東西，學習路線是怎麼樣的。所以你先了解學習路線是很正確的，學習還是要講究章法。
根據你的需求，安妹給你分享我們實用性高並且就業市場反饋很好的前端課程大綱。思維導圖比較大，看著不太清晰，這邊以階段的形式給你分享：
Web前端培訓學習需要哪幾個階段，從哪裡開始學，主要學什麼？以及不同階段配合要做哪些項目實戰？學習完可以實現哪些目標？
第一階段：企業級網站開發流程及規範+靜態頁面製作（html5+css3）
web應用原型製作+靜態頁面製作
·軟件開發流程
·Axure 草圖製作方法
·網頁圖片處理規範+基礎操作流程
·網頁高保真製作
·HTML+HTML5網頁基礎標籤
·CSS+CSS3從入門到實戰
·實戰：企業Axure項目高保真運用及頁面100%靜態還原
“通過本階段學習及項目實訓，你可以掌握web應用開發流程，進行網站業務以及功能分析，對Axure 、ps相關軟件進行基礎操作，完成網站高保真製作。並能根據高保真圖，利用html5+css3進行100%的頁面還原”第二階段： Web前端核心基礎課程——Web前端原生Js+jQuery+Bootstrap
·JavaScript從基礎到進階
·ES6從基礎到項目運用
·jQuery從使用到設計思想的講解
·Bootstrap的使用及原理講解
·實戰：管理系統商業項目小組實戰訓練與考核
“通過本階段學習及項目實訓，你能夠更好地掌握原生JavaScript，強化學生JS基礎以及dom操作在實際項目中的應用場景，對項目進行響應式開發。以及jQuery和Bootstrap的應用”第三階段： Web前端進階課程——大web前端全棧開發
·MySQL數據庫操作及範式理論
·Node.js+Express全棧開發
·自動化構建工具與版本管理器運用（gulp、svn、git）
·less預處理語言入門到項目使用
·HTML5高級應用，canvas畫圖動畫講解
·實戰：企業pc強化課程-電商項目實戰開發
“通過本階段學習及項目實訓，你能夠掌握軟件開發流程，掌握項目自動化構建、熟練使用版本控制器管理項目，規範接口文檔，理解模塊化編程，熟練掌握數據可視化，從前臺頁面到服務器、數據庫進行全棧開發。”第四階段： web前端高級框架課程——前端MVVM框架實戰
·JavaScript高級應用
·Vue.js
·實戰1：利用vue全家桶進行後臺管理項目開發
·實戰2：商業小程序項目開發與實訓
·React.js
“強化Vue框架的相關知識點及應用實踐，高達六週的實戰訓練，極度貼近企業實際應用過程中的一線技術，你可以熟練掌握mvvm前端架構，熟練掌握小程序開發流程。精通react框架及flux架構並進行webapp項目開發。”以上是我們Web前端培訓課程的框架內容，整個課程共分為四個階段，課程週期共120天，其中項目實戰佔比高達50%以上，其中兩個月會與Java班級完成前後端合作開發大型項目，提前體驗企業級開發的團隊氛圍，在保證基礎知識夯實的基礎上，突出企業實際運用，突出真實企業項目實戰。
5個半月時間內，將通過自主以及團隊合作，完成包括完整靜態頁面、全流程電商項目、小程序項目等在內的5套實戰項目，通過大量的真實企業級項目實戰，在項目的實施中全方位提升技術能力、學習能力和解決問題的能力。
整個學習過程，只要你認真努力地學，用心完成實戰項目，找工作都是順理成章的事情。成功會眷顧每一個努力拼搏的人。
國信安教育
路線上講的話，我覺得還是要先考慮個人是否有計算機語言基礎。
如果有JAVA 或者C#等語言基礎的話，過度過來JavaScript就簡單些，起碼js語言基礎學起來要簡單些。這類同學建議可以瞭解JS初步語言邏輯和應用後，主要把CSS,HTML這些前端基礎吃透。
另一類沒有計算機語言基礎的同學，就像我，建議一定要多吃透JS，確定自己基本可以駕馭這門語言的基礎上，逐步結合HTML和CSS進行初步開發。
當然JQUERY雖說是比較老派的JS庫，但是對所有初學者來說都是必要的基礎技能，即使到了工作崗位上，很多時候也是一把鋒利的武器。
在歷經基礎開發能力的建立後，可以進一步熟悉前端三大框架，最好有所側重，建議vue是基礎，react是進階,angular先理解。
移動框架也要了解一些，比如多端混合的uniapp，reactnative,以及我要推薦的Flutter。
以上。
笑笑西紅柿
初級前端
主要學習三個部分：HTML，CSS，JavaScrip
（1）html + css部分
這部分特別簡單，到網上搜資料，書籍視頻非常多。css中盒子模型，流動，block，inline，層疊，樣式優先級等這些自學起來也是非常容易。
（2）typescript+vue+nodejs
用這些技術做項目
奇峰寰宇
Html5→JavaScript→Css3→JQuery
→工具庫及響應佈局框架，BootStrap
→前後端分離，VUE，EIementUI！
觀察員同志
從基本的js,html,css基礎知道打好，後面做一個實際項目功能DEMO，把理論與實際結合一下，後面離級篇可以學習一下vue等前端框架等
