Skills of a successful front-end web developer

来自：https://drupal.org/node/1245650

Everyone wants to hire the perfect Drupal developer - but you need a way to identify future potential Drupal front-end developers. What previous experiences and transferable skills are going to help someone make the switch to Drupal and excel on a busy team for a typical Drupal site owner.

What are the transferable skills and characteristics someone could look for in a potential Drupal developer? To put it another way, if you have a group of 10 people how would you narrow down your choices?

There are many roles recognized in the Drupal community, yet for the purposes of this discussion, we are grouping them into two roles:Back-end developer, and Front-end developer.

Front end developer

Previous experience

• Understands key server-side web development concepts through experiences such as:
• Interpreting graphic visual or interaction designs in HTML, CSS and Javascript.
• Creating visually appealing web pages or interfaces.
• Creating, editing or modifying templates for a CMS or web development framework.
• Programming interaction with JavaScript and/or a library such as jQuery, YUI or Prototype.
• Testing cross-browser, cross-platform, and/or cross-device compatibility for inconsistencies.
• Testing for compliance to specified standards such as accessibility standards in the clients region or domain.
• Conducting observational user testing, or reviewing designs against usability heuristics.

Domain specific knowledge or transferable skills

Experience with web development languages of HTML, CSS and JavaScript/jQuery.

• HTML
  • Familiarity of HTML syntax for multiple specifications, including HTML 5.
  • Knowledge of the semantic meaning of all HTML elements.
  • Familiarity with the semantic markup for display of lists, tabular data, forms, articles, etc.
  • Knowledge of markup used for layout such as dividers.
  • Knowledge at the level to be able to hand-code markup.
  • Including media and images.
• PHP
  • Familiarity with modifying Drupal Theme hooks to display data
  • Understanding how to utilize PHP to filter, process and output html, json, xml
• CSS
  • Specifying different CSS for various media, devices and displays.
  • Best practices in CSS file organization and structure.
  • Methods for including CSS inline, internal and external via linked style sheets.
  • How to define, combine and group CSS selectors for HTML elements, ID, classes, pseudo classes, child or sibling.
  • Syntax of CSS declarations, properties and attributes.
  • CSS box model and methods for CSS positioning, absolute and relative.
  • Knowledge of properties and attributes to control the display.
  • Familiarity with differences in CSS 2 and CSS 3.
  • Proficient with a CSS Preprocessor such as Sass or LESS.
• Best practices
  • Methods to ensure browser & device compatibility
  • Methods for degrading gracefully for older browsers and displays.
  • Methods to ensure accessibility.
  • File compression techniques for improving speed.
• JavaScript
  • Knowledge of the operators, variables, datatypes, objects, properties and methods.
  • Familiarity with control structures such as objects, functions, conditional statements, arrays, loops and expressions.
  • Forms and regular expression validation and submitting data.
  • Knowledge of how to apply logical operators and conditional statements.
  • Knowledge of the DOM HTML objects and their properties.
• Event handling.
  • Creating and controlling windows and dialogs.
  • Processes for troubleshooting and debugging
  • Familiarity with development and debugging tools for cross-browser issues.
• jQuery
  • Knowledge of how to employ the jQuery library for visual effects, event handling, and document manipulation.