任何一種學習都需要一個科學合理的學習思路，先是要進行自我定位瑰钮，自我檢測冒滩，知道自己所處的階段，對癥下藥浪谴，或者說查缺補漏开睡，知道自己尚暫缺什么樣的學習。適當付出時間和精力苟耻，提高效率篇恒，使自己的知識結構逐漸完善起來。
第一階段 前端入門HTML5+CSS3+電商網(wǎng)頁制作
內(nèi)容：
1凶杖、HTML5 是網(wǎng)頁開發(fā)的基礎胁艰，從最簡單的網(wǎng)頁開發(fā)基礎入手，使用常見的標簽制作網(wǎng)頁內(nèi)容
2智蝠、Css3通過浮動腾么、定位、Flex 精細控制網(wǎng)頁布局杈湾，通過背景解虱、圓角、陰影毛秘、漸變等美裝飾美化網(wǎng)頁內(nèi)容，結合轉換、過渡叫挟、動畫高級特性增強用戶體驗艰匙，能夠編寫大型綜合性網(wǎng)頁。
3抹恳、電商網(wǎng)頁制作员凝，基于設計稿編寫網(wǎng)頁，確保網(wǎng)頁布局的高還原度奋献，綜合運用 HTML健霹、CSS 的基礎知識，歸納使用技巧瓶蚂，提升綜合實戰(zhàn)水平糖埋。
推薦學習：B站-黑馬程序員Pink老師Web前端入門教程html5+css3+移動web實戰(zhàn)項目-零基礎前端視頻教程
第二階段 JavaScript系列
1.JavaScript 基礎語法
了解語言的基本概念，熟識語法規(guī)則窃这，培養(yǎng)語言基礎邏輯能力瞳别，建立良好的編程思維，具有一定的語言駕馭能力杭攻。
JS是一種腳本語言祟敛，實現(xiàn)操作對象的行為的功能，主要功能有以下幾點：
1.表單動態(tài)校驗（密碼強度檢測等 減輕服務器的壓力 JS產(chǎn)生的最初目的）
2.網(wǎng)頁特效
3.服務器端開發(fā)(Node.js)
4.桌面程序(Electron)
5.App(Cordova)
6.控制硬件-物聯(lián)網(wǎng)(Ruff)
7.游戲開發(fā)(cocos2d-js)
推薦學習：B站-黑馬程序員JavaScript全套系列_零基礎入門JavaScript兆解，Web前端必學的JS教程
2.WebAPI/Dom Bom操作方法
學習客戶端開發(fā)技術馆铁，能夠根據(jù)產(chǎn)品需求完成開發(fā)任務，如視覺交互锅睛、數(shù)據(jù)處理埠巨、安全、性能等衣撬，熟練掌握 DOM 操作的方法乖订，能夠分析視覺交互需求，結合 CSS 規(guī)則設計合理的 DOM 結構具练，完成開發(fā)任務乍构。
推薦學習：B站-黑馬程序員前端基礎教程-JavaScript核心教程，JS必會的DOM BOM操作_pink老師
3.jQuery
借助 jQuery 提升開發(fā)的效率扛点，同時借鑒和學習 jQuery 的封裝實現(xiàn)思想哥遮，鞏固面向對象的相關知識，加深對面象對象的理解陵究。
推薦學習：B站-黑馬程序員前端基礎必備教程| jQuery 網(wǎng)頁案例精講
4.ECharts
綜合 JavaScript眠饮、HTML、CSS 所學的知識铜邮，針對企業(yè)現(xiàn)實開發(fā)需求仪召，基于 ECharts 數(shù)據(jù)可視化插件歸納數(shù)據(jù)可視化領域解決方案寨蹋，提升知識綜合運用水平。
推薦學習：B站-黑馬程序員用最流行的圖表引擎ECharts來展示電商平臺數(shù)據(jù)
第三階段 服務端編程
1.Ajax
系統(tǒng)的學習網(wǎng)頁數(shù)據(jù)交互的 Ajax 技術扔茅，建立前后端交互的知識體系已旧，為學生夯實網(wǎng)絡編程的基礎，為后期高級課程的學習做好鋪墊召娜。
推薦學習：B站-黑馬程序員-Ajax零基礎入門上下兩部
2.Git
借助 Git 對項目進行版本控制运褪，掌握實際開發(fā)中那些必知必會的 Git 操作。
推薦學習：B站-黑馬程序員-Git 零基礎入門到實戰(zhàn)詳解
3.nodejs基礎
新的玖瘸、必知必會的概念秸讹，能夠基于模塊化的開發(fā)思想優(yōu)化項目代碼，編寫出高效雅倒、健壯的代碼璃诀，同時培養(yǎng)出 Node.js 的編程思維。
推薦學習：B站-黑馬程序員-4天精通Node.js
4.MySQL
了解后端數(shù)據(jù)庫的基本使用屯断，能夠使用常見的 SQL 語句操作數(shù)據(jù)庫文虏，并且能夠使用 MySQL 模塊在項目中操作 MySQL 數(shù)據(jù)庫，為實現(xiàn)從前端程序員進階到全棧程序員做準備殖演。
推薦學習：B站-黑馬程序員-6天掌握 MySQL基礎視頻
第四階段 Vue.js
滿足前端工程師的崗位要求氧秘，重中之重，也是主流框架之一趴久，必會技能丸相。
推薦學習：B站-黑馬程序員-4小時帶你快速入門vue 個人建議可以先跟著官方文檔的入門教學視頻操作一遍
推薦學習：B站-黑馬程序員-前端開發(fā)利器vue,微信小程序快速開發(fā)實戰(zhàn)，黑馬程序員前端Web教程
第五階段 小程序
1.小程序基礎+電商項目
了解小程序開發(fā)的一般流程序彼棍，熟悉小程基礎組件的使用灭忠，能夠基于 wxml 和 wxss 實現(xiàn)小程序的界面布局，基于模板的數(shù)據(jù)綁定實現(xiàn)數(shù)據(jù)的動態(tài)渲染座硕，基于 API 實現(xiàn)與服務端的數(shù)據(jù)通信弛作，以及熟悉其它高級 API 的使用。
推薦學習：B站-黑馬程序員-Web前端教程_零基礎玩轉微信小程序
2.uni-app
理解 uni-app 實現(xiàn)跨平臺開發(fā)的原理機制华匾，理清單文件組件與原生小程序組件的對應關系映琳，以及 uni-app 開發(fā)小程序時開發(fā)時與原生小程序的差異。
推薦學習：B站-黑馬程序員-前端開發(fā)利器vue,微信小程序快速開發(fā)實戰(zhàn)蜘拉，黑馬程序員前端Web教程
第六階段 React.js
1.React.js 基礎
深入理解組件化和模塊化開發(fā)思想萨西，三大主流框架之一，滿足企業(yè)招聘中的崗位要求旭旭。
推薦學習：B站-黑馬程序員-React精品課程谎脯，React從零基礎入門到原理詳解
2.TypeScript 基礎+高級
理解類型系統(tǒng) 理解并能使用泛型 了解類型的推斷過程 了解類型的高級用法，能理解代碼就可以了
推薦學習：B站-黑馬程序員-2020年前端熱門教程推薦|五天從零基礎學會TypeScript
第七階段 其它學習推薦
投資自己持寄，有規(guī)劃源梭，有目標娱俺，自律地對待生活。當然了废麻，不要做機器人矢否，要有自己的生活樂趣，比如適當?shù)慕∩砟砸纾腼兠朗常脫芮倨鍟嫷鹊纫彩遣诲e的赖欣，充分合理安排即可屑彻，有舍有得。
推薦查找資料學習的APP
1.嗶哩嗶哩（B站）推薦：黑馬程序員顶吮、尚硅谷社牲、黎曼的猜想、Young村長悴了、手把手擼碼前端搏恤、cxr春去春又來等
2.騰訊課堂 [部分付費課程的好處就是社區(qū)的交流能使你快速查缺補漏，有問題就找]
3.網(wǎng)易云課堂
4.中國大學MOOC
5.淘寶買[因為有的課程不提供其它端的服務湃交，整個項目光靠免費的視頻教程是無法使你真正去上手項目的熟空，這叫“花錢”解決問題]
6.刷面試題是進行自我檢測的方式之一
7.其它[靠自己自律學習，肯動腦搞莺，花上時間和精力]
說明：這篇文稿參考借鑒了黑馬程序員的web前端學習路線息罗，覺得比較實在，小編就把它收藏在這里了才沧，希望能給供小伙伴們提供一些學習的參考迈喉。
