We all know the value of dependency management, DRY, abstractions and loose coupling when we're building our back-end architectures, but when it comes to writing the UI for our web applications, we often fall back into the habit of copy'n'paste code reuse, invisible dependencies, mixing presentation and behaviour, using inline styles and JavaScript, and other bad habits. Can you inject dependencies in their sleep but don't know what a CSS sprite is? Are you fluent, loosely-coupled and asynchronous but still like to use HTML tables for your page layout? This workshop is for you. We'll show you how to take all the pragmatic principles that you use in your back-end system development, and apply them to your HTML, your CSS, your layouts and your JavaScript. We'll see: * How to keep your styles manageable by turning your CSS inside-out and keeping things DRY * How to isolate your websites' look and feel in an installable package, so you can install CSS and UI updates using dependency managers like Nuget and Openwrap * How to keep your Javascript clean by using templating, data-binding, jQuery plugins and name-spaces * How to use CSS media queries to target multiple devices with a single code-base * Using CSS sprites and content-delivery networks to keep your pages fast and responsive

No outline is available