您好學習web前端一定要有方向，學習web前端先從核心基礎開始學：
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.服務器端
服務器端開發、數據庫操作、前后端交互核心、買粉絲買粉絲開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript異步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
web前端學習路線
這個是web前端的學習方向你從上到下按照順序學習就可以了，一般來說零基礎學習前端是5個月左右的時間，學習方法就是做到3多，多問、多思考、多敲 學習的本質就是不斷的重復，熟能生巧，希望可以幫到你。
二進制和十進制的轉化
注釋、單行注釋、多行注釋、文本注釋、注釋內容和字節碼的關系
標識符、關鍵字、駝峰原則
變量的本質、內存畫圖、變量聲明和初始化
變量的分類和作用域（局部變量、成員變量、靜態變量）
常量和Final
基本數據類型介紹
整型變量和整型常量
浮點類型、float、double
char字符型、轉義字符
boolean布爾型、if語句使用要點、布爾類型占用空間問題
運算符介紹
算數運算符（二元、自增、自減）
賦值和賦值運算符
關系運算符詳解
邏輯運算符、短路運算符詳解
位運算符詳解
字符串連接符
條件運算符（三元運算符）
運算符優先級問題
自動類型轉換詳解
強制類型裝換詳解
基本數據類型裝換常見錯誤、溢出、L問題
使用Scanner獲取鍵盤輸入
控制語句控制語句和實現邏輯對應
if單選結構
if_elseif_else多選結構
switch語句_IDEA更換主題
循環_while
循環_for循環_dowhile
嵌套循環
break和買粉絲ntinue語句_標簽_控制語句底層原理
寫一個年薪計算機_百度查問題的秘訣（重要）
個人所得稅計算器軟件
方法核心詳解_天才思維模型教你高手學習思維模式
方法的重載
遞歸結構講解_遞歸頭_遞歸體
面向對象編程-基礎面向過程和面向對象的區別
類和對象的概述
類的屬性和方法
創建對象內存分析
構造方法（Construtor）及重載
對象類型的參數傳遞
this關鍵字
static關鍵字詳解
局部代碼塊、構造代碼塊和靜態代碼塊
package和import詳解
JavaDoc生成API文檔
面向對象編程-進階面向對象的三大特性
面向對象之【封裝(Encapsulation)】
訪問權限修飾符
面向對象之【繼承（Inheritance）】
Object類
方法重寫Override
super關鍵字詳解
重寫equals()和toString()
繼承中對象創建的內存分析
面向對象之【多態（Polymorphism）】
向上轉型
向下轉型
instanceof運算符
編譯時和運行時詳解
final修飾符
抽象類和抽象方法（abstrct）
接口的定義和實現
JDK8的接口新特性
接口應用：內部類比較器Comparable
內部類詳解
Java的內存管理與垃圾回收
異常機制異常的概述
異常的執行過程與分析
try-catch-finally捕捉異常
throw拋出異常
throws聲明異常
異常繼承體系
運行時異常和編譯異常
自定義異常
Java常用類Wrapper包裝類自動裝箱和自動拆箱
包裝類的源碼分析
String類的使用與內存原理
String類的源碼分析
StringBuffer
StringBuilder
字符串處理類性能分析
Date類
System類
DateFormat類
Calendat類
Math類
BigInteger類和BigDecimal類
Random類
枚舉類
File類
常見的面試題講述與分析
數據結構算法
數據結構的概述
線性表
順序表
鏈表
棧和隊列
樹
二叉樹
二叉查找樹
二叉平衡樹
黑紅樹
圖
冒泡排序
選擇排序
遞歸
折半查找
集合（容器）
集合和數組的聯系和區別
集合框架體系
ArrayList的使用和源碼分析
集合中使用泛型
LinkedList的使用和源碼分析
HashSet的使用和源碼分析
哈希表及原理
TreeSet的使用和源碼分析
比較器Comparable和Comparator
HashMap的使用和源碼分析
TreeMap的使用和源碼分析
Iterator于ListIterator
Collections工具類
舊集合類Vector、Hashtable
集合總結和選擇依據
泛型接口
泛型類
泛型方法
IO流
IO流的概念
IO流的分類及其原理分析
文件流FlieInputStream、FileOutputStream
緩沖流BufferedInputStream、BufferedOutputStream
數據流ObjectInputStream、ObjectOutputStream
序列化和反序列化
轉換流InputStreamReader、OutputStreamWriter
打印流PrintWrite和PrintStream
數組流ByteArrayOutputStream、ByteArrayInputStream
使用IO復制文件夾
多線程
進程和線程
線程的創建與啟動
創建線程的三種方式對比
線程的生命周期
線程控制
多線程的安全問題與解決辦法
線程的同步：同步代碼塊
線程的同步：同步方法
線程的同步：Lock鎖
線程的死鎖問題
線程通信
Condition
線程的完整生命周期
線程池ThreadPoolExecutor
ForkJoin框架
ThreadLocal類
網絡編程
計算機網絡基礎知識
網絡通信協議
OSI參考模型
TCP/IP參考模型
數據的封裝與拆封原理解析
TCP協議
UDP協議
IP地址和端口號
URL和Socket
使用TCP編程實現登錄功能
使用UDP編程實現客服系統
使用TCP編程實現文件上傳
集合提升尋訓練
手寫ArrayList
手寫單鏈表
手寫Linkedlist
手寫HashMap
手寫HashSet
最新并發集合類
多線程提升訓練
生產者消費者模式擴展
Lock鎖和Condition
ReadWriteLock
BlockingQueue
volatile關鍵字
多線程題目練習
JDK新特征
面試題詳解
設計模式
設計模式入門
面向對象設計七大原則
簡單工廠模式
工廠方法模式
單例模式
原型模式
裝飾模式
適配器模式
外觀模式
第二階段：數據庫MySQL基礎
數據庫基礎知識
MySQL基礎知識
MySQL8新特征
安裝和卸載MySQL8
使用navicat訪問數據庫
SQL語言入門
創建數據庫表
DML
修改刪除數據庫表
表的完整性約束
表的外鍵約束
DML擴展
MySQL 查詢語句
基本select查詢
where子句
函數
group by
having
SQL99-內連接查詢
SQL99-外連接查詢