Swizec Teller - a geek with a hatswizec.com

Senior Mindset Book

Get promoted, earn a bigger salary, work for top companies

Senior Engineer Mindset cover
Learn more

    Online workshops are MORE interactive than in-person workshops

    In August, I ran 3 online workshops about React Data Visualization. Little 4-hour affairs every Sunday for people who preordered my upcoming React + D3 2018 book and course.

    You could call them webinars, but that sounds lame. They're workshops because they're interactive, last a while, and you write code on your own computer. Like an in-person workshop but not.

    Goal was πŸ‘‡

    1. Give preorderers a nice bonus
    2. Practice my Reactathon September workshop
    3. Develop and polish some new material
    4. Record a new video course

    First workshop started with 8 people, and ended with 2. Ouch

    Second started with 8 people, and ended with 8. Yay

    Third started with 8 and ended with 11. O.o

    This can only mean one thing: My workshops improved! The audience was more engaged, grokked the material better, and learned more.

    How I changed my approach

    My approach to in-person workshops has evolved and improved over the… years?… gosh it's been a while. The main improvements were to make them less ambitious, simplify my code, and do more follow-along exercises.

    Turns out saying a few words then announcing "Now you code this while I watch" is not a great teaching approach. People get confused, are afraid to ask questions, and everyone has a bad time. Plus, you get bored.

    Online, I turn this approach up to eleven.

    Nothing worse than dead air when you're on air.

    So where an in-person workshop looks like this:

    1. Swiz talks for a while
    2. Swiz writes some code
    3. Swiz says "Do this next"
    4. Everyone except Swiz codes
    5. Swiz says "Okay, who got it?"
    6. Swiz shows how he'd do it
    7. Go to 1

    An online workshop is more interactive because I can't see the audience, so I have to make them actively play along with me. Keep them saying stuff in the chatroom, ask them questions, make them guess what I'm going to say next.

    Something like this πŸ‘‡

    1. Swiz talks for a bit
    2. Swiz asks a question to make audience think
    3. Swiz waits for chats to fly in
    4. Swiz nods and says "YES! Great guess."
    5. Swiz shows his answer be it code or words or pictures
    6. Only at the very end does Swiz say "Okay I'll shush for 5min and you code this"
    7. Go to 1

    I think in a four-hour session there were maybe two 5-minute periods where I was quiet and letting the audience work through some code on their own. Even then, I tried to get them into a live shared Codesandbox so we could work together.

    Codesandbox live shares are great by the way! You can write some code, then ask the audience to fill in the blank or to guess what has to happen next. It's great πŸ‘Œ

    And then you get comments like this

    How quickly the content made sense. Last week I was having much more trouble than this week, some of the programming challenges were resolved within a minute or 2, which definitely felt rewarding. You did an amazing job putting this together, can't wait to continue reviewing the video!

    Workshop went great, really enjoyed it. You are a great teacher, and give good amounts of time to work things out and answer questions.

    Lesson learned: Online doesn't have to suck.

    Now I get to try this interactivity

    The tech

    Easiest way to do it is hosting a meeting on Zoom. Managing the invites and stuff is annoying and easy to lose track of. There are probably existing perfect tools for that.

    To record your screen and get a high quality recording, you should use Camtasia. Your computer might struggle running all this stuff. I don't have a solution for that.

    I used my Canon DSLR as the webcam, so that was high quality.

    Yeti Blue Mic for good quality audio. Everyone said it was clear and crisp, no background noise.

    Use a high resolution stream, as high as you can, to avoid having to zoom in too much on your code. The crispness means people can read small fonts.

    Zoom breakout rooms are great if you wanna help someone one-on-one, a lot like an in-person workshop, but they create dead air for everyone else, which sucks. Better to make the workshop so very interactive that one-on-one help isn't needed.

    More? Yes, maybe.

    Online workshops are a lot more fun than I expected.

    It's a little nervewracking when you can't see the crowd, don't know if your jokes are landing, aren't sure anyone follows your argument, and don't quite know if your audience is even still there. But you know what? You can compensate for that by making it more interactive than an in-person workshop and it's easier to reach people around the world.

    Think I might host more of these. Interested? Ping me on Twitter. πŸ€™

    Published on September 5th, 2018 in Learning, Livecoding, Personal, Thoughts

    Did you enjoy this article?

    Continue reading about Online workshops are MORE interactive than in-person workshops

    Semantically similar articles hand-picked by GPT-4

    Senior Mindset Book

    Get promoted, earn a bigger salary, work for top companies

    Learn more

    Have a burning question that you think I can answer? Hit me up on twitter and I'll do my best.

    Who am I and who do I help? I'm Swizec Teller and I turn coders into engineers with "Raw and honest from the heart!" writing. No bullshit. Real insights into the career and skills of a modern software engineer.

    Want to become a true senior engineer? Take ownership, have autonomy, and be a force multiplier on your team. The Senior Engineer Mindset ebook can help πŸ‘‰ swizec.com/senior-mindset. These are the shifts in mindset that unlocked my career.

    Curious about Serverless and the modern backend? Check out Serverless Handbook, for frontend engineers πŸ‘‰ ServerlessHandbook.dev

    Want to Stop copy pasting D3 examples and create data visualizations of your own? Learn how to build scalable dataviz React components your whole team can understand with React for Data Visualization

    Want to get my best emails on JavaScript, React, Serverless, Fullstack Web, or Indie Hacking? Check out swizec.com/collections

    Did someone amazing share this letter with you? Wonderful! You can sign up for my weekly letters for software engineers on their path to greatness, here: swizec.com/blog

    Want to brush up on your modern JavaScript syntax? Check out my interactive cheatsheet: es6cheatsheet.com

    By the way, just in case no one has told you it yet today: I love and appreciate you for who you are ❀️

    Created by Swizec with ❀️