Web前端知识技能大汇总
Web前端知识技能大汇总项目起源还记得@jayli 的这幅前端知识结构图么。
图片的形式具有诸多的不便。缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。
可视化效果
前端开发知识结构前端工程师浏览器IE6/7/8/9/10/11(Trident)Firefox(Gecko)Chrome/Chromium(Blink)Safari(WebKit)Opera(Blink)编程语言javaScript/Node.jsCoffeeScriptTypeScript切页面HTML/HTML5CSS/CSS3Sass/LESS/Stylusphotoshop
/Paint.net/fireworks/GIMP/Sketch开发工具编辑器和IDEVIM/Sublime Text2Notepad++/EditPlusWebStormEmacsEmacsWiki
BracketsAtomLime TextLight TableCodeboxTextMateNeovimKomodo IDE / EditEclipseVisual Studio/Visual Studio CodeNetBeansCloud9 IDEHBuilderNuclide调试工具Firebug/FirecookieYSlowIEDeveloperToolbar/IETesterFiddlerChrome Dev ToolsDragonflyDebugBarVenkman版本管理Git/SVN/MercurialGithub/GitLab/Bitbucket/Gitorious/GNU Savannah/Launchpad/SourceForge/TeamForge代码质量Coding styleJSLint/JSHint/jscsCSSLintMarkup Validation ServiceHTML Validators单元测试QUnit/JasmineMocha/Should/Chai/ExpectUnit JS自动化测试WebDriver/PRotractor/Karma Runner/SahiphantomjsSourceLabs/BrowserStack前端库/框架jQuery/Underscore/Mootools/Prototype.jsYUI3/Dojo/ExtJS/KISSYBackbone/KnockoutJS/EmberjsAngularJSBatarangBootstrapSemantic UIJuice UIWeb AtomsPolymerDHTMLxqooxdooReact
Brick前端标准/规范HTTP/1.1: RFCs 7230-7235HTTP/2ECMAScript3/5W3C: DOM/BOM/XHTML/xml/JSON/JSONP/…CommonJS Modules/AMDHTML5/CSS3Semantic WebMicroDataRDFaWeb accessibilityWCAGRole AttributeWAI-ARIA性能jsperfYSlow 35 rulesPageSpeedHTTPWatchDynaTrace’s Ajax高性能JavascriptSEO编程知识储备数据结构OOP/AOP原型链/作用域链闭包编程范型设计模式Javascript Tips部署流程压缩合并YUI CompressorGoogle Clousure ComplierUglifyJSCleanCSS文档输出JSDocDox/Doxmate/Grunt-Doxmate项目构建工具make/AntGYPGruntGulpYeomanFISMod代码组织类库模块化CommonJS/AMDYUI3模块业务逻辑模块化bower/component文件加载LABjsSeaJS/Require.js模块化预处理器
Browserify安全CSRF/XSSCSPSame-origin policyADsafe/Caja/Sandbox移动WebHTML5/CSS3响应式网页设计Zeptojs/iScrollV5/Sencha TouchPhoneGapjQuery MobileW3C Mobile Web InitiativeW3C mobileOK CheckerOpen Mobile Alliance前沿技术社区/会议D2/WebRebuildNodeParty/W3CTech/HTML5梦工厂JSConf/沪JS(JSConf.cn)QCon/Velocity/SDCCJSConf/NodeConfCSSConfYDN/YUIConfHybridAppWHATWGMDNcodepenw3cplusCNode计算机知识储备编译原理计算机网络操作系统算法原理软件工程/软件测试原理Unicode软技能知识管理/总结分享沟通技巧/团队协作需求管理/PM交互设计/可用性/可访问性知识可视化SVG/Canvas/VMLSVG:D3/Raphaël/Snap.svg/DataVCanvas:CreateJS/KineticJSWebGL/Three.JS后端工程师编程语言C/C++/Java/php/Ruby/Python/…网页服务器NginxApacheLighttpd数据库SQLMySQL
/PostgreSQL/Oracle/DB2MongoDB/CouchDB数据缓存RedisMemcached文件缓存/代理VarnishSquid操作系统Unix/linux/OS X/Windows数据结构前端书籍推荐★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.
CSSEric Meyer 谈 CSS(卷二)★★★CSS权威指南 (第3版)★★精通CSS★★★JavaScriptJavaScript DOM编程艺术 (第2版)★JavaScript高级程序设计(第3版)★★锋利的jQuery★★高性能JavaScript★★★JavaScript语言精粹★★★JavaScript权威指南★★★编写可维护的JavaScript★★★JAVASCRIPT语言精髓与编程实践★★★Effective Javascript★★★Secrets of the JavaScript Ninja★★★JavaScript模式★★★JavaScript设计模式★★★★基于MVC的JavaScript Web富应用开发★★★性能实践Web性能实践日志★★★Web性能权威指南★★★版本控制工具版本控制之道 (git)★★Pro Git★★★Git权威指南★★★★后端书籍推荐Linux管理Linux 系统管理技术手册鸟哥的 Linux 私房菜Linux 101 HacksUNIX Shell ScriptingThe Linux Command LineLinux Network Administrator’s GuideLinux编程Linux程序设计Linux系统编程Unix环境高级编程Unix编程艺术The Linux Programming Interface程序员的自我修养深入理解Linux内核Unix网络编程TCP/IP高级编程C/C++Linux C编程一站式学习C和指针C陷阱与缺陷C专家编程C语言核心技术彻底搞定C指针征服C指针C++编程思想高质量程序设计指南—C/C++语言Inside the C++ Object ModelA Tour of C++The C++ Programming LanguageThe C++ Standard Library – A Tutorial and ReferenceThe C++ Standard (INCITS/ISO/IEC 14882-2011)Overview of the New C++前端工作面试前端工作面试问题