How to make a tech talk

ekoTechTalks 2021

(and why that's an awful title)

@opherv

source:https://www.flickr.com/photos/neocommunications/albums/72157673485431421

Dylan Beattie

Dylan Beattie is a consultant, software developer and international keynote speaker. He’s been building web applications since the 1990s, and works primarily on Microsoft .NET, HTTP APIs, UX design, and distributed systems.

 

Dylan lives and works in London and when he’s not writing code he plays guitar and writes songs.

 

I'm @OpherV

 

developer

Hi!

I've given over 40 tech talks

locally and internationally

in the last 5 years

1. It's great

2. I think you should do it too

3. I want to show you how

The Vishnia method for writing and delivering an amazing tech talk that will surely make you rich and famous, probably (maybe*)

 

Subtitle

**Not actually trademarked

Trust me. Or don't - It's a free country™ **

even though there's a good chance it won't.

(Won't make you rich and famous that is - it's still going to be a good talk)

 

What is a tech talk?

How do you get to actually perform one?

 

My process for creating a talk

Once you're up there - what do you do

(and more importantly - what not to do)

Why would you even want to do one?

What follows after

1. The Ordinary

2. Call to Adventure

3. Refusal of the Call

4. Meeting the Mentor

5. Crossing the Threshold

6. Tests, allies and Enemies

7. Approach

8. The Ordeal

9. The Reward

10. The Road Back

11. The Resurrection

12. Return with the Elixir

The path of doing a tech talk

Come across a speaking opportunity

Prepare CFP Materials

Submit CFP

Get accepted! (Or rejected)

Wait

Research & Write talk

Practice 

Perform

What's next?

Think up a talk idea

1. The Ordinary

2. Call to Adventure

3. Refusal of the Call

4. Meeting the Mentor

5. Crossing the Threshold

6. Tests, allies and Enemies

7. Approach

8. The Ordeal

9. The Reward

10. The Road Back

11. The Resurrection

12. Return with the Elixir

1. The Ordinary

1. The Ordinary

2. Call to Adventure

1. The Ordinary

2. Call to Adventure

Or to be precise "Call for Papers"

Developer Avocados  Weekly

JSIsrael Meetup

Tech Daily CFP

3. Refusal of the Call

2. Call to Adventure

3. Refusal of the Call

2. Call to Adventure

or - why would you even do this to yourself

I'm not experienced enough

No thanks I'm good

I don't like to travel

I'm scared of public speaking

Why not

It seems like a lot of work

I don't have anything new or interesting to say

I don't have the time

3. Refusal of the Call

4. Meeting the Mentor

3. Refusal of the Call

4. Meeting the Mentor

in which I tell you why it's a journey worth taking

It's fun (eventually)

Promote your personal brand

It feels good to be valued

Gain knowledge by giving knowledge

Personally I do it for the adventure

But why?

Improve your communication skills

About me

Over 40 tech talks blah blah blah

5. Crossing the Threshold

4. Meeting the Mentor

5. Crossing the Threshold

4. Meeting the Mentor

Talks Title

a delicate balance between

wanting to be descriptive and trying to being clever

Database Security

Using Database Security Techniques to Lock Down Your Web Applications

Several Access Control and Auditing Techniques Designed to Improve Your Overall Data Security in a Web Environment

source: https://www.toolbox.com/tech/data-management/blogs/tech-talk-tip-2-whats-in-a-title-041009/

Database Security for Web Developers

Wanting to be Descriptive

"Following through with animation"

Trying to be clever

Trying to be clever

"Following through with animation"

"Staying ahead of the Pack"

"Staying ahead of the Pack"

"PackWars: Webpack vs Browserify vs SystemJS vs Require.js"

"PackWars: Webpack vs Browserify vs SystemJS vs Require.js"

"Web animations & state: The secrets for a successful relationship"

"Web animations & state: The secrets for a successful relationship"

Talk Abstract

What's in it for me?

source: https://medium.com/@dormaindrewitz/how-to-write-an-abstract-for-your-conference-talk-or-webinar-66ae959be2e6

1. Hook

2. Relevant Information

3. Takeaways and call to action

My formula for not thinking about it too much:

Pack Wars: JavaScript distribution in a galaxy far, far away

Front end development is becoming increasingly complex. In the past you could just serve your CSS, JS and image files and you were good to go. Nowadays you have Single Page Apps and modules and assets and images and libraries and frameworks and oh god what now.. Let me help you with your Analysis Paralysis. I went through all the options for modularizing, bundling and serving your code so you don’t have to. I’ll explain the problem and present current solutions like Webpack, Browserify and System.js, their use cases, their merits and their faults so you could stop worrying and start coding

Pack Wars: JavaScript distribution in a galaxy far, far away

Front end development is becoming increasingly complex. In the past you could just serve your CSS, JS and image files and you were good to go. Nowadays you have Single Page Apps and modules and assets and images and libraries and frameworks and oh god what now.. Let me help you with your Analysis Paralysis. I went through all the options for modularizing, bundling and serving your code so you don’t have to. I’ll explain the problem and present current solutions like Webpack, Browserify and System.js, their use cases, their merits and their faults so you could stop worrying and start coding

Pack Wars: JavaScript distribution in a galaxy far, far away

Front end development is becoming increasingly complex. In the past you could just serve your CSS, JS and image files and you were good to go. Nowadays you have Single Page Apps and modules and assets and images and libraries and frameworks and oh god what now.. Let me help you with your Analysis Paralysis. I went through all the options for modularizing, bundling and serving your code so you don’t have to. I’ll explain the problem and present current solutions like Webpack, Browserify and System.js, their use cases, their merits and their faults so you could stop worrying and start coding

Wait, you can do that with JavaScript…!?

In 98’ I made my first webpage, which leveraged JavaScript to annoy visitors with blinking text animations. 20 years later I developed a film entirely in JS, which debuted in the Tribeca Film Festival. You can do so much with the browser today: Procedural art, interactive VR, physical simulation, real-time multiplayer games - and that’s just the tip of the iceberg. In this talk I want to take you a step further beyond sites and Web Apps. Perhaps your next project could push the envelope of the web as we know it?

Wait, you can do that with JavaScript…!?

In 98’ I made my first webpage, which leveraged JavaScript to annoy visitors with blinking text animations. 20 years later I developed a film entirely in JS, which debuted in the Tribeca Film Festival. You can do so much with the browser today: Procedural art, interactive VR, physical simulation, real-time multiplayer games - and that’s just the tip of the iceberg. In this talk I want to take you a step further beyond sites and Web Apps. Perhaps your next project could push the envelope of the web as we know it?

Wait, you can do that with JavaScript…!?

In 98’ I made my first webpage, which leveraged JavaScript to annoy visitors with blinking text animations. 20 years later I developed a film entirely in JS, which debuted in the Tribeca Film Festival. You can do so much with the browser today: Procedural art, interactive VR, physical simulation, real-time multiplayer games - and that’s just the tip of the iceberg. In this talk I want to take you a step further beyond sites and Web Apps. Perhaps your next project could push the envelope of the web as we know it?

Wait, you can do that with JavaScript…!?

In 98’ I made my first webpage, which leveraged JavaScript to annoy visitors with blinking text animations. 20 years later I developed a film entirely in JS, which debuted in the Tribeca Film Festival. You can do so much with the browser today: Procedural art, interactive VR, physical simulation, real-time multiplayer games - and that’s just the tip of the iceberg. In this talk I want to take you a step further beyond sites and Web Apps. Perhaps your next project could push the envelope of the web as we know it?

Spoiler: Reviewers probably

don't read your abstracts

Which talks gets picked?

a delicate balance between

wanting to be descriptive and trying to being clever

interesting and relevant abstract

luck

You also need to convince people to come and see it

Not just the event organizers

5. Crossing the Threshold

6. Tests, allies and Enemies

5. Crossing the Threshold

6. Tests, allies and Enemies

or - now you have to actually research & write the thing

Why is this a talk

and not a blog post?

the narrative

It's all about

Different types of stories

personal story

following a metaphore

"stand up routine"

and more!

vs

Theme

Content

source: https://www.michaelbromley.co.uk/blog/what-makes-a-good-tech-talk/

"Wait, you can do that with JavaScript...!"

My personal journey with Javascript

"Pack Wars: JavaScript distribution in a galaxy far, far away"

Building the Death Star with Web Technology

"Web sites are basically video games waiting to happen"

Comparing video games and websites

How do I come up with this stuff?

Get inspired

The path of giving a talk

Ideation

Research

Focus and narrow down

Composing takeways

Creating the talk skeleton

Slide content / design

Practice

Delivery

  • If you start from the slides and use them to dump your ideas your presentation will looks like this
  • You end up playing around with design where honestly that's not the important thing
  • It makes you read from the slides
  • Slides are a presentation tool for the content so content comes first
  • You are the presentation, not the slides
  • It's all about grabbing attention

Don't start from the slides

Create your own

Sourdough starter

Subset of a talk skeleton

If you start from the slides and use them to dump your ideas your presentation will looks like this

You end up playing around with design where honestly that's not the important thing

It makes you read from the slides

Slides are a presentation tool for the content so content comes first

You are the presentation, not the slides

It's all about grabbing attention

Don't start from the slides


  •  
  •  

  •  
  •  
  •  
  • _

If you start from the slides and use them to dump your ideas your presentation will looks like this

You end up playing around with design where honestly that's not the important thing

It makes you read from the slides

Slides are a presentation tool for the content so content comes first

You are the presentation, not the slides

It's all about grabbing attention

Don't start from the slides

Wait until most of the content is ready

Don't start from the slides

If you start from the slides and use them to dump your ideas your presentation will looks like this

You end up playing around with design where honestly that's not the important thing

It makes you read from the slides

Slides are a presentation tool for the content so content comes first

You are the presentation, not the slides

It's all about grabbing attention 

The slides are just a tool to illustrate, and clarify what you're verbally saying

Use speaker notes if necessary

Break apart bulleted lists

You will get stuck.

Focus on moving forward (productively)

7. The Approach

6. Tests, allies and Enemies

7. The Approach

6. Tests, allies and Enemies

You have the slides. Now what?

Presenting the talk

The hardware

Computer + Charger

HDMI Dongle

Podium

Clicker

Water Bottle

https://pantmonger.artstation.com/projects/L624K

Computer

Computer

Computer

Presentation

Computer

Clicker

Computer

Monitor

Podium

Demos

If they can, they should be in the presentation

Otherwise, practice the switch

Close ANYTHING that has notifications

WhatsApp, Skype, Gmail etc

Presenting code

if (!EkoPlayer.isSupported()) {
    alert('Eko is not supported on current environment');
}
let ekoPlayer = new EkoPlayer('#myContainer', '1.0');
ekoPlayer.load('AWLLK1', {
    params: {
        autoplay: false,
        clearcheckpoints: true,
        debug: true
    },
    events: ['nodestart', 'nodeend', 'playing', 'pause'],
    cover: '#myCoverId',
    iframeAttributes: { title: 'My Eko Player' }
});
ekoPlayer.invoke('seek', 'myNodeId', 10); 

 

// a useful comment
if (!EkoPlayer.isSupported()) {
    alert('Eko is not supported on current environment');
}


let ekoPlayer = new EkoPlayer('#myContainer', '1.0');

// maybe another useful comment
ekoPlayer.load('AWLLK1', {
    params: {
        autoplay: false,
        clearcheckpoints: true,
        debug: true
    },
    events: ['nodestart', 'nodeend', 'playing', 'pause'],
    cover: '#myCoverId',
    iframeAttributes: { title: 'My Eko Player' }
});

// ok it's hard to write useful comments just pretend they are
ekoPlayer.invoke('seek', 'myNodeId', 10);
// a useful comment
if (!EkoPlayer.isSupported()) {
    alert('Eko is not supported on current environment');
}


let ekoPlayer = new EkoPlayer('#myContainer', '1.0');

// maybe another useful comment
ekoPlayer.load('AWLLK1', {
    params: {
        autoplay: false,
        clearcheckpoints: true,
        debug: true
    },
    events: ['nodestart', 'nodeend', 'playing', 'pause'],
    cover: '#myCoverId',
    iframeAttributes: { title: 'My Eko Player' }
});

// ok it's hard to write useful comments just pretend they are
ekoPlayer.invoke('seek', 'myNodeId', 10);

Live coding

Don't.

All assets that can be offline

should be offline

Practice!

With yourself

With someone non-technical

(even though they're not going to like it)

Stuff will go wrong

Remember - everything's rooting for you

7. The Approach

8. The Ordeal

7. The Approach

8. The Ordeal

It's showtime

Honestly, the hard part's behind you

If for some reason there's a lot of text in the slide. Don't read verbatim from the screen. It feels like it's either you assume people can't read, which is insulting, or they can, and then for some reason you want that to read with you like kind of a weird sing-along. It's disorienting.

Don’t worry about slide design

Don't try to picture the audience naked

Don’t point your finger at the screen

We need to talk about

the elephant in the room.

It's okay to pause

9. The Reward

8. The Ordeal

9. The Reward

8. The Ordeal

9. The Reward

10. The Ressurection

9. The Reward

10. The Ressurection

Why not - revisited

I don't have anything new or interesting to say

You could and should have said more

I'm not experienced enough

You are now

I'm scared of public speaking

And yet you've pulled through

It seems like a lot of work

It was - but now you have a presentation ready for next time!

It's okay to repeat talks

a band doesn't write songs for just one concert

11. The Road back Home

10. The Ressurection

11. The Road back Home

10. The Ressurection

Hey this was actually fun

Where to find CFPs

Developer Avocados 🥑 Weekly
Tech Daily CFP (Twitter)
https://confs.tech/
https://www.cfpland.com/

How to get better

https://www.michaelbromley.co.uk/blog/what-makes-a-good-tech-talk/
https://x-team.com/blog/write-a-great-tech-talk/

https://codeburst.io/giving-a-tech-talk-how-to-have-fun-and-not-die-9c909dcd0b16
https://www.helenanderson.co.nz/rock-first-tech-talk/

11. The Road back Home

12. Return with the Elixir

11. The Road back Home

12. Return with the Elixir

You've made it - now let's that all over again

Thanks and good luck!

@opherv

How to make a tech talk (and why that's an awful title)

By Opher Vishnia

How to make a tech talk (and why that's an awful title)

  • 541