前端零基礎學習提綱

這篇文章隻對接觸前端不到兩個月，覺得一堆東西要學，但又不知道從何開始的同學有用

寫在最前面

前端學習比較好上手，但到了一定階段深入卻比較困難，一個合格的前端應該是個web工程師，而不是JavaScript程式員，是以簡單的學習目标

CSS、CSS3

HTML、HTML5

JavaScript、ES6

HTTP協定

性能優化

一門後端語言

更好的方式寫代碼

線下開發和代碼釋出

學習路徑比較長，對于初級學習有些合理的路徑

堅持寫部落格，收益絕對超出你想象，但要寫在大衆的地方，不要自己搞個網站，否則沒人關注，漸漸就沒了興趣

CSS

很多初學者認為前端難在JavaScript，CSS和HTML比較簡單，這種觀點有一定道理，CSS和HTML的文法比較簡單，但運用的好可以幫我們減少很多JavaScript代碼

position和z-index

display

float

margin

這幾個會附帶BFC啊什麼的一堆相關知識點，每個屬性的值含義都要非常清楚才行 

對于CSS3也是要了解的，有幾個常用的

變形

動畫

圓角、陰影

box-sizing

flex

HTML

HTML5看場景，如果是移動端，應該開始全面掌握了，PC的話也有幾個常用的，能做到相容或者退化的

localstorage & sessionStorage

history API

placeholder

postMessage

requestAnimationFrame

自定義屬性 data-*

audio & video 标簽

JavaScript

網上有很多JavaScript方面的教程，但對于初學者基礎還是比較重要，否則都沒有篩選教程的能力。 

jQuery就不多說了.

HTTP

（web前端學習交流群：291851189 禁止閑聊，非喜勿進！）

URL 組成

狀态碼200

301

304

307

403

404

500

HTTP 方法GET

POST

PUT

DELETE

HEAD

OPTIONS

TRACE

HTTP 首部cache-control

connection

date

accept

if-Modified-Since

if-Match

ETag

content-encoding

5.cookie & session 

進階

前端天地無限廣闊，關于進階那就百花齊放了，有幾個流行的領域

Sass、Less

CommonJS、AMD、CMD

gulp、webpack、NodeJS

React、AngularJS、Vue.js

前端面試幾乎都會問的兩個問題

從輸入 URL 到頁面呈現發生了什麼

這兩個問題相當于開卷面試，不同水準的同學給出的答案截然不同，也沒有标準回答，關于性能優化可以從幾個大的角度回答 

針對浏覽器渲染頁面原理的 CSS、JavaScript 文法層面優化

針對 HTTP 協定特性網絡性能優化（合并資源、壓縮、多個域名等）

使用者體驗層面性能優化（懶加載之類）

在現在計算機運作速度下，隻要代碼寫的不是特别過分，第一點對性能優化能做的很少，我們使用了更好的文法也不會對網頁提速很多。第二點是必須要做的，兒第三點現在主要成了性能優化的主要發力點 

其實前端和所有計算機工作一樣，終極目标都是解決問題，千萬不要沉迷于架構或者語言的無謂之争上。各種知識層出不窮，耐心享受吧