前端學習路線圖與全套視頻（基礎篇+進階篇+高級篇）

面對這麼多的知識點，有的盆友就麻爪了……

 我是誰？

我該從哪裏開始看？

我該怎麼看？

我該看多少？

這，是一個問題。

 咱們貼心的作了一個學習線路圖：

然並卵，不少人仍是一頭霧水……

咱們先對每階段課程作個簡單介紹：

PC端頁面製做	學習HTML+CSS搭建網頁、PhotoShop切圖等基礎知識，屬於必備技能，不論你是什麼目的學習HTML5，此部分不少內容都是必學的知識點
移動端頁面製做	講解移動端概念與佈局、響應式設計與實現；移動端的概念，如：PPI、像素比等等是移動端頁面適配工程師必須掌握的知識點
JavaScript與jQuery開發	同HTML5基礎知識同樣，JavaScript開發與jQuery開發是職業晉升必備的技能包，中級Web開發工程師必備技能
H5高級框架技術開發	想要進行框架開發項目，實現單頁面應用開發，經常使用的React框架開發、Angular框架開發、Vue框架開發，是前端框架開發工程師的主要運用內容，需全面掌握
全棧先後端技術開發	講解先後端全棧式開發，可以獨立完成一箇中小型項目的先後臺，Node.js技術、其餘後端技術都須要很是熟練
混合應用技術開發	講解微信小程序的開發、React Native技術等，這些技術瞭解掌握可以進行混合APP項目開發，成爲高級Web前端工程師
H5大前端技術開發	講解Electron技術、Flutter技術、數據可視化技術等內容，這是Web前端技術專家核心價值的體現；若是想成爲Web前端工程師，也須要掌握這些知識點（待更新）

人的生命是有限的，學習知識是無限的，要把有限的生命用在必要的知識學習上。

並不是每位學習者都想成爲Web前端工程師，你可能不須要學習所有視頻。咱們根據不一樣的學習目的，給你們一個學習建議。

我目前是在職前端開發，若是你如今也想學習前端開發技術，在入門學習前端的過程中有碰見任何關於學習方法，學習路線，學習效率等方面的問題，你均可以申請加入個人前端學習交流裙：前面：603 中間：985 最後：993。裏面彙集了一些正在自學前端的初學者裙文件裏面也有我作前端技術這段時間整理的一些前端學習手冊，前端面試題，
前端開發工具，PDF文檔書籍教程，須要的話均可以自行來獲取下載。

小白/零基礎入行

想了解HTML5或Web前端，零基礎入門的興趣性學員。無明顯就業需求，只想瞭解前端基礎內容，建議先學習如下內容：

 

 

 

1、PC端頁面製做

學習成就：成爲初級Web前端工程師（主要進行PC端網頁的佈局製做與樣式設計實現，可以配合UI設計師進行項目開發）

可從事職位：PC端頁面製做工程師

 

 

 

2、移動端頁面製做

學習成就：成爲初級Web前端工程師（主要進行移動端網頁的佈局製做與樣式設計實現，能夠適配各類手機尺寸，並能利用響應式進行移動端與PC端適配)

可從事職位：移動端頁面適配工程師

晉升中級Web工程師

程序員，工做中須要Web相關知識的學員。學習主要目的不是爲了系統掌握Web知識，而是爲了應對工做中出現的問題，建議學習如下內容：

 

 

 

1、JavaScript與jQuery開發

學習成就：成爲中級Web前端工程師（主要進行頁面行爲交互，實現網站中常見特效，可配合UI和後端進行項目開發）

可從事職位：JavaScript開發工程師

 

 

2、H5高級框架技術開發

學習成就：成爲中級Web前端工程師（主要進行框架開發項目，實現單頁面應用開發，可獨立開發項目）

可從事職位：前端框架開發工程師

 晉升高級Web工程師

想成爲高級前端工程師的學員，或已找到前端相關工做想深刻學習的學員。建議重點掌握咱們下述的課程：

 

 

1、全棧先後端技術開發

學習成就：成爲高級Web前端工程師（主要進行先後端全棧式開發，可獨立完成一箇中小型項目的先後臺）

可從事職位：全棧開發工程師/Web高級開發工程師

 

 

2、混合應用技術開發

學習成就：成爲高級Web前端工程師（主要進行混合APP項目開發，可實現多端開發，可實現跨平臺跨設備的架構）

可從事職位：混合開發工程師/Web高級開發工程師

 

 

3、H5大前端技術開發

學習成就：成爲Web前端專家（主要進行前端各領域涉獵，可主導多元產品項目的實現）

可從事職位：Web前端技術專家

 

 

4、H5架構技術開發

學習成就：成爲Web前端專家（主要進行前端項目架構和項目把控，可以解決網站突發狀況，可以改進網站性能至極致）

可從事職位：資深Web前端架構師

但願這個學習建議對你有所幫助。

切記，不管從事任何職業，剛入行的時候，先縱向發展，再橫向發展，你要知道，年輕的時候，長高比長胖重要。你長高了，之後想胖就不難了。