1. Workshop Information
  2. Monday June 16
  3. Tuesday June 17
  4. Wednesday June 18
  5. Thursday June 19
  6. Friday June 20

Future of Web Apps

Future of Web Design

Future of Mobile

FOWA

Mon June 16

  1. A photo of John Lindquist
    9:00am - 5:00pm

    AngularJS Bootcamp

    John Lindquist

    This zero to hero workshop will take you through the fundamentals and best practices of AngularJS all the way to building full-fledged applications. We'll cover all aspects of AngularJS from directives and services to structuring your application and navigation. We'll have multiple code challenges throughout the day to help reinforce the concepts and give you plenty of examples to take home with you.

  2. A photo of James Williams
    9:00am - 5:00pm

    Developing HTML5 Games with WebGL

    James Williams

    There was once a time where gaming in the browser meant Flash. That time is no more. Based on OpenGL ES, WebGL brings the 3D world to the browser without any plugins. Three.js, a scenegraph library for WebGL, allows us to make creating 3D web apps easier by abstracting away many of the low-level API calls. In this workshop, you’ll learn the basics of game programming, WebGL, and how to use Three.js to create WebGL applications.

  3. A photo of Jesse Cravens
    9:00am - 5:00pm

    Building Web Apps with Ember.js Beginner to Intermediate Level

    Jesse Cravens

    As an alternative to other popular client MVC solutions like Backbone.js and Angular.js, Ember.js differs in that it provides 'Rails-like' defaults by convention to common coding patterns, intelligent memory management, built-in integration testing, and numerous, next generation client side persistence solutions. Join O'Reilly author, Jesse Cravens, as he presents information from his new book: O'Reilly's 'Building Web Apps with Ember.js’ as he takes the audience through the construction of the RocknRollCall demo application. Attendees should leave this session with an understanding of the following: Construct a workflow using the latest in JavaScript build and package management solutions. Use Handlebars and Ember templates. Use Ember’s router to manage application state. Use data bindings to live update the UI in response to data changes. Use Ember-Data to connect to remote data. Deliver Ember.js apps using various server side web frameworks. Test your Ember application. Modularize your code with Ember components

  4. A photo of Kirsten Hunter
    9:00am - 5:00pm

    APIs Intensive: From Apprentice to Master

    Kirsten Hunter

    It seems like REST/HTTP web services are everywhere! In the first part of the session, we’ll start by talking about what an API is and the basics of how they work. I’ll cover common business use cases and how to determine (and measure) the success of your API. Once we’ve covered that, I’ll focus on teaching you how these systems work. It seems like everything you want is available via a web service, but getting started with one of these web services can be overwhelming – and debugging the interactions bewilders some of the smartest developers I know. In this section, I will talk about HTTP, how it works, and how to watch and understand the traffic between your system and the server. From there I’ll proceed to REST – how REST web services layer on top of HTTP and how you can expect a REST web service to behave. We’ll go over how to monitor and understand requests and responses for these services. In the second part of the session, we’ll get out of presenter mode and have some fun with what I’m calling a playshop - combining APIs together is where the magic really happens. I’ll provide some examples of setting up interactions using IFTTT (If This Then That), and we’ll have a couple of audience participation exercises with some IoT toys. Lastly, I’ll talk through some real world examples of combining different APIs together and point you to a github repository with examples to get started working with APIs. If you bring your laptop you can participate fully, but some of the exercises will use smartphone technology and twitter - and you can always grab the code from github later - it’s an open repository and I’m hoping for it to grow as people come up with more cool examples. When you’re done with the workshop, you will have the knowledge necessary to get started working with APIs, and some fun and exciting code samples to help get you started.

FOWD

Tue June 17

  1. A photo of Shay Howe
    9:00am - 5:00pm

    Front End Legos: Reusable HTML & CSS

    Shay Howe

    All too often writing HTML and CSS is an afterthought. Its the work that happens after design is finalized and the product has been developed. Its a necessary task in the process to building a website. Wrong. HTML and CSS are the backbone to every website, and are equally as important as any design or development. After spending some time playing with legos and writing some of code attendees will be able to better organize their code, develop modular styles, and work with CSS specificity. The workshop is geared towards intermediate front end designers and developers, with a love of legos, looking grow their skill set. A sound understanding of HTML and CSS are required as the workshop will cover more advanced techniques around building and laying out websites. Don't forget to bring your laptop. Shay Howe will co-present this workshop with Darby Frey. What You'll Learn: Common problems working with HTML and CSS. How to write reusable HTML and CSS. The importance of maintainability. How to measure CSS specificity. How to modularize layouts. How to accommodate content

  2. A photo of Jason Pamental
    9:00am - 5:00pm

    Responsive Design & Typography Master Class: Getting Beyond the Basics

    Jason Pamental

    With all the frameworks, themes and samples out there these days, taking the first step to make your site responsive is pretty accessible - for large sites and small. But beyond just making everything scale and reflow, there’s a lot more to consider to make sites not just functional but truly usable (and even delightful) on small-screen and/or touch-based devices. One of the most often-overlooked considerations is type size and proportion as screen size changes. We’ll explore how to design for both readability and meaning on various devices, how you can easily mitigate FOUT (Flash Of Unstyled Text) and how to get even more beauty from your type choices by leveraging OpenType features like ligatures and old-style figures. We won’t stop with just type: there are still plenty of considerations once you’ve made that first step into designing responsively. We’ll also look at what it means to design for capabilities of the device rather than the fabled ‘mobile context of use’: things like responsive images and high-resolution screens, how to choose the right input types on forms and how performance can be one of the most important design considerations you can make throughout your design process. Responsive design is a journey. Let’s get a few steps ahead. You'll need your laptop, your favorite code editor, a few web browsers and lots of energy. It’ll be a long day but you’ll leave having built real stuff, and take away loads of sample code, resources and examples to use in your own projects going forward. What You'll Learn: Review of the core elements of a responsive design and how to build them. Responsive Typography - what it means and why it matters (there is no ‘content first’ without type!). How to incorporate advanced ideas without sacrificing browser support. Exactly what it means to deliver a ‘device-appropriate experience’ (rather than a ‘pixel-perfect’ one). How to think responsively & design responsibly (& what that means & why it matters)

  3. A photo of Jon Setzen
    9:00am - 5:00pm

    Building Your Brand: Designing From the Ground Up

    Jon Setzen

    As designers we generally cannot wait to throw ourselves headfirst into projects, to start sketching, thinking about colors, and imagining user flows. It’s important to put on the breaks and step back from the project to address the problems you’ll be solving. At the end of the day, great design is solving problems elegantly and simply. How will you work with your teams and/or clients to make your products and/or services standout and be successful. From creating a future vision for your brands to crafting a compelling and emotive product story, this intensive workshop explores a series of exercises that are essential to a calculated creative process. Join me for a day full of collaborative, creative, and hands-on exercises that you can take back to your clients and your teams. What You’ll Learn: How to create a powerful future visions for your brands that set projects in the right direction. Branding workshop exercises that will ignite creativity amongst your teams and lead you towards that “big idea”. Brainstorming for designers and sketching layouts with a real purpose. Techniques to turn your project into a emotive story people want to hear. How to present your ideas to the toughest of clients. What You'll Need: Just you and your laptop. We’ll provide notebooks, pens, markers, and more.

  4. A photo of Sarah Parmenter
    9:00am - 5:00pm

    Designing for Hand-held Devices

    Sarah Parmenter

    Sarah is a true iOS heroine. Her workshop walks you through the peaks and valleys of iOS design, from start to finish... and everything in between. Learn how to compile final documents for dev... in one day! A 'must' for all iOS wannabes.

FOM

Wed June 18

  1. A photo of Ben Jakuben
    9:00am - 5:00pm

    Developer Tools for iOS and Android

    Ben Jakuben

    The first half of this workshop will cover how to set up and use the basic tools required for Android development. We'll build a simple app and do a quick comparison of Eclipse and Android Studio, then we'll check out Genymotion, some debugging tools, and open source libraries that can make your development life a lot easier. In the second half we'll do the same thing for iOS development. We'll create a very simple app and learn the basics of debugging. Then we'll look at some examples of how to use more advanced tools like Instruments, CocoaPods, and open source frameworks.

  2. A photo of Josh Clark
    9:00am - 5:00pm

    Designing for Touch

    Josh Clark

    Touchscreens are everywhere now, even the desktop, and this workshop tells you what you need to know to make the most of them. Fingers and thumbs turn desktop design conventions on their head, with the ergonomics of handheld devices demanding entirely new design patterns for both web and apps. Handheld touchscreen design introduces ergonomic concerns that are new to many digital designers; it’s no longer just how your pixels look but also how they feel. At the same time, touch gestures have the opportunity to sweep away buttons, menus and windows from mobile devices, but gesture design takes care and education. Find out how to do it the right way. This workshop takes a hands-on approach (heh) to touchscreen design with practical guidelines, rich examples, exercises, and a bunch of new rules that bust the “settled” conventions of the desktop. What you will learn: Layout and sizing guidelines for touchscreens on phones and tablets… and desktop, too. Emerging gesture conventions and design patterns for both apps and web. How to make gestures discoverable by educating users with contextual cues. Techniques for making touch interactions fast and efficient. How to cope with the reduced real estate left in the wake of giant touch targets. When the best touch UI is no touch at all; how to use sensors to speed or replace touch input. Opportunities to push frontiers with entirely new interactions through touch

Thanks to our amazing sponsors
Sponsors
Media Temple modern.IE