基礎(chǔ)篇
HTML/CSS氧骤、JavaScript颅湘、DOM
中級篇
數(shù)據(jù)格式（如JSON、XML）佛析、RESTful API交互（如JQuery Ajax益老，F(xiàn)etch API，ReactiveX）寸莫、可用性捺萌、正則表達(dá)式、 XML語義化膘茎、命令行桃纯、Node.js、DIV/CSS披坏、SCSS/SASS态坦、矢量圖形/矢量圖形動畫（如SVG）、單頁面應(yīng)用
高級篇
ES6/TypeScript棒拂、CSS3伞梯、面向?qū)ο缶幊獭⒑瘮?shù)式編程帚屉、MVC/MVVM/MV*谜诫、安全性（如跨域）、授權(quán)（如HTTP Basic攻旦，JWT等）
工程化
代碼質(zhì)量（如JSLint喻旷、ESLint、TSLint牢屋、CSLint）且预、代碼分析（如Code Climate）牺陶、測試覆蓋率、構(gòu)建系統(tǒng)（glup,grunt,webpack等）辣之、自動構(gòu)建（腳本）
兼容性
跨瀏覽器測試（如Chrome,IE,Safari,Firefox等）掰伸、跨設(shè)備測試（如Desktop，Android怀估，IOS）狮鸭、跨版本測試（同一瀏覽器的不同版本 Window phone等）
設(shè)計
切頁面，線框圖（Wireframe）多搀、網(wǎng)格布局（Grid Layout）歧蕉、Fiexbox布局、響應(yīng)式設(shè)計
性能與優(yōu)化
PageSpeed/Yslow優(yōu)化康铭、加載優(yōu)化（如gzip壓縮惯退，緩存等）、性能測試（特別是移動WEB）从藤、可用性催跪、壓縮（如Minify，Uglify夷野，CleanCSS等）
測試
單元測試懊蒸、服務(wù)測試、UI測試悯搔、集成測試
調(diào)試
瀏覽器調(diào)試骑丸、Debug工具、Wireshark/Charles抓包妒貌、遠(yuǎn)程設(shè)備調(diào)試（如Chrome Insepect Devices）
軟件工程
版本管理（如git通危，svn）、包管理（如npm灌曙，bower）菊碟、依賴管理、模塊化（如Common JS平匈，WebPack）
SEO
Sitemap（站點(diǎn)地圖）框沟、內(nèi)部鏈接建設(shè)藏古、MicroData/MicroFormat增炭、頁面靜態(tài)內(nèi)容生成、H1拧晕，H2隙姿，H3和strong使用、Title厂捞，Description優(yōu)化
前端特定
CSS/CSS3動畫输玷、JavaScript動畫队丝、Web字體嵌入、Icon字體欲鹏、圖形和圖表机久、CSS Sprite(如glue)、DOM操作（如JQuery赔嚎，React等）膘盖、模板引擎（如JSX，Handlebar尤误，JSP侠畔，Mustache
