It’s not  2014 anymore. Visit Sched’s 2015 Austin Guide =>
Back To Schedule
Saturday, March 8 • 9:30am - 1:30pm
Reusable HTML, CSS, & JS: Front End Legos

Sign up or log in to save this to your schedule, view media, leave feedback and see who's attending!

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
- 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.

View official listing on sxsw.com

avatar for Darby Frey

Darby Frey

Sr Software EngineerBellyDarby Frey is a software engineer and consultant who has worked on web and mobile applications for many clients including Groupon, Toyota and Paramount Pictures. With a passion for creating scalable and maintainable applications he is always striving to create... Read More →

Saturday March 8, 2014 9:30am - 1:30pm CST
AT&T Conference Center, Classroom 105

Attendees (0)