ATTENTION: You must signup in advance to attend this workshop. You will need to have a valid SXSW badge, and an activated SXsocial account. To reserve your seat, please go here: https://sup.sxsw.com/schedule/IAP20614

You've been tasked with developing a new front end feature. HTML, CSS, and JavaScript are nothing new to you, in fact you even know a few tricks to get this feature out the door. It doesn't take you long and the code works like a charm, yet you have a looming suspicion that some of the code might not be up to par. You're likely right, and you're definitely better than that.

We often write code without paying attention to the bigger picture, or overall code base. Upon stepping back we notice areas of duplicate code, ripe for refactoring. It's time to build more modular front ends, focusing on the reusability of HTML, CSS, and JavaScript, and to take maintainability to heart.

Our workshop will begin by discussing common problems with writing and maintaining front end code. Within the first half of the workshop we’ll roll up our sleeves and dig into HTML and CSS, building modular layouts and accommodating content. After a quick break, the second half of the workshop will outline how to use JavaScript objects to build reusable components, and finally we will tie it all together to build some features using the techniques we’ve learned.

In this four hour long workshop you’ll learn:
How to avoid common problems working with HTML, CSS, and JavaScript
How to measure CSS specificity
How to modularize layouts and accommodate content
How to leverage JavaScript objects for reusability
How to write reusable HTML, CSS, and JavaScript

Prerequisites:
- To get the most out of this workshop attendees should have a basic understanding of HTML, CSS, and JavaScript, as well as some familiarity with Chrome Developer Tools or Firebug.

What to Bring:
- Please bring a laptop and your favorite text editor, as we will be doing live coding in this workshop.