DrupalCon New Orleans 2016: Six Easy Pieces for the New Front-end Development
Channel: Drupal Association
Date: 11/05/2016

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:

The Component
The Twig, the Sass and the Fugly
Noodling with JavaScript Tooling
Style Guides at the Center
Testing for Success
Budgeting for Performance
In going through the material, we'll touch on BEM, libSass, KSS, Gulp.js, autoprefixer, Eslint, sass-lint, npm and more.