Необходимые умения для фронтедщика

frontend skills

У Louis Lazaris, автора сайта impressivewebs.com , есть интересная статья Skills for Front-End Developers.

Хоть статья и 2011 года, но актуальность не потеряла (периодически обновляется список). Вот собственно и сам список умений (навыков) для фронтедщика.

• HTML (XHTML, HTML4, HTML5)

• CSS (2.1, CSS3, etc.)

• JavaScript / Ajax

• jQuery

• Popular Frameworks (HTML5 Boilerplate, Twitter Bootstrap, etc.)

• Modernizr

• OOCSS / BEM / SMACSS (Modular coding methodologies)

• CSS Grids

• CSS Frameworks / Resets

• Progressive Enhancement / Graceful Degradation

• HTML and CSS Specifications (W3C / WHATWG)

• UX / Usability

• Website Speed / Performance

• Developer/Debugging Tools (Chrome Dev Tools, Firebug, etc)

• YUI Library

• Dojo / MooTools / Prototype

• Responsive Web Design

• Mobile Web Development

• Mobile Web Performance

• Cross-Browser / Cross-Platform Development

• Document Object Model (DOM)

• Cross-Browser Bugs and Inconsistencies (primarily IE6-8)

• CSS Pre-Processors (LESS / Sass)

• Version Control (Git / GitHub / CVS / Subversion)

• HTML5 APIs (Canvas, Geolocation, Video, etc.)

• Object-oriented Programming (OOP)

• Back-end Templating languages/technologies (PHP, Ruby, .NET, etc)

• Scaffolding, Task Runner tools (Yeoman, Grunt, Bower, etc.)

• MVC Frameworks (Angular, Backbone, etc.)

• MySql

• Accessibility / WAI-ARIA

• Microdata / Microformats

• HTML5/CSS3 Polyfills

• CMS (WordPress, Drupal, Joomla, etc)

• Functional Programming

• Data Formats (e.g. JSON, XML)

• Internationalization / Localization

• Content Strategy

• Offline Web Apps

• Regular Expressions

• .htaccess

• SVG

• Image Editing Tools (Photoshop, Fireworks, etc.)

• Web Font Embedding / Licensing

• SEO

• Haml

• CoffeeScript

Немаленький получился список. А что вы бы добавили? Может что-то лишнее? Интересно ваше мнение и чем вы пользуетесь.

с/у Талга УтБ

Комментарии к статье

  • #

    > Image Editing Tools (Photoshop, Fireworks, etc.)
    > SEO

    Зачем? В нормальных компаниях программисты этим не занимаются (особенно SEO, т.к. это вообще не техническая профессия).

    • #

      Фронтендщик не должен знать фотошоп, ai и т.д. ?? а как работать-то ?
      верстка косвенно влияет на seo, например, почитайте о микроразметке, микроданных и т.д.

  • #

    Поищите в поисковиках, что было бы, если бы при приёме на работу к водителям относились как к программистам

  • #

    я бы добавил еще графические редакторы, настройку локального сервера, axure ( прототипирование), работу в облаках. Большенство из этого конечно косвенно, но все же

  • #

    Список большой, можно очень долго изучать все это.

  • #

    Отличная статья, мне пригодится!

  • #

    Спасибо огромное автору за статейку! ;)

  • #

    Не маленький список…

  • #

    Неплохая статья

  • #

    А что имеется в виду под Progressive Enhancement / Graceful Degradation?

  • #

    Это точно перечень знаний? На сематическое ядро похоже ;)

    • #

      Louis Lazaris считает так и его читатели :)
      Ну вот бесплатные ключевые слова ;)