『壹』 前端基礎必備知識有哪些
基礎：HTML/CSS/JavaScript
框架：VUE
UI：elementUI
『貳』 開箱即用的React前端框架——ReactAdmin
ReactAdmin是一個Github上免費開源的前端框架（不是組件庫，也不是模板，它是一個框架），採用es6、React和Material Design構建基於Rest/GraphQl API的Web應用程序。在React上star數超過8k。
https://github.com/marmelab/react-admin
ReactAdmin不是個UI組件庫，它是一個前端框架，因此你基本上基本上只要按照官網的文檔進行一些配置等然後在其基礎上開發自己的應用程序即可，可謂開箱即用，意識就是都給你集成好了。
你可以直接使用以下命令進行安裝（這是安裝react-admin及所有的依賴）
下面我們看一下官網提供的一個最簡單的示例，你可以在它的主倉庫中獲取
我們進入到simple中，大致看一下代碼和目錄結構
我們安裝一些依賴然後啟動
成功後打開瀏覽器，這是使用react-admin最簡單的一個例子
一圖了解
由於ReactAdmin是一個非常復雜的框架，你可以參考提供的文檔，我這里就不詳細介紹了，感興趣的可以直接看文檔，文檔是英文的，所有的說明都在文檔中。
https://marmelab.com/react-admin/
ReactAdmin它是一個集合，它將一些前端開發所需要的東西都集成了進來，然後做好，我們直接使用即可，不僅僅適合個人學習，也適合通過它來構建企業級的應用。我們不僅僅是拿過來直接用，我們可看一看別人是怎麼實現這樣的一個框架的，從源碼去學習會更快的提升自己的水平，希望對你有所幫助！
『叄』 自學前端要如何開始學起
前端自學者存在的學習誤區：
1、所學東西可能已過時
奉為經典的東西可能已經過時，或者已經有了更好的替代者，而你獲取信息的渠道有限，消息滯後，導致學習的內容也相對滯後。
2、學習方法盲目。
看書看不懂就找視頻類教程學習，覺得教程跟自己的口味不符就另尋他法，因為自己缺少對資源的辨識能力，總是在沒有清晰規劃學習線路的情況就盲目學習，導致無效學習時間過長而收獲寥寥。
3、只有理論，缺乏真實項目鍛煉。
對技術的理解停留在理論層次，而缺乏真實企業項目的歷練，如果沒有相關實習或工作經歷，對前端崗位具體的責任劃分和工作流程了解不充分。
學習路線：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)
視頻教程需要的話留言。
『肆』 自學web前端，應該從哪些知識入門呢
介紹一下Web前端學習路線，幫助零基礎的小夥伴更好的學習。
1、前端頁面重構。主要內容為PC端網站布局、HTML5+CSS3基礎、WebApp頁面布局。學習目標是完成PC端網站布局，WebApp頁面布局，還要可以通過HTML5+CSS3的2D、3D等屬性實現一些精美的動畫效果。
2、JavaScript高級課程、PC端全棧項目開發。主要內容為原生JavaScript、面向對象進階與ES5/ES6應用、JavaScript工具庫自主研發、JQuery經典交互特效開發、HTTP協議、Ajax進階與後端開發、前端工程化與模塊化應用以及AngularJS等。學習目標是可以通過原生JavaScript開發交互功能，實現網站上的交互效果，以及模塊化應用等，實現完整的前端工程。
3、Web前端框架、混合開發(Hybrid，RN)、大數據可視化。主要內容為Node.js後端開發、Vue.js前端框架、React前端框架、混合開發(Hybrid，RN)、Angular前端框架、大數據可視化等。學習目標是可以獨立完成相應的項目，如場景，應用Vue.js/Ionic/React.js等框架開發WebApp，小程序項目開發，以及各類混合應用項目開發等。
以上就是為大家規劃的學習路線，相信學完該課程即使是零基礎的小白，也能熟練掌握移動Web網頁開發、JavaScript網頁編程、前後端交互、小程序項目開發，以及各類混合應用項目開發等核心技能，勝任前端開發工程師的崗位。
『伍』 想學前端開發，但不知道怎麼學，從哪裡入門
你可以參考一下以下的學習路線進行學習：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)
前端書籍
1、《JavaScript高級程序設計(第3版) 紅皮書 》，適合有一定編程經驗的Web應用開發人員閱讀，也可作為高校及社會實用技術培訓相關專業課程的教材。
2、《JavaScript權威指南(第6版)》 犀牛書，本書不僅適合初學者系統學習，也適合有經驗的 JavaScript 開發者隨手翻閱。
3、《JavaScript DOM編程藝術 (第2版)》，本書在簡潔明快地講述JavaScript和DOM的基本知識之後，通過幾個實例演示了專業水準的網頁開發技術，透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐，並全面探討了HTML5以及jQuery等JavaScript庫。
4、《CSS權威指南(第三版)》，不管你是一個有經驗的Web開發人員還是一個徹底的初學者，《CSS權威指南(第3版)》都是你的CSS學習源泉。
5、《JavaScript設計模式》，適合JavaScript初學者、前端設計者、JavaScript程序員學習，也可以作為大專院校相關專業師生的學慣用書，以及培訓學校的教材。
6、《你不知道的JavaScript(上中下卷) 》，本書既適合JavaScript語言初學者了解其精髓，又適合經驗豐富的JavaScript開發人員深入學習。
7、《Vue.js權威指南》，該書內容全面，講解細致，示例豐富，適用於各層次的開發者。
『陸』 前端從入門到精通大概需要多長時間
對於初學web前端開發的人來說，想要從入門到精通，除了需要學習基礎知識，項目實戰也很重要，也就是說需要的時間不會短，一般來說需要五個月多月左右，前端開發是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML、CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互 。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。
1、前端頁面重構。主要內容為PC端網站布局、HTML5+CSS3基礎、WebApp頁面布局。學習目標是完成PC端網站布局，WebApp頁面布局，還要可以通過HTML5+CSS3的2D、3D等屬性實現一些精美的動畫效果。
2、JavaScript高級課程、PC端全棧項目開發。主要內容為原生JavaScript、面向對象進階與ES5/ES6應用、JavaScript工具庫自主研發、JQuery經典交互特效開發、HTTP協議、Ajax進階與後端開發、前端工程化與模塊化應用以及AngularJS等。學習目標是可以通過原生JavaScript開發交互功能，實現網站上的交互效果，以及模塊化應用等，實現完整的前端工程。
3、Web前端框架、混合開發(Hybrid，RN)、大數據可視化。主要內容為Node.js後端開發、Vue.js前端框架、React前端框架、混合開發(Hybrid，RN)、Angular前端框架、大數據可視化等。學習目標是可以獨立完成相應的項目，如微信場景，應用Vue.js/Ionic/React.js等框架開發WebApp，微信小程序項目開發，以及各類混合應用項目開發等。