TOOLS introducion

工欲善其事,必先利其器


- Oscar Tong / @oscartong

development tools


  • IDE
  • share tools
  • debug tools

ide


  • code highlight
  • smart code hint
  • find & replace
  • snippet & template
  • live browser reload
  • optimize js & images
  • ...

ide - webstorm


ide - sublime text 2


ide - cloud9


ide - codekit


share tools


  • sharing code
  • collaboration

share tools - cloud9

share tools - jsfiddle


debug tools


  • Firebug & Webkit Inspector
  • DOM Inspector
  • Console
  • Network Monitor
  • Sources

debug tools - dom inspector


debug tools - console


debug tools - network monitor


debug tools - sources


THANKS


Q&A


Made with Slides.com