週末學習總結（二）

爲了更好的學習前端，瞭解咱們所須要學習的內容框架是必不可少的，下面是我收集的學好web前端要涉及到哪些方面

• 瀏覽器
  
  • IE6/7/8/9
  • Firefox
  • Chrome/Safari/Opera
    
• 編程語言
  
  • JavaScript/Node.js
  • JavaScript語言精粹
    
• 切頁面
  
• • HTML/HTML5
  • CSS/CSS3
  • PhotoShop/Paint.net

• • 開發工具
    
    • IDE
      
      • VIM/Sublime Text2
      • Notepad++/EditPlus
      • WebStorm
        
    • 調試工具
      
      • Firebug/Firecookie
      • 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/Emberjs
      
  • 前端標準/規範
    
    • 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
    • 原型鏈/做用域鏈
    • 閉包
    • 函數式編程
    • 設計模式
    • Javascript Tips
      
  • 部署流程
    
    • 壓縮合並
      
      • YUI Compressor
      • Google Clousure Complier
      • CleanCSS/UglifyJS
        
    • 文檔輸出
      
      • JSDoc
      • Dox/Doxmate
        
    • 項目構建工具
      
      • make/Ant
      • GYP
      • Grunt
      • Yeoman
        
      
      
  • 代碼組織
    
    • 類庫模塊化
      
      • CommonJS/AMD
      • YUI3模塊
        
    • 業務邏輯模塊化
    • 文件加載
      
      • LABjs
      • SeaJS/Require.js
        
      
      
  • 安全
    
    • CSRF/XSS
    • ADsafe/Caja/Sandbox
      
  • 移動Web
    
    • HTML5/CSS3
    • 響應式設計
    • Zeptojs/iScroll
    • V5/Sencha Touch
    • PhoneGap
    • jQuery Mobile
      
  • 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
      
    
    
• 後端工程師
  
• 編程語言
  
  • C/C++/Java/PHP/Ruby/Python/…
    
• 數據庫
  
  • SQL
  • MySQL/MongoDB/Oracle
    
• 操做系統
  
  • Unix/Linux/OS X/Windows
    
• 數據結構
• 其實上述不少東西咱們都在以往的學習中瞭解或者接觸到了，可是前端路道阻且長。但願在將來的學習中以上面的框架爲基礎進行知識擴展