Project Origin

Front-end Knowledge Structure Diagram (@jayli).

2012043010183887

Front-end Development Knowledge Structure

  • Front-end Engineer
    • Browser
      • IE6/7/8/9
      • Firefox
      • Chrome/Safari/Opera
    • Programming Language
      • JavaScript/Node.js
      • JavaScript Language Essentials
    • Page Slicing (PSD to HTML/CSS)
      • HTML
      • CSS
      • PhotoShop/Paint.net
    • Development Tools
      • IDE
        • VIM/Sublime Text2
        • VSCode/EditPlus
      • Debugging Tools
        • Firebug
        • YSlow
        • IEDeveloperToolbar/IETester
        • Fiddler
      • Version Management
        • Git/SVN
        • Github/Bitbucket/Google Code
    • Code Quality
      • Coding style
        • JSLint/JSHint
        • CSSLint
        • Markup Validation Service
      • Unit Testing
        • QUnit/Jasmine
        • Mocha/Should/Chai
      • Automated Testing
        • WebDriver
    • Front-end Libraries/Frameworks
      • jQuery/Underscore/Mootools/Prototype.js
      • YUI3/Dojo/ExtJS
      • Backbone/KnockoutJS
    • Front-end Standards/Specifications
      • HTTP1.1
      • ECMAScript3/5
      • W3C/DOM/BOM/XHTML/XML/JSON/JSONP
      • CommonJS/AMD
      • HTML5/CSS3
    • Performance
      • JSPerf
      • YSlow 35 rules
      • PageSpeed
      • HTTPWatch
      • DynaTrace's Ajax
      • High-performance JavaScript
    • Programming Knowledge Reserve
      • Data Structures
      • OOP/AOP
      • Prototype Chain/Scope Chain
      • Functional Programming
      • Design Patterns
    • Deployment Process
      • Minification and Concatenation
        • YUI Compressor
        • Google Clousure Complier
        • CleanCSS/UglifyJS
      • Documentation Output
        • JSDoc
        • Dox/Doxmate
      • Project Build Tools
        • make/Ant
        • GYP
    • Code Organization
      • Library Modularization
        • CommonJS/AMD
        • YUI3 Modules
      • Business Logic Modularization
      • File Loading
        • LABjs
        • SeaJS/Require.js
    • Security
      • CSRF/XSS
      • ADsafe/Caja/Sandbox
    • Mobile Web
      • HTML5/CSS3
      • Responsive Design
      • Zeptojs/iScroll
      • V5/Sencha Touch
      • PhoneGap
    • JavaScript Ecosystem
      • MongoDB/CouchDB
    • Cutting-edge Technology Communities/Conferences
      • D2/WebRebuild
      • NodeParty/W3CTech/HTML5 DreamWorks
      • JSConf/Shanghai JS (JSConf.cn)
      • QCon/Velocity/SDCC
      • JSConf/NodeConf
      • YDN/YUIConf
    • Computer Knowledge Reserve
      • Compiler Principles
      • Computer Networks
      • Operating Systems
      • Algorithm Principles
      • Software Engineering/Software Testing Principles
    • Soft Skills
      • Knowledge Management/Summary Sharing
      • Communication Skills/Team Collaboration
      • Requirements Management/PM
      • Interaction Design/Usability/Accessibility Knowledge
    • Visualization
      • SVG/Canvas/VML
      • D3/Raphaël/DataV

References

  • Front-end Skills Summary: https://github.com/JacksonTian/fks