Skip to main content

Optimistic UI Masterclass

Zell Liew
Your instructor
Zell Liew
Tickets
Get a ticket ↓

Workshop includes:
  • 🔖  Examples to take away
  • 🗣  Interactive sessions
  • 📺  Workshop recordings
  • 🎤  Dedicated Q&A time
  • 🏅  Smashing Certificate

Workshop, 4×2h + Q&A Thu & Fri, Oct 6–14 2022
09:00 – 11:30 AM CET 00:00 – 2:30 PDT 15:00 – 17:30 Singapore Check your time zone

Imagine you’re typing into a Google document and you are interrupted by a spinner every few seconds. Would you still use Google Docs?

Optimistic UI is powerful because it lets you do things while the website tries to communicate with the server to save what you just did.

In this workshop, we are going to dive deep into Optimistic UI — what it is and how to implement it — so you are able to make magical applications that people love to use, and can benefit from.


Imagine liking a tweet and you have to wait 2 seconds before you are allowed to read another tweet. Would you still like the tweet? Apps made with Optimistic UI empower you. It doesn’t slow you down, it gives you the freedom to roam and move at the speed you’re capable of. It supports you while getting out of the way. Optimistic UI is built into the most popular tools because we hate waiting.

When you make Optimistic UI, you reduce the amount of friction your users encounter with your app. You increase their delight as your app helps them achieve what they want to do.

Optimistic UI is such a natural idea that many people talk about it. But there aren’t many resources that guide you to implementing Optimistic UI so you’re left to figure it out on your own. In this workshop, we are going to dive deep into Optimistic UI — what it is and how to implement it.

At the end of this workshop, you will:

  • Know exactly what Optimistic UI is, when to use it and when NOT to use it.
  • Craft delightful experiences by removing the need to wait.
  • Know how to handle Optimistic UI errors — how to revert the application state to where it was before the error occurred.
  • Allow users to retry to failed operation — both manually and automatically — which reduces frustration and friction.
  • Be able to build Optimistic UI with any framework — because you’re learning the and implementing the foundational concepts.

$350 .00 $450.00Register for this workshop →4 × 2h live sessions + Q&A. Oct 6–14.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with a Smashing Membership.

Who is this workshop for?

You need to have bit of JavaScript knowledge. Just a tiny bit — like being able to create variables, functions, and for loops — since we won’t be covering the absolute basics of JavaScript. We’ll go straight into building Optimistic UI.

Hardware, software and things to have

Grab your computer, perhaps a large screen, maybe a cup of warm tea as we meet. Bring your smile! Oh, make sure you have installed your favourite text editor and browser on your computer since we can’t do work without them. Cool? Can’t wait to meet you!

About Zell Liew

Zell is a developer who loves to figure things out. He goes deep to figure out the principles and implementation details of the concepts he learns, and loves to share this through his courses (like Learn JavaScript, Mastering Responsive Typography) and Understanding Async JS. Over 100,000 developers a month learn through his blog where his publishes his findings.

Time & Schedule

This workshop is split over four days. Our virtual doors open at 8:45, we start at 9 AM CET.

The workshop sessions will run on the following days:

  • Thursday, October 6, 09:00 – 11:30 AM CET (00:00 – 2:30 PDT, 15:00 – 17:30 Singapore time)
  • Friday, October 7, 09:00 – 11:30 AM CET (00:00 – 2:30 PDT, 15:00 – 17:30 Singapore time)
  • Thursday, October 13, 09:00 – 11:30 AM CET (00:00 – 2:30 PDT, 15:00 – 17:30 Singapore time)
  • Friday, October 14, 09:00 – 11:30 AM CET (00:00 – 2:30 PDT, 15:00 – 17:30 Singapore time)

You can always re-watch the sessions at a more convenient time and follow the workshop at your own pace.


Program

Each session will last approximately 2.5 hours, including QA time.

Day 1 — Understanding what Optimistic UI is

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
You will learn what Optimistic UI is and why it is so important to craft Optimistic UI, and you will see some examples. You will get a general sense of the different kinds of Optimistic UI out there — both big and small — and get a lay of the land. You will learn when to use Optimistic UI and when NOT to use it.

11:00 AM – 11:30 AM
Q&A with Zell on the day’s material. Networking!

Day 2 — Crafting Optimistic UI

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
We begin crafting various types of Optimistic UI together — starting with the simplest ones and we working our way up. You’ll know how to handle optimistic UI errors — including network errors — and how to allow users to retry the failed request with the least amount of work.

11:00 AM – 11:30 AM
Q&A with Zell on the day’s material. Networking!

Day 3 — Crafting Optimistic UI Part 2

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
We go deeper into crafting Optimistic UI errors. You’ll learn how to let users save their work across sessions so they can continue where they left off afterwards. We’ll be looking into refining the experience. People will trust you got their back with the work they’ve been doing.

11:00 AM – 11:30 AM
Q&A with Zell on the day’s material. Networking!

Day 4 — Putting everything together

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
You’re able to work on your own UI, and we will apply Optimistic UI principles to your own UI together. You’ll integrate your learnings through doing. If you don’t have your own UI, we will apply Optimistic UI principles to a Todolist together. You’ll be given a chance to work on it — and to have your questions answered.

11:00 AM – 11:30 AM
Q&A with Zell on the day’s material. Networking!

$350 .00 $450.00Register for this workshop →4 × 2h live sessions + Q&A. Oct 6–14.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with a Smashing Membership.