在前端這個崗位興起之前，html+css的工作是被視覺人員所承擔(dān)的，而js這部分則是由后端完成的。

隨著智能手機和移動互聯(lián)網(wǎng)的普及，五花八門的應(yīng)用占領(lǐng)著每個人的手機，隨之而來各種定制化的UI風(fēng)格，讓兼容問題變得越來越頭疼。

因此，有企業(yè)開始把html+css+js這部分工作獨立出來一個新的崗位來處理，成為了一個處理視覺和交互的綜合崗位。

實際上，Web前端存在在我們生活中的每一個角落，我們每時每刻都會感受到它的存在。

我們每天要打開數(shù)十次的微信，里面的各種功能、小程序都離不開web前端技術(shù)。

同時加大了市場對于web前端崗位的需求，那么如何更好的學(xué)習(xí)web前端呢？

我今天整理了web前端全套的學(xué)習(xí)資料，希望對初學(xué)web的小伙伴有幫助！

以下這一系列【web前端學(xué)習(xí)路線圖】將多年的編程經(jīng)驗灌輸其中，典型的實踐派。

既適合初學(xué)者入門，也適合程序員進階（學(xué)習(xí)底層）

先看下，web需要掌握的知識點：

HTMLCSSJavaScriptAJAXjQueryVue.js

下面是Web前端基本的學(xué)習(xí)路線：

第一階段：

HTML+CSS/HTML5+CSS3

HTML視頻教程主要講解了HTML基礎(chǔ)語法，內(nèi)容主要包括：

HTML概述、W3C概述、B/S架構(gòu)系統(tǒng)原理、table、背景色與背景圖片、超鏈接、列表、表單、框架等知識點。

通過該視頻的學(xué)習(xí)之后，可以開發(fā)基本的網(wǎng)頁，并且可以看懂別人編寫的HTML頁面。

CSS視頻教程主要講解什么是css 。

層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計算機語言。

CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。

CSS能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。

適合人群

0基礎(chǔ)想入門的同學(xué)基礎(chǔ)不牢固的同學(xué)第二階段：

JavaScript+JS框架技術(shù)

主要講解前端開發(fā)中的核心技術(shù)JavaScript，俗稱JS，視頻中講解了JavaScript核心語法、JavaScript內(nèi)置支持類、JavaScript調(diào)試、JavaScript DOM編程、JavaScript BOM編程、大量前端小案例、JavaScript事件處理、JavaScript對象、繼承、JSON等知識點。

適合人群

已具備HTML基礎(chǔ)知識與JS基本操作的同學(xué)Web前端愛好者以及在職程序員第三階段：Ajax

Ajax技術(shù)是基于js語言的擴展，能夠通過將請求發(fā)送給后臺，并從后臺取得相關(guān)數(shù)據(jù)，然后將數(shù)據(jù)在頁面做局部刷新的重要技術(shù)。

本教程會通過對ajax的傳統(tǒng)使用方式，結(jié)合json操作的方式，結(jié)合跨域等高級技術(shù)的方式，對ajax做一個全面的講解。

適合人群

掌握HTML基本知識和JS基本操作的第四階段：jQuery

jQuery是優(yōu)秀的JavaScript框架，能使用戶更方便地處理HTML Documents、events、實現(xiàn)動畫效果，并且方便地為網(wǎng)站提供Ajax交互。

本教程循序漸進地對jQuery的各種選擇器、函數(shù)和方法調(diào)用進行了詳細的講解，更結(jié)合了大量的案例。

第五階段：Vue.js

通過視頻的學(xué)習(xí)，讓大家掌握Vue.js及在項目中的使用。將一步一步地讓大家快速地掌握Vue.js這樣一個前端核心框架，以適應(yīng)公司的開發(fā)需要。

Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進式框架。如果你之前已經(jīng)習(xí)慣了用jQuery操作DOM，學(xué)習(xí)Vue.js時請先拋開手動操作DOM的思維，因為Vue.js是數(shù)據(jù)驅(qū)動的，你無需手動操作DOM。它通過一些特殊的HTML語法，將DOM和數(shù)據(jù)綁定起來......

優(yōu)秀的web前端工程師之所以優(yōu)秀，不是因為工作的年限有多久，而是具備快速學(xué)習(xí)的能力。

web前端開發(fā)是一個特殊的工作，涵蓋的知識面非常廣，而且互聯(lián)網(wǎng)行業(yè)技術(shù)的更新速度是非常快的，如果沒有快速學(xué)習(xí)的能力，就很難跟上時代的步伐。

所以，作為web前端工程師一定要不斷的學(xué)習(xí)，提升技能。

學(xué)習(xí)web前端是一個長久的過程，努力和堅持是不可少的關(guān)鍵因素！！

加油吧，各位前端大神們~~~~

獲取資料方式：

關(guān)注+評論/私信扣“1”獲取前端全套學(xué)習(xí)資料