Skills for front-end developers

Ngoc Huynh

As a front-end developer, I’m constantly trying to learn new skills and technologies and adding to what I already know. Front-end developer job postings, however, vary from posting to posting so the list of different languages, libraries, and technologies that could theoretically fall under the category of front-end developer skills is quite large.

Here’s a list (that I’ll continue to update) containing a wide variety of skills and technologies that I think all front-end developers should be working on learning, at least to some extent. I certainly don’t know all of these, nor do I expect anyone else to.

. CSS (2.1, CSS3, etc.)
. JavaScript / Ajax
. jQuery
. Popular Frameworks (Bootstrap, HTML5 Boilerplate, etc.)
. OOCSS / BEM / SMACSS (Modular coding methodologies)
. CSS Grids
. CSS Frameworks / Resets
. Progressive Enhancement / Graceful Degradation
. UI JS Libraries (React, Flux, etc.)
. HTML and CSS Specifications (W3C / WHATWG)
. UX / Usability
. Website Speed / Performance
. Developer/Debugging Tools (Chrome Dev Tools, Firebug, etc)
. Responsive Web Design
. Mobile Web Development
. Mobile Web Performance
. Cross-Browser / Cross-Platform Development
. Modernizr
. DOM Scripting and APIs
. JavaScript transpilers (BabelJS)
. ECMAScript 6
. Module/Dependency loaders (AMD, Webpack, Browserify, etc.)
. JavaScript testing frameworks (Mocha, QUnit, etc.)
. Linters and code quality tools (JSLint, JSHint, etc.)
. Cross-Browser Bugs and Inconsistencies (primarily older versions of IE)
. CSS Pre-Processors (Sass, Less, Stylus, etc.)
. Preprocessor GUI software (CodeKit, Prepros, Koala, etc.)
. Version Control (Git / GitHub / CVS / Subversion)
. HTML5 APIs (Canvas, Geolocation, Video, etc.)
. Accessibility / WAI-ARIA
. Microdata / Microformats
. Haml
. CoffeeScript
. Object-oriented Programming (OOP)
. Back-end languages/technologies (Node.js, PHP, Ruby, .NET, etc)
. Automation and Task Runners (Yeoman, Grunt, Gulp, Make, etc.)
. Package Managers (npm, Bower, etc.)
. MVC Frameworks (Angular, Backbone, etc.)
. Web Components, Shadow DOM, Polymer
. Databases/DB languages (SQL, MySql, NoSQL, MongoDB, etc.)
. HTML5/CSS3 Polyfills
. Dojo / MooTools / Prototype / YUI
. CMSs (WordPress, Drupal, Joomla, etc)
. Functional Programming
. Data Formats (JSON, JSONP, XML)
. Internationalization / Localization
. Content Strategy
. Offline Web Apps
. Web Workers
. Regular Expressions
. htaccess
. Image Editing Tools (Photoshop, Fireworks, etc.)
. Web Fonts

Share the news now

Source :