Frontend Engineer Skill Structure

Web Service

  • YQL: Yahoo Query Langauge
  • App Engine
  • Google Open API / Github

Communities / Conferences

  • Yahoo! related: YDN / YUIConf / JSConf
  • QCon / Velocity
  • D2 / WebRebuild
  • NodeParty / HTML5

Mobile Client

  • JQueryMobile / HTML5 / CSS3
  • iOS / Andriod
  • responsive UI Design

Security

  • CSRF / XSS
  • ADSafe / Caja / FBJS / Sandbox

Deploy

  • JSLint / CSSLint / YUICompressor
  • JSMin / TPacker-minifier
  • Ant / Make
  • LAMP

Framework / Library

  • jQuery / YUI
  • Prototype / Mootools / ExtJS
  • Smarty / Django / Zend
  • YUITest / QUnit / Jasmine

Programming

  • JavaScript
  • PHP / Python / Perl / Ruby / BashShell
  • NodeJS / FlashActionScript
  • MVC
  • OOP / AOP
  • Functional Programming Language
  • Design Pattern

Debugging tool

  • Firebug / Web Inspector
  • YSlow / Smushit
  • IETester / IEDeveloperToolBar
  • SuperPreview / JsBeautifier
  • Fiddler / WireShark / tcpdump

Development tool

  • Vim / Aptana / Notepad++ / Sublime / Emacs
  • svn / git

Computer basics

  • Compiling
  • Network
  • Operating System
  • Algorithm
  • Software Engineering / Testing

Standards

  • w3c / DOM / BOM / XHTML / JSON / JSONP
  • HTML5 / CSS3
  • ECMAScript
  • CommonJS
  • HTTP1.1

Prformance

  • WebPageTest
  • ShowSlow / YSlow
  • PageSpeed
  • HttpWatch
  • DynaTrace’s Ajax

Reference: http://addyosmani.com/resources/toolschart/chart.pdf


Share this article