Six Easy Pieces for the New Front-end Development


Modern front-end development has become a tangle of fast-moving technologies. Our job is to implement HTML, CSS, images, and JavaScript, but with over 200,000 JavaScript projects on NPM alone, how do you find and learn about the best tools and techniques? And even after we've learned a new tool, it can feel like our skills are soon out-dated.

How do you keep from sucking at this job?

I've been doing front-end development for 23 years and in this session we will be going over the core principles for learning and improving our front-end skills. Then we'll go through six easy pieces that describe the essentials of front-end development. With numerous linked resources, you'll be able to tackle one piece at a time to modernize your own front-end practices.

The six easy pieces:

  1. The Component
  2. The Twig, the Sass and the Fugly
  3. Noodling with JavaScript Tooling
  4. Style Guides at the Center
  5. Testing for Success
  6. Budgeting for Performance

In going through the material, we'll touch on BEM, libSass, KSS, Gulp.js, autoprefixer, Eslint, sass-lint, npm and more.

Session Track

Front End

Experience Level


Drupal Version

When & Where

Wednesday, 11 May, 2016 - 10:45 to 11:45
271-273 [Acquia]