プロジェクトの起源

フロントエンド知識構造図（@jayli）。

2012043010183887

フロントエンド開発知識構造

  • フロントエンドエンジニア
    • ブラウザ
      • IE6/7/8/9
      • Firefox
      • Chrome/Safari/Opera
    • プログラミング言語
      • JavaScript/Node.js
      • JavaScript言語の精髄
    • ページのコーディング（スライス）
      • HTML
      • CSS
      • PhotoShop/Paint.net
    • 開発ツール
      • IDE
        • VIM/Sublime Text2
        • VSCode/EditPlus
      • デバッグツール
        • Firebug
        • YSlow
        • IEDeveloperToolbar/IETester
        • Fiddler
      • バージョン管理
        • Git/SVN
        • Github/Bitbucket/Google Code
    • コード品質
      • Coding style
        • JSLint/JSHint
        • CSSLint
        • Markup Validation Service
      • 単体テスト
        • QUnit/Jasmine
        • Mocha/Should/Chai
      • 自動化テスト
        • WebDriver
    • フロントエンドライブラリ/フレームワーク
      • jQuery/Underscore/Mootools/Prototype.js
      • YUI3/Dojo/ExtJS
      • Backbone/KnockoutJS
    • フロントエンド標準/規範
      • HTTP1.1
      • ECMAScript3/5
      • W3C/DOM/BOM/XHTML/XML/JSON/JSONP
      • CommonJS/AMD
      • HTML5/CSS3
    • パフォーマンス
      • JSPerf
      • YSlow 35 rules
      • PageSpeed
      • HTTPWatch
      • DynaTrace's Ajax
      • 高性能JavaScript
    • プログラミング知識の蓄え
      • データ構造
      • OOP/AOP
      • プロトタイプチェーン/スコープチェーン
      • 関数型プログラミング
      • デザインパターン
    • デプロイプロセス
      • 圧縮・結合
        • YUI Compressor
        • Google Clousure Complier
        • CleanCSS/UglifyJS
      • ドキュメント出力
        • JSDoc
        • Dox/Doxmate
      • プロジェクトビルドツール
        • make/Ant
        • GYP
    • コード構成
      • ライブラリのモジュール化
        • CommonJS/AMD
        • YUI3モジュール
      • ビジネスロジックのモジュール化
      • ファイル読み込み
        • LABjs
        • SeaJS/Require.js
    • セキュリティ
      • CSRF/XSS
      • ADsafe/Caja/Sandbox
    • モバイルWeb
      • HTML5/CSS3
      • レスポンシブデザイン
      • Zeptojs/iScroll
      • V5/Sencha Touch
      • PhoneGap
    • JavaScriptエコシステム
      • MongoDB/CouchDB
    • 先端技術コミュニティ/カンファレンス
      • D2/WebRebuild
      • NodeParty/W3CTech/HTML5夢工場
      • JSConf/上海JS（JSConf.cn）
      • QCon/Velocity/SDCC
      • JSConf/NodeConf
      • YDN/YUIConf
    • コンピュータ知識の蓄え
      • コンパイラ理論
      • コンピュータネットワーク
      • オペレーティングシステム
      • アルゴリズム原理
      • ソフトウェア工学/ソフトウェアテスト原理
    • ソフトスキル
      • 知識管理/まとめ・共有
      • コミュニケーションスキル/チームワーク
      • 要件管理/PM
      • インタラクションデザイン/ユーザビリティ/アクセシビリティ知識
    • 可視化
      • SVG/Canvas/VML
      • D3/Raphaël/DataV

参考資料

  • フロントエンドスキルまとめ：https://github.com/JacksonTian/fks