一、HTML、CSS基礎(chǔ)、JavaScript語(yǔ)法基礎(chǔ)。
二、JavaScript語(yǔ)法進(jìn)階。包括：作用域和閉包、this和對(duì)象原型等。
三、ES6語(yǔ)法。這部分屬于JS新增的語(yǔ)法， promise、async 等內(nèi)容要尤其關(guān)注。
四、HTML5和CSS3。要熟悉其中的新特性。
五、canvas。加分項(xiàng)。
六、移動(dòng)Web開(kāi)發(fā)、Bootstrap等。要注意移動(dòng)開(kāi)發(fā)中的適配和兼容性問(wèn)題。
七、前端框架：Vue.js和React。這兩個(gè)框架至少要會(huì)一個(gè)。入門時(shí)，建議先學(xué)Vue.js，上手相對(duì)容易。雖然vue3已經(jīng)出來(lái)了，vue2還是必須要學(xué)的
八、Node.js。屬于加分項(xiàng)。
九、自動(dòng)化工具：構(gòu)建工具 Webpack、構(gòu)建工具 gulp、CSS 預(yù)處理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。
十、前端綜合：HTTP協(xié)議、跨域通信、安全問(wèn)題（CSRF、XSS）、瀏覽器渲染機(jī)制、異步和單線程、頁(yè)面性能優(yōu)化、防抖動(dòng)（Debouncing）和節(jié)流閥（Throtting）、lazyload、前端錯(cuò)誤監(jiān)控、虛擬DOM等。
十一、編輯器相關(guān)。Sublime Text 是每個(gè)學(xué)前端的人都要用到的編輯器。另外，前端常見(jiàn)的IDE有兩個(gè)：WebStorm 和 Visual Studio Code。WebStorm 什么都好，可就是太卡頓；VS Code就相對(duì)輕量很多。
十二、TypeScript（簡(jiǎn)稱TS）。ES 是 JS 的標(biāo)準(zhǔn)，TS 是 JS 的超集。TS屬于進(jìn)階內(nèi)容，建議把上面的基礎(chǔ)掌握之后，再學(xué)TS。