Web前端知識(shí)技能大匯總

1、Web前端知識(shí)技能大匯總項(xiàng)目起源EVEemiMGy Open ?iaffkwmAP EngfaudWbb版第Fjlt OpenIfEm/YUJConi/JStnrJQC麗/V*£叼色產(chǎn),；而汨技就吐命費(fèi)理SDTWMHTML,ttr更 t£cmPfwfrfii5li0p宣 印獷小電與岫mSiX. Wodud 卻沮卡 際1加制的出酬n0*"8加青1移動(dòng)穌修；rMponsM# UI Design"btaf/F*hwg h*/WM l>pMlar T5 yhNZeM1R.TT 口 TR-&1小廠 rlR .TLil*.，&4wPr嗝s w/

2、靠日3 u h U *Fnd d I cc/WfEur kAcpdkrrtpCSRfXSS ADMrlcOJaBJShMidbcteMjrauwaH 前課工程師-/ / l/ J I ffLmvnsLwiunKDwiMi1iSJMiri/TPMifc#* rniinrfpwjDccinrulbiscLAMP11g siymjiz/vuia 札 4i 3Ly Mk» LmI sAi H 5- ffljUfW/BWjfT.gUn 叫 yrnn.開(kāi)窗后推舌輯Ai 口爐*rwF4d HdaPlum 物 gWigvrvqil1WMJS升胃肌IM| 計(jì)fMLKO職他普WMMMI.MM-前期.淮則

3、a范1性推江華種MWVK刷 MLUMIZI5gLirW3” HTMLVCS51阿 ASenx 卻 EEASenpeSC-mwI4AMDHTTP11WWP?g#T«r5R»5bnimfFogreSpeedAjrih通嘴Itlk嵬魚(yú)lt幻小"4產(chǎn)，節(jié)k*CllEFTi uE*4 H/S< F打 1加室弭量容忖諦* Erf七一 4JdvwS cnptirrHI 式*5豕-MErtMirt耳9由6丁打門(mén)/汨川圖片的形式具有諸多的不便。缺失源圖的我們，無(wú)法為此圖貢獻(xiàn)些什么，隨著時(shí) 間的遷移，或許有些技術(shù)點(diǎn)會(huì)發(fā)生改變，所以有了這個(gè)GitHub項(xiàng)目。我們可以通過(guò)協(xié)作的方式

4、來(lái)共同維護(hù)這個(gè)項(xiàng)目。Git的歷史記錄也可以見(jiàn)證前端行業(yè)的一 些變遷?？梢暬Ч岸碎_(kāi)發(fā)知識(shí)結(jié)構(gòu)?前端工程師o(wú)瀏覽器? IE6/7/8/9/10/11 (Trident)? Firefox (Gecko)? Chrome Chromium (Blink)? Safari (WebKit)? Opera (Blink)o 編程語(yǔ)言? JavaScript / Node.js? CoffeeScript? TypeScripto 切頁(yè)面? HTML/ HTML5? CSS/CSS3? Sass/ LESS/ Stylus? PhotoShop/ P / Fireworks / GIMP/ Sketc

5、h o 開(kāi)發(fā)工具? 編輯器和IDE? VIM/ Sublime Text2? Notepad+/ EditPlus? WebStorm? Emacs EmacsWiki? Brackets? Atom? Lime Text? Light Table? Codebox? TextMate? Neovim? Komodo IDE / Edit? Eclipse? Visual Studio / Visual Studio Code? NetBeans? Cloud9 IDE? HBuilder? Nuclide? 調(diào)試工具? Firebug / Firecookie? YSlow? IEDevel

6、operToolbar / IETester? Fiddler? Chrome Dev Tools? Dragonfly? DebugBar? Venkman? 版本管理? Git / SVN/ Mercurial? Github/GitLab/Bitbucket / Gitorious /GNUSavannah/ Launchpad/ SourceForge/TeamForge o 代碼質(zhì)量? Coding style? JSLint /JSHint/jscs? CSSLint? Markup Validation Service? HTML Validators? 單元測(cè)試? QUnit/

7、 Jasmine? Mocha/ Should/ Chai/ Expect? Unit JS? 自動(dòng)化測(cè)試? WebDriver/ Protractor / Karma Runner/ Sahi? phantomjs? SourceLabs/ BrowserStack/ 框架? jQuery / Underscore / Mootools / Prototype.js? YUI3/ Dojo/ ExtJS/ KISSY? Backbone/ KnockoutJS/ Emberjs? AngularJS? Batarang? Bootstrap? Semantic UI? Juice UI? W

8、eb Atoms? Polymer? Dhtmlx? qooxdoo? React? Brick/ 規(guī)范? HTTP/1.1: RFCs 7230-7235? HTTP/2? ECMAScript3/5? W3C: DOM/BOM/XHTML/XML/JSON/JSO NP/? CommonJS Module/sAMD? HTML/5CSS3? Semantic Web? MicroData? RDFa? Web Accessibility? WCAG? Role Attribute? WAI-ARIA性能? JSPerf? YSlow 35 rules? PageSpeed? HTTPWat

9、ch? DynaTrace s Ajax? 高性能 JavaScripto SEOo 編程知識(shí)儲(chǔ)備? 數(shù)據(jù)結(jié)構(gòu)? OOP/AOP? 原型鏈 / 作用域鏈? 閉包? 編程范型? 設(shè)計(jì)模式? Javascript Tipso 部署流程? 壓縮合并? YUI Compressor? Google Clousure Complier? UglifyJS? CleanCSS? 文檔輸出? JSDoc? Dox/ Doxmate/ Grunt-Doxmate 項(xiàng)目構(gòu)建工具? make/ Ant? GYP? Grunt? Gulp? Yeoman? FIS? Modo 代碼組織? 類(lèi)庫(kù)模塊化? Common

10、J/SAMD? YUI3模塊? 業(yè)務(wù)邏輯模塊化? bower/ component? 文件加載? LABjs? SeaJS/ Require.js? 模塊化預(yù)處理器? Browserifyo 安全? CSRF/ XSS? CSP? Same-origin policy? ADsafe/Caja/Sandboxo 移動(dòng) Web? HTML5/CSS3? 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)? Zeptojs / iScroll? V5/Sencha Touch? PhoneGap? jQuery Mobile? W3C Mobile Web Initiative? W3C mobileOK Checker? Open

11、 Mobile Allianceo 前沿技術(shù)社區(qū)/ 會(huì)議? D2/ WebRebuild? NodeParty/ W3CTec/hHTML夢(mèng)工廠? JSConf/ 滬 JS(JSC)? QCon/Velocity/SDCC? JSConf/ NodeConf? CSSConf? YDN/YUIConf? HybridApp? WHATWG? MDN? codepen? w3cplus? CNodeo 計(jì)算機(jī)知識(shí)儲(chǔ)備? 編譯原理? 計(jì)算機(jī)網(wǎng)絡(luò)? 操作系統(tǒng)? 算法原理? 軟件工程/ 軟件測(cè)試原理? Unicodeo 軟技能?知識(shí)管理/ 總結(jié)分享?溝通技巧/ 團(tuán)隊(duì)協(xié)作?需求管理/PM?交互設(shè)計(jì)/ 可

12、用性 / 可訪(fǎng)問(wèn)性知識(shí)o 可視化? SVG/Canvas/VML? SVG: D3/ Rapha?l/Snap.svg/ DataV? Canvas: CreateJS/ KineticJS? WebG/LThree.JS后端工程師o(wú) 編程 語(yǔ)言? C/C+/Java/PHP/Ruby/Python/ o 網(wǎng)頁(yè)服務(wù)器? Nginx? Apache? Lighttpdo 數(shù)據(jù)庫(kù)? SQL? MySQ/LPostgreSQL/Oracle/DB2? MongoD/BCouchDBo 數(shù)據(jù)緩存? Redis? Memcachedo 文件緩存/ 代理? Varnish? Squido 操作系統(tǒng)? Un

13、ix/Linux/OS X/Windowso 數(shù)據(jù)結(jié)構(gòu)前端書(shū)籍推薦越少越簡(jiǎn)單, 越適合入門(mén), 多的要么是難度比較高, 要么是比較適合在后面看比如講性能之類(lèi)的書(shū).CSS? Eric Meyer 談 CSS （卷二）? CSSK威指南（第3版）?精通 CSS*JavaScript? JavaScript DOM 編程藝術(shù)（第 2版） ? JavaScript 高級(jí)程序設(shè)計(jì)（第3 版） ? 鋒利的jQuery ? 高性能JavaScript ? JavaScript 語(yǔ)言精粹? JavaScript 權(quán)威指南? 編寫(xiě)可維護(hù)的JavaScript ? JAVASCRIP語(yǔ)言精髓與編程實(shí)踐? Effec

14、tive Javascript ? Secrets of the JavaScript Ninja ? JavaScript 模式 ? JavaScript 設(shè)計(jì)模式? 基于MVCJavaScript Web富應(yīng)用開(kāi)發(fā)性能實(shí)踐? Web性能實(shí)踐日志? Web性能權(quán)威指南版本控制工具? 版本控制之道(git) ? Pro Git ? Git 權(quán)威指南后端書(shū)籍推薦Linux 管理? Linux 系統(tǒng)管理技術(shù)手冊(cè)? 鳥(niǎo)哥的 Linux 私房菜? Linux 101 Hacks? UNIX Shell Scripting? The Linux Command Line? Linux Network Administrator s GuideLinux 編程? Linux 程序設(shè)計(jì)? Linux 系統(tǒng)編程? Unix 環(huán)境高級(jí)編程? Unix 編程藝術(shù)? The Linux Programming Interface? 程序員的自我修養(yǎng)? 深入理解Linux 內(nèi)核? Unix 網(wǎng)絡(luò)編程? TCP/IP 高級(jí)編程C/C+? Linux C 編程一站式學(xué)習(xí)? C和指針? C陷阱與缺陷? C專(zhuān)家編程? C語(yǔ)言核心技術(shù)? 徹底搞定C 指針? 征服 C 指針? C+魏