文章目錄
第一階段：前端入門HTML5 +Css3+電商網頁製作
第二階段：JavaScript系列
第三階段 服務端程式設計
第四階段 Vue。js
第五階段 小程式
第六階段 React。js 基礎
前端學習路線圖火熱出爐啦，還在為如何系統學習苦苦尋覓資源麼？
2021年新版前端學習路線圖這不就來了麼！小夥計們甩開膀子學起來吧。
只要能堅持學下來走上人生巔峰不再是夢。
第一階段：前端入門HTML5 +Css3+電商網頁製作
課程內容：
HTML5 是網頁開發的基礎，從最簡單的網頁開發基礎入手，使用常見的標籤製作網頁內容
Css3透過浮動、定位、Flex精細控制網頁佈局，透過背景、圓角、陰影、漸變等美裝飾美化網頁內容，結合轉換、過渡、動畫高階特性增強使用者體驗，能夠編寫大型綜合性網頁。
電商網頁製作，基於設計稿編寫網頁，確保網頁佈局的高還原度，綜合運用 HTML、CSS的基礎知識，歸納使用技巧，提升綜合實戰水平，藉助藍湖協同平臺，體驗真實團隊開發流程。
黑馬程式設計師Web前端入門教程，零基礎前端影片教程pink老師_html5+css3+移動web實戰專案
第二階段：JavaScript系列
JavaScript 基礎語法
瞭解語言的基本概念，熟識語法規則，培養語言基礎邏輯能力，建立良好的程式設計思維，具有一定的語言駕馭能力。
黑馬程式設計師JavaScript全套教程_零基礎入門JavaScript，Web前端必學的JS教程
WebAPI/Dom Bom操作方法
學習客戶端開發技術，能夠根據產品需求完成開發任務，如視覺互動、資料處理、安全、效能等，熟練掌握 DOM操作的方法，能夠分析視覺互動需求，結合 CSS 規則設計合理的 DOM 結構，完成開發任務。
黑馬程式設計師前端基礎教程-JavaScript核心教程，JS必會的DOM BOM操作_pink老師
jQuery
藉助 jQuery 提升開發的效率，同時借鑑和學習 jQuery 的封裝實現思想，鞏固面向物件的相關知識，加深對面向物件的理解。
黑馬程式設計師前端基礎必備教程|jQuery網頁開發案例精講
資料視覺化 ECharts 實戰
綜合 JavaScript、HTML、CSS 所學的知識，針對企業現實開發需求，基於 ECharts資料視覺化外掛歸納資料視覺化領域解決方案，提升知識綜合運用水平。
用最流行的圖表引擎ECharts來展示電商平臺數據，是不是超級酷炫
第三階段 服務端程式設計
Ajax
系統的學習網頁資料互動的 Ajax 技術，建立前後端互動的知識體系，為學生夯實網路程式設計的基礎，為後期高階課程的學習做好鋪墊。
黑馬程式設計師前端基礎教程Ajax零基礎入門_上部
黑馬程式設計師前端基礎教程Ajax零基礎入門_下部
Git
藉助 Git 對專案進行版本控制，掌握實際開發中那些必知必會的 Git 操作。
Git零基礎入門到實戰詳解
nodejs基礎
全面系統講解 Node。js 中最核心的、必知必會的概念，能夠基於模組化的開發思想最佳化專案程式碼，編寫出高效、健壯的程式碼，同時培養出Node。js 的程式設計思維
黑馬程式設計師4天精通Nodejs教程
MySQL
瞭解後端資料庫的基本使用方法，能夠使用常見的 SQL 語句操作資料庫，並且能夠使用 MySQL 模組在專案中操作 MySQL資料庫，為實現從前端程式設計師進階到全棧程式設計師做準備。
6天掌握mysql基礎影片
第四階段 Vue。js
滿足前端工程師的崗位要求，重中之重，也是主流框架之一，必會技能。
黑馬程式設計師前端基礎教程-4個小時帶你快速入門vue
前端開發利器vue，微信小程式快速開發實戰，黑馬程式設計師前端web教程
第五階段 小程式
小程式基礎+電商專案
瞭解小程式開發的一般流程式，熟悉小程基礎元件的使用，能夠基於 wxml 和 wxss實現小程式的介面佈局，基於模板的資料繫結實現資料的動態渲染，基於 API 實現與服務端的資料通訊，以及熟悉其它高階 API 的使用。
黑馬程式設計師Web前端教程_零基礎玩轉微信小程式
uni-app
理解 uni-app 實現跨平臺開發的原理機制，理清單檔案元件與原生小程式元件的對應關係，以及 uni-app開發小程式時開發時與原生小程式的差異。
前端開發利器vue，微信小程式快速開發實戰，黑馬程式設計師前端web教程
第六階段 React。js 基礎
深入理解元件化和模組化開發思想，三大主流框架之一，滿足企業招聘中的崗位要求。
加急更新中，敬請期待。
TypeScript 基礎+高階
理解型別系統 理解並能使用泛型 瞭解型別的推斷過程 瞭解型別的高階用法，能理解程式碼
2020年前端熱門教程推薦|五天從零基礎學會TypeScript
後面的專案教程也會持續更新發布，敬請期待吧。