Design for Developers
Join us for an Awesome Workshop on:

Design for Developers

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

This workshop has already been published as a course!

Watch the Full Course

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 Drasner is an award-winning Speaker, Head of Developer Experience at Netlify, Vue core team member, and Staff Writer at CSS-Tricks. Sarah is formerly Principal Lead of Emerging Markets, Cloud Advocates at Microsoft and Manager of UX & Engineering at Trulia/Zillow Group. She’s the author of SVG Animations from O’Reilly and has given Frontend Masters workshops. Sarah is a co-organizer of ConcatenateConf, a free conference for Nigerian and Kenyan developers. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She has worked for 15 years as a web developer, and at points worked as a Scientific Illustrator and a Professor in the Greek Islands.

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