前端很火，想自學(xué)前端的人也多。作為過來人，知道自學(xué)的辛苦。特來給大家分享這份學(xué)習(xí)路線圖，讓想自學(xué)前端的小伙伴們有一份系統(tǒng)專業(yè)的學(xué)習(xí)資源和學(xué)習(xí)指導(dǎo)。若是覺得有用記得給點個贊哦！無論你是剛?cè)腴T的小白，還是已經(jīng)工作的前端開發(fā)者都能從中獲取到你想要的資料！ 先附上前端思維導(dǎo)圖一張，自己下功夫一點點總結(jié)的呢。

我已經(jīng)給大家分好階段，每一階段都逐漸加深，各位學(xué)習(xí)者基本上按照此套流程，一階段，一階段學(xué)習(xí)來，肯定會入門，逆襲成為大牛。

知識點對應(yīng)視頻： 前端與移動開發(fā)基礎(chǔ)視頻：http://pan.baidu.com/s/1eRCXPOe JavaScript基礎(chǔ)視頻教程：http://pan.baidu.com/s/1skMeNvB 附上CSS梅蘭商城項目實戰(zhàn)：http://pan.baidu.com/s/1pLlRwDl

知識點對應(yīng)視頻： JavaScript 基礎(chǔ)加強(qiáng): http://pan.baidu.com/s/1skDXr6t jQuery視頻教程：http://pan.baidu.com/s/1slMvbWT

知識點對應(yīng)視頻： 移動web移動教程：http://pan.baidu.com/s/1cuztnw 最新H5+CSS3教程視頻：http://pan.baidu.com/s/1eSJtHiM 最新AJAX教程：http://pan.baidu.com/s/1qXWqpDa

知識點對應(yīng)視頻： JavaScript-高級面向?qū)ο笠曨l教程http://pan.baidu.com/s/1o8POXKm JavaScript高級框架設(shè)計: http://pan.baidu.com/s/1nvNjnnF

高級篇我還沒有整理好視頻教程，正在玩命整理中，大家多擔(dān)待。

下面是前端中需要用到的工具

還有更多開發(fā)工具，實用手冊，面試寶典，下次繼續(xù)分享。