Design for Developers
Join us for an Awesome Workshop on:

Design for Developers

November 28, 2018 - 9:30am to 5:30pm Central US Time

RSVP to Attend Online

Live and in Full HD
OR

Join in Person

From Downtown Minneapolis, MN

You're Registered to Attend Online!

November 28, 2018 - 9:30am to 5:30pm Central US Time

This Workshop's Online Chatroom is Currently Open!

November 28, 2018 - 9:30am to 5:30pm Central US Time

You can watch video of this workshop!

Design for Developers

Some Key Takeaways!

By coding along with us in the Workshop, you'll:

  • Learn how to create dynamic layouts from the ground up, from understanding principles of composition to how to implement them in the browser.
  • Understand why so many people love web typography, as well as simple rules you can follow.
  • Learn the basics of color theory and resources that can help speed up your understanding.
  • Learn the basics of how to work with image editing software like Sketch and Adobe Photoshop and when to reach for each.
  • Learn about how the browser sees things, and how this helps create dynamic and beautiful interfaces.
  • Find out how to prototype quickly, and how to communicate your ideas to others so that you can get up-and-running on a team.
  • Learn how to work with motion on the web as well as how it impacts perceived performance.
  • Understand what people mean when they talk about user flows and user experience, and how you can leverage this way of thinking to make the best sites possible.

Your (Awesome) Instructor

Sarah Drasner

Sarah Drasner

Sarah is a Senior Developer Advocate at Microsoft, a Vue core team member, and Staff Writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head and co-organizer of Concatenate Conference. She's the author of SVG Animations from O'Reilly and has given Frontend Masters workshops on Vue.js and Advanced SVG Animations. Sarah is formerly Manager of UX Design & Engineering at Trulia (Zillow).

Apply Design Fundamentals to Your Everyday Front-end Development!

Workshop Details

Sometimes it seems like designing is an unlearnable skill, or that if you’re a developer, you might not be able to learn it because it’s a different discipline. Luckily, designing has rules just like development does — rules that can be understood both in theory and in practice! In this workshop, learn to how to become self-sufficient for the entire process of execution from concept to design to implementation. This workshop is also ideal for those that want to be a better collaborator to their design counterparts, and better able to execute the creation of complex and beautiful Frontend experiences.

Daily Schedule

We've already held over 150 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

  • 9:30AM
    Introduction
  • 10:00AM
    Color Theory
  • 10:30AM
    Different Color Modes
  • 11:00AM
    Rules of Composition
  • 11:30AM
    How to execute dynamic compositions with CSS
  • 12:00PM
    Lunch
  • 1:00PM
    Basics of Web Typography
  • 2:00PM
    Graphics Editors
  • 2:30PM
    Shortcuts with Graphic Editors
  • 3:00PM
    How to stay inspired by others and not rip them off in the process
  • 3:30PM
    Images and Performance
  • 4:00PM
    How to prototype and communicate design concepts quickly
  • 4:30PM
    Motion and Perceived Performance
  • 5:00PM
    What the Browser Sees So You Can Manipulate It
Expand...

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?

Summary

Any developer who would like to be able to take a concept from design to execution. This class condenses and demystifies a lot of the rules of design as well as styles and implementation so that students are empowered to make their own interfaces the way they imagine.

Any Prerequisites?

  • The basics of CSS and JavaScript. No other previous experience is necessary.

Event Details

What

One Full Day Workshop Session

Replay Videos (available immediately)

When

November 28, 2018 - 9:30am to 5:30pm Central US Time

Where

Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN